iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

新手的JavaScript扎根之路 系列

「HTML 、CSS、JavaScript」是網頁設計的三巨頭,HTML是一個建築師,建立網頁的主結構; CSS 是一個化妝師,負責美化網頁樣式;JavaScript 是一個動畫師,負責描述網頁如何與用戶互動並呈現動態效果。其中初學JavaScript,經常會遭遇到挫折、撰寫不出預期的功能,因此希望藉由30天重新整理JavaScript的觀念,從中融會貫通並且自我學習將基底扎穩更上一層樓!

鐵人鍊成 | 共 30 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day01 前言

初次見面!我是Winnie溫尼~ 個人背景 過去是多媒體設計背景,在學時期有接觸到Html、CSS基礎的網頁設計,記得當初學到padding、margin部分就...

2022-09-15 ‧ 由 Winnie 分享
DAY 2

Day02 JavaScript是什麼?JavaScript=Java嗎?

嗨嗨!我是Winnie溫尼~ 前言 在開始學習JavaScript以前,我們先來認識網頁設計的三大元素「HTML 、CSS、JavaScript」。 HTM...

2022-09-16 ‧ 由 Winnie 分享
DAY 3

Day03 宣告你的第一個變數!

嗨嗨!我是Winnie溫尼~ 前言 今天過得好嗎~我們來到了鐵人賽的第3篇文章「宣告你的第一個變數!」把上方這段話記錄成「變數與值」的方式,大致就會變成下方的表...

2022-09-17 ‧ 由 Winnie 分享
DAY 4

Day04 基本型別(Primitives types)

嗨嗨!我是Winnie溫尼~ 前言 let articleNumber = 3` let articleTitle = "宣告你的第一個變數!&quo...

2022-09-18 ‧ 由 Winnie 分享
DAY 5

Day05 深入淺出字串型別

嗨嗨!我是Winnie溫尼~ 前言 上一篇我們學到了基本型別,其中字串會使用單引號('')或是雙引號("")包覆值的內容,但不可單雙引號混用...

2022-09-19 ‧ 由 Winnie 分享
DAY 6

Day06 運算子大家庭(上)

嗨嗨!我是Winnie溫尼~ 前言 在前面的章節,我們學到了let 變數名稱 = 值宣告變數的方法,其中的 = 它有一個「運算子」大家庭,所以今天我們就一起來認...

2022-09-20 ‧ 由 Winnie 分享
DAY 7

Day07 運算子大家庭(下)

嗨嗨!我是Winnie溫尼~ 前言 在上一個的章節,我們學到了算術運算子(Arithmetic Operator)、賦值運算子(Assignment Opera...

2022-09-21 ‧ 由 Winnie 分享
DAY 8

Day08 在寫程式碼之前你需要知道的流程圖!

嗨嗨!我是Winnie溫尼~ 前言 在前面的章節,我們累積了變數宣告、型別判斷、運算子應用的知識點,今天輕鬆一點來學習繪製流程圖(Flowchart),完善的流...

2022-09-22 ‧ 由 Winnie 分享
DAY 9

Day09 有趣的流程判斷if 、else、else if

嗨嗨!我是Winnie溫尼~ 前言 在前面的章節,我們畫了一個「判斷體重是否過重(假設:體重大於80為過重)」的流程圖(流程圖範例),那麼就設定自己的體重為10...

2022-09-23 ‧ 由 Winnie 分享
DAY 10

Day10 另一種流程判斷switch

嗨嗨!我是Winnie溫尼~ 前言 在前一個章節,我們if、else、else if的流程判斷,還有另一種判斷方法是switch,那麼今天就讓我們一起來認識這個...

2022-09-24 ‧ 由 Winnie 分享