iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

剛接觸前端一個月的小白 - JavaScript30 挑戰筆記 系列

希望能在鐵人賽的 30 天中能夠藉由 JavaScript30 課程熟悉 JS 的基礎應用,同時也嘗試以 HTML + CSS 去建構自己的 blog,存放這 30 天製作的專案,以此增加 HTML + CSS + JavaScript 三者的基本能力

鐵人鍊成 | 共 30 篇文章 | 7 人訂閱 訂閱系列文 RSS系列文 團隊台南巷弄美食獵人
DAY 21

JS30 -> 22:Follow Along Link Highliter

22:Follow Along Link Highliter tags: JavaScript30 專案簡介 第二十二天要做的事情是文字聚光燈,當使用者從一個...

2022-10-06 ‧ 由 baieQQ 分享
DAY 22

JS30 -> 23 - Speech Synthesis

23 - Speech Synthesis tags: JavaScript30 專案簡介 第二十三天要做的專案是學習語音撥放的 API,做出可以閱讀文字輸入的...

2022-10-07 ‧ 由 baieQQ 分享
DAY 23

JS30 -> 24 - Sticky Nav

24 - Sticky Nav tags: JavaScript30 專案簡介 第二十四天要學習的目標是 JS 偵測滾動軸位置和 CSS 動畫的配合 課程影片:...

2022-10-08 ‧ 由 baieQQ 分享
DAY 24

JS30 -> 25 - Event Capture, Propagation, Bubbling and Once

25 - Event Capture, Propagation, Bubbling and Once tags: JavaScript30 專案簡介 第二十五天...

2022-10-09 ‧ 由 baieQQ 分享
DAY 25

JS30 -> 26 - Stripe Follow Along Nav

26 - Stripe Follow Along Nav tags: JavaScript30 專案簡介 第二十六天要實作的專案是延續第二十二天實作的內容 課程...

2022-10-10 ‧ 由 baieQQ 分享
DAY 26

JS30 -> 27 - Click and Drag

27 - Click and Drag tags: JavaScript30 專案簡介 第二十七天要實作的專案是偵測滑鼠在範圍內的拖曳,而帶動 HTML 元素的...

2022-10-11 ‧ 由 baieQQ 分享
DAY 27

JS30 -> 28-Video Speed Controller

27 - Click and Drag tags: JavaScript30 專案簡介 第二十七天要實作的專案是偵測滑鼠在範圍內的拖曳,而帶動 HTML 元素的...

2022-10-12 ‧ 由 baieQQ 分享
DAY 28

JS30 -> 29 - Countdown Timer

29 - Countdown Timer tags: JavaScript30 專案簡介 第二十九天要實作的專案是一個計時器網頁,可以讓使用者選擇要倒數的時間...

2022-10-13 ‧ 由 baieQQ 分享
DAY 29

JS30 -> 30 - Whack A Mole

30 - Whack A Mole tags: JavaScript30 專案簡介 第三十天要實作的專案是一個打地鼠的小遊戲 課程影片:JS30 30導讀影片:...

2022-10-14 ‧ 由 baieQQ 分享
DAY 30

# JS30 -> 總心得

JS30 -> 總心得 由於這兩三個月來一直在忙著籌辦著其他的資訊活動及課程,因此從開賽到現在的每一天都沒有任何存稿,所幸最後還是在這三十天的磨難、苦痛中...

2022-10-15 ‧ 由 baieQQ 分享