網頁前端課程目錄
這個系列是本人在教老婆前端開發時的所有點點滴滴，把它全部從 codepen 移植過來 Blog 保存，也提供給所有對前端開發有興趣、或是想要投入這個領域的朋友們
希望大家都能順利學習，並完成自己心目中的夢想或目標喔，加油!~
第一章：HTML5 與 CSS3
HTML
CSS3
- 第一課 - 何謂 CSS
- 第二課 - CSS撰寫構造
- 第三課 - CSS使用位置
- 第四課 - CSS常用屬性
- 第五課 - CSS進階屬性
- 第六課 - CSS選取器
- 第七課 - 何謂 CSS Reset, Normalize
- 第八課 - 何謂 Functional CSS
第二章：切版
FlexBox 基礎練習
常見切版問題
第三章：元件製作練習
簡單元件
進階元件（含部分動畫效果）
UI 框架 Bootstrap
第四章：CSS 動畫
基礎練習
進階練習
第五章：網頁開發常用工具
編輯器
開發工具
其他工具
第六章：JavaScript
基礎篇
- var 變數定義, 資料類型, typeof
- JS - 給值, 運算, 比較運算符
- JS - if / else if / else 條件判斷句
- JS - For Loop 迴圈處理
- JS - String, Number, Array 基本方法
- JS 基礎 AJAX 請求
語法基礎練習
常用內件模組篇
重要觀念篇(面試必會)
第七章：JQuery
基礎練習
基礎實戰練習
- JQuery 動態加入 HTML
- JQuery Nav Tab 頁簽功能
- JQuery Alert Box 彈出視窗
- JQuery LightBox & Modal
- JQuery - 動態彈窗內容
- JQuery 平滑滾動
- JQuery Photo Caption