iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
影片教學

從麻瓜變成前端魔法師 系列

從0開始學HTML、CSS、JavaScript。【每天5分鐘】學前端的影片版本

參賽天數 13 天 | 共 30 篇文章 | 9 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day11【從麻瓜變成前端魔法師】CSS display 顯示類型

實作 判斷預設 的 display 屬性(block 或 inline),並更改標籤的 display 屬性(inline-block 和 none)。...

2022-09-26 ‧ 由 Olivia 分享
DAY 12

Day12【從麻瓜變成前端魔法師】display: flex;

設定 display: flex; 以後,其下的 子元素 會 橫向排列 。 實作並介紹 justify-content 屬性(flex 元素與主軸對齊),值包...

2022-09-27 ‧ 由 Olivia 分享
DAY 13

Day13【從麻瓜變成前端魔法師】CSS flex 排列實作

我們來做下圖的小卡片: 並補充說明 HTML 的 影片 標籤 及 清單 標籤。 清單分兩種:無序清單(unordered list):使用 <ul&gt...

2022-09-28 ‧ 由 Olivia 分享
DAY 13

Day14【從麻瓜變成前端魔法師】引入 JavaScript 的 4 種方法

YouTube 趕在 12:00 前錄製上傳,這裡來不及發 但我還是會每天更新的~ 若想知道更多資訊,可參考文字敘述:Day13【每天5分鐘】學前端 | J...

2022-09-30 ‧ 由 Olivia 分享
DAY 13

Day15【從麻瓜變成前端魔法師】JS 字串、數字

字串 :需用 引號 包起來數字 :不需要用引號, 直接寫 即可 若想知道更多資訊,可參考文字敘述:Day14【每天5分鐘】學前端 | JavaScript...

2022-09-30 ‧ 由 Olivia 分享
DAY 13

Day16【從麻瓜變成前端魔法師】JS 算術運算子、餘數運算子

今天的麥克風出了一點狀況,都是雜音,重錄一遍就超過 12 點了 (>_<); 算術運算子 使用符號 加法 + 減法 - 乘法...

2022-10-02 ‧ 由 Olivia 分享
DAY 13

Day17【從麻瓜變成前端魔法師】JS 邏輯運算子

今天又開始上字幕了 (^_^) 二元邏輯運算子 | 邏輯 | 格式------------- | -------------&& | AND(...

2022-10-02 ‧ 由 Olivia 分享
DAY 13

Day18【從麻瓜變成前端魔法師】JS 比較運算子

大於 (>)大於或等於 (>=)小於 (<)小於或等於 (<=)一般相等 (==)一般不相等 (!=)嚴格相等 (===)嚴格不相等...

2022-10-04 ‧ 由 Olivia 分享
DAY 13

Day19【從麻瓜變成前端魔法師】JS 陣列 array

陣列的操作方法 說明 push( ) 新增資料到陣列的末端 pop( ) 移除陣列的最後一個元素 shift( ) 移除陣列的第一個元素...

2022-10-04 ‧ 由 Olivia 分享
DAY 13

Day20【從麻瓜變成前端魔法師】JS 物件 object

若想知道更多資訊,可參考文字敘述:Day19【每天5分鐘】學前端 | JavaScript 物件 object 感謝收看,我們明天見囉~~~

2022-10-05 ‧ 由 Olivia 分享