iT邦幫忙

鐵人檔案

第 12 屆 iT 邦幫忙鐵人賽
回列表
自我挑戰組

花三十天找到 JavaScript 沙漠中的綠洲 系列

前一陣子參加六角學院開設的 JS 學徒特訓班,希望藉由這次鐵人賽的機會,重新整理自己整個參加過程學習到的知識,以及運用到的技巧。

鐵人鍊成 | 共 35 篇文章 | 7 人訂閱 訂閱系列文 RSS系列文
DAY 11

11 物件與陣列

前言 今天我們要進入一個全新的章節,陣列與物件。當你打開一個網頁,背後可能儲存了各式各樣的資料,諸如字串、數字等等,我們可以把這些資料放置在物件與陣列中。 物件...

2020-09-11 ‧ 由 我是圈圈 分享
DAY 12

12 陣列補充

前言 嗨大家好,昨天的練習應該不難。請看下面的解答: //第一題:請問下面 console.log 會出現哪個顏色? let color = ["re...

2020-09-12 ‧ 由 我是圈圈 分享
DAY 13

13 forEach

前言 昨天介紹了好幾個跟陣列有關的咒語,今天要講解的 forEach 也是陣列中的一種方法。但因為能玩的比較廣,所以單獨抽出來聊聊。廢話不多說,趕緊跟我一起來學...

2020-09-13 ‧ 由 我是圈圈 分享
DAY 14

14 ES6:樣板字串與箭頭函式

前言 本來是要直接進行中間大魔王的關卡,但如果少講了樣板字串,會讓後面單挑大魔王時,程式碼變得很雜亂不容易閱讀。因此要先岔出來講一下這兩個東西。 樣板字串 Te...

2020-09-14 ‧ 由 我是圈圈 分享
DAY 15

15 來寫 BMI 計算機 (上)

前言 不知不覺也過了這趟旅途的一半,現在的你雖然邊走邊撿裝備,但也許對這些裝備能發揮什麼功效還不太了解。為了讓你知道現在的自己有多厲害,今明兩天,我們要一起來寫...

2020-09-15 ‧ 由 我是圈圈 分享
DAY 16

16 來寫 BMI 計算機 (下)

前言 昨天我們已經進行了三個關卡,今天要繼續推進剩下的兩關!準備好了嗎? Let's Go! 第四關:最終版型 融合昨天我們想到的三個步驟:用判斷式判斷要彈出什...

2020-09-16 ‧ 由 我是圈圈 分享
DAY 17

17 D3.js 繪製圖表

前言 恭喜你進展到第 17 天,來到旅程的中央。相信你已經在 js 荒漠中,學會不少技能,並且找到一些綠洲。現在開始我們要往後半段前進,首先會花個幾天在&quo...

2020-09-17 ‧ 由 我是圈圈 分享
DAY 18

18 C3.js 繪製圖表

C3.js C3.js 是利用 D3.js 做出來的,一種站在巨人肩膀上的概念。使用它你可以輕鬆將資料轉成老闆、顧客一眼就能看到重點的圖表。使用時要先載入以下三...

2020-09-18 ‧ 由 我是圈圈 分享
DAY 19

19 C3.js :forEach 與 data.push 綜合擊

前言 又到了習題大亂鬥的時間,讓我們綜合之前所學,練習應用看看! 基礎題 當 html 為 <div id="chart">&l...

2020-09-19 ‧ 由 我是圈圈 分享
DAY 20

20 newDate()

前言 終於來到第 20 天了(淚目),再十天就結束啦!為了符合你各位倒數的喜悅的心,今明兩天我們要先後討論如何用 js 取得時間,以及倒數計時的功能怎麼做。那麼...

2020-09-20 ‧ 由 我是圈圈 分享