鐵人檔案
題目簡介
學習程式其中一個很重要的點就是大量的實作和練習，知識要能運用才會產生力量，所以希望藉由這一系列的文章來增加輸出和練習量，也同時幫助自己理解各個知識點的實際應用。
內容規劃
此30篇主要會跟著Udemy上『50 Projects In 50 Days - HTML, CSS & JavaScript』的教學中挑出25-30個side project進行實作練習，使用技術會圍繞在HTML、 CSS 、JavaScript，搭配查找額外的資源來加強相關知識點，並把實做的步驟和過程記錄下來。
接續Day 20，繼續來講解沒完成的JS部分 專案回顧 畫面和功能拆解 畫面中的密碼生成器裡內有標題 > 結果顯示欄 +複製按鈕 > 需求設定...
今天要來做的是由多個正方形所組成的hover面板 超白話畫面和功能拆解 面板主要由多個小正方形所組成 當滑鼠經過正方形，就會產生不同的顏色，離開正方形顏色...
今天要來做的是很常見的用戶驗證介面 超白話畫面和功能拆解 當輸入一個數字後，便會自動跳到下一個輸入框 可以按backspace 按鍵去修改前面的數字 運...
今天要做的是動態篩選器 畫面和功能拆解 沒有輸入的情況下，可以看到所有的人名 每輸入一個字母，便動態篩選搜尋結果（類似 google 搜尋 bar）...
今天要來做的是小測驗裝置 (ˉ▽￣～) 超白話畫面和功能拆解 畫面上每個題目皆為單選題，每一頁只顯示一個測驗 選好答案，，按下submit按鈕，就會自動跳到...
今天要來做的事人物的介紹，呈現形式有點類似限時動態，固定時間後會自行跳往下一則動態 超白話畫面和功能拆解 進度條會動態前進，紀錄目前跑的進度 主體內容包含...
今天要來做的是畫畫面板，使用到HTML5的canvas這個元素 超白話畫面和功能拆解 有一個可以畫圖的畫布 點選操控面板可以換色、調整粗細 滑鼠左鍵按下就...
當初在挑選主題的時候，覺得這個好酷，可以玩到 CSS 3D transform ヽ(✿ﾟ▽ﾟ)ノ 事前準備 一張gif圖檔 超白話畫面和功能拆解 按...
今天要來做的是備忘錄，可以新增、修改以及刪除，並儲存在local storage中，畫面上錄不到重新整理的按鈕，不過若正確存放到 local storage...
超白話畫面和功能拆解 背景顏色取決於寶可夢的類型 CSS手刻卡片排版 每個卡片內包含寶可夢圖片、名稱、編號、背景顏色、類型，以上這些都要動態呈現 運...
