iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

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

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

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

JS30 -> 01 - JavaScript Drum Kit

JavaScript30 介紹 JS30 為加拿大的 Wes Bos 工程師所建立的免費課程,課程會在三十天的時間帶領學生以原生的 HTML + CSS + J...

2022-09-16 ‧ 由 baieQQ 分享
DAY 2

JS30 -> 02 - JS and CSS Clock

02 - JS and CSS Clock 專案簡介 第二天的目標是建置一個對應真實時間的時鐘 課程影片:JS30 02導讀影片:Alex 初始文件 Githu...

2022-09-17 ‧ 由 baieQQ 分享
DAY 3

JS30 -> 03 - CSS Variables

03 - CSS Variables 專案簡介 第三天的目標是可以利用畫面的拉桿調整圖片 CSS 屬性的 padding、background、filte,以及...

2022-09-18 ‧ 由 baieQQ 分享
DAY 4

JS30 -> 04 - Array Cardio Day 1

04 - Array Cardio Day 1 專案簡介 第四天要實作的目標是學會陣列的排序和篩選,我們會拿到一份 inventors 和 people 的 L...

2022-09-19 ‧ 由 baieQQ 分享
DAY 5

JS30 -> 05 - Flex Panel Gallery

05 - Flex Panel Gallery 專案簡介 第五天要學習的目標是熟悉 flex 的應用,以及認識 CSS 選擇器、偽類別、切換 class 用的...

2022-09-20 ‧ 由 baieQQ 分享
DAY 6

JS30 -> 06 - Type Ahead

06 - Type Ahead tags: JavaScript30 專案簡介 第六天要學習的是利用 fetch 串接 API,並利用新的事件 input 抓取...

2022-09-21 ‧ 由 baieQQ 分享
DAY 7

JS30 -> 07 - Array Cardio Day 2

07 - Array Cardio Day 2 tags: JavaScript30 專案簡介 第七天要實作的目標是以解決五道問題的方式,學會 List 的資料...

2022-09-22 ‧ 由 baieQQ 分享
DAY 8

JS30 -> 08 - Fun with HTML5 Canvas

08 - Fun with HTML5 Canvas 專案簡介 第八天的目標是在畫面上創造一塊畫布,畫布的功能是利用滑鼠點擊及拖曳畫出線條,線條需會變色及放大縮...

2022-09-23 ‧ 由 baieQQ 分享
DAY 9

JS30 -> 09 - Dev Tools Domination

09 - Dev Tools Domination tags: JavaScript30 專案簡介 第九天要學習的是在網頁開發時 Console 的各種用法 課...

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

JS30 -> 10 - Hold Shift and Check Checkboxes

10 - Hold Shift and Check Checkboxes tags: JavaScript30 專案簡介 第十天的目標是在學習使用 shift...

2022-09-25 ‧ 由 baieQQ 分享