新手村09 - Dev Tools 09 - Dev Tools Domination俗話說的好，一天一蘋果，醫生遠離我 一天一 JS，What the f*ck JavaScript？ small steps every day - 記錄著新手村日記 完成目標 開發工具和 console 技巧的範例，直接來練習吧！ index_START.html12345678910111213141516171819202122232425 2019-09-24 11th鐵人賽 11th鐵人賽 前端新手村 html css JavaScript
新手村08 - HTML5 Canvas 08 - Fun with HTML5 Canvas俗話說的好，一天一蘋果，醫生遠離我 一天一 JS，What the f*ck JavaScript？ small steps every day - 記錄著新手村日記 完成目標 功能 可以畫圖的書布 粗細、顏色變化 畫面 邊畫邊換色、粗細 停下來，再繼續畫，粗細和顏色與上次停筆相同 index_START.html12345678910 2019-09-23 11th鐵人賽 11th鐵人賽 前端新手村 html css JavaScript
新手村07 - Array Cardio Day 2 07 - Array Cardio Day 2俗話說的好，一天一蘋果，醫生遠離我 一天一 JS，What the f*ck JavaScript？ small steps every day - 記錄著新手村日記 完成目標Javascript基本的Array方法運用： 有兩個陣列 people、comments ，完成題目的要求 題目以 Array.prototype.method() 為 2019-09-22 11th鐵人賽 11th鐵人賽 前端新手村 html css JavaScript
新手村06 - Type Ahead 06 - Type Ahead俗話說的好，一天一蘋果，醫生遠離我 一天一 JS，What the f*ck JavaScript？ small steps every day - 記錄著新手村日記 完成目標 功能 接收到 Json 列出符合關鍵字的項目 畫面 列出符合關鍵字的項目 將關鍵字的部份mark起來 顯示該項目的「歡迎程度」數字 index_START.html123456789 2019-09-21 11th鐵人賽 11th鐵人賽 前端新手村 html css JavaScript
新手村05 - Flex Panel Gallery 05 - Flex Panel Gallery俗話說的好，一天一蘋果，醫生遠離我 一天一 JS，What the f*ck JavaScript？ small steps every day - 記錄著新手村日記 完成目標 功能（CSS居多） 點擊指定的區塊有兩段式的動畫變化 再點擊一次，恢復原狀 畫面 改用 Flex 排版 標籤 p 中間的字變大 變大之後上下的字要進來 index_S 2019-09-20 11th鐵人賽 11th鐵人賽 前端新手村 html css JavaScript
新手村04 - Array Cardio Day 1 04 - Array Cardio Day 1俗話說的好，一天一蘋果，醫生遠離我 一天一 JS，What the f*ck JavaScript？ small steps every day - 記錄著新手村日記 完成目標Javascript基本的Array方法運用： 運用高階函式的三大支柱：map、filter、reduce 處理 inventors、 people 陣列 每一題會指定一個 2019-09-19 11th鐵人賽 11th鐵人賽 前端新手村 html css JavaScript
新手村03 - CSS Variables 03 - CSS Variables俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck JavaScript？small steps every day - 記錄著新手村日記 完成目標先寫一段 CSS 來改變 img 的 padding & filter & backgorund畫面有三個變數: Space, Blur, Base Color，當我們在畫面拉 2019-09-18 11th鐵人賽 11th鐵人賽 前端新手村 html css JavaScript
新手村02 - JS and CSS Clock 02 - JS and CSS Clock俗話說的好，一天一蘋果，醫生遠離我一天一 JS，What the f*ck JavaScript？small steps every day - 記錄著新手村日記 CSS+JS Clock 完成目標時鐘一開始就提供了一個鐘面，也寫好了三支指針 功能 顯示目前的時間並可以更新時針、分針、秒針 畫面 讀得到目前的時間 指針要能分辨長短 分針、時針的特性 2019-09-17 11th鐵人賽 11th鐵人賽 前端新手村 html css JavaScript
新手村01 - JavaScript Drum Kit 01 - JavaScript Drum Kit俗話說的好，一天一蘋果，醫生遠離我一天一JS，What the f*ck JavaScript？small steps every day - 記錄著新手村日記 Drum Kit 完成目標一個鍵盤爵士鼓 功能 按下鍵盤，出現相對應的聲音 畫面 按下鍵盤，畫面上的字母方塊出現以下動畫 黃色陰影 字母方塊放大1.1倍 index_STAR 2019-09-16 11th鐵人賽 11th鐵人賽 前端新手村 html css JavaScript