希望能在鐵人賽的 30 天中能夠藉由 JavaScript30 課程熟悉 JS 的基礎應用,同時也嘗試以 HTML + CSS 去建構自己的 blog,存放這 30 天製作的專案,以此增加 HTML + CSS + JavaScript 三者的基本能力
JavaScript30 介紹 JS30 為加拿大的 Wes Bos 工程師所建立的免費課程,課程會在三十天的時間帶領學生以原生的 HTML + CSS + J...
02 - JS and CSS Clock 專案簡介 第二天的目標是建置一個對應真實時間的時鐘 課程影片:JS30 02導讀影片:Alex 初始文件 Githu...
03 - CSS Variables 專案簡介 第三天的目標是可以利用畫面的拉桿調整圖片 CSS 屬性的 padding、background、filte,以及...
04 - Array Cardio Day 1 專案簡介 第四天要實作的目標是學會陣列的排序和篩選,我們會拿到一份 inventors 和 people 的 L...
05 - Flex Panel Gallery 專案簡介 第五天要學習的目標是熟悉 flex 的應用,以及認識 CSS 選擇器、偽類別、切換 class 用的...
06 - Type Ahead tags: JavaScript30 專案簡介 第六天要學習的是利用 fetch 串接 API,並利用新的事件 input 抓取...
07 - Array Cardio Day 2 tags: JavaScript30 專案簡介 第七天要實作的目標是以解決五道問題的方式,學會 List 的資料...
08 - Fun with HTML5 Canvas 專案簡介 第八天的目標是在畫面上創造一塊畫布,畫布的功能是利用滑鼠點擊及拖曳畫出線條,線條需會變色及放大縮...
09 - Dev Tools Domination tags: JavaScript30 專案簡介 第九天要學習的是在網頁開發時 Console 的各種用法 課...
10 - Hold Shift and Check Checkboxes tags: JavaScript30 專案簡介 第十天的目標是在學習使用 shift...