1. 網頁開發介紹

(What is web development)

2. 直接來寫code

1. Code - Button, Card

2. 觀念 - Box Sizing,  Block vs Inline

3. 導覽列

1. Code - Navbar, HTML

2. 觀念 - Float, Layout

3. Tools - Normalize, VScode, Chrome

4. 超大屏幕

1. Code -  超大屏幕  

2. 觀念 - Semantic HTML, CSS 位置

5. 關於我們

1. Code -  關於我們, 副標題

2. 觀念 - Utility CSS

6. 房型

1. Code -  房型 | 格線

2. 觀念 - Float

7. 評價

1. Code -  客戶評價， 表單， Google Map

8. 表單

9. 響應式網頁

(Responsive Web Design)

1. Code -  響應式網頁， 手機導覽列

2. 觀念 - 響應式網頁

10. Jquery

(Responsive Web Design)

1. Code -  手機導覽列，平順滑動

11. Bonus

1. 如何練習? UI Design | 挑戰

2. 網頁設計 101

3. 準備找工作

4. CSS 框架

5. 如何置中

11. 結尾

(Say Good Bye....)

1. 下一步 | What's Next

2. 結尾

 前端工程師

- 語言(html, css, js)

- 網頁

 後端工程師

- 語言

- 資料庫

-伺服器

 UI/UX設計師

- Design

- 使用者訪談

html

-hyper text markup language

-負責網頁的結構

-browser 看得懂得語言

- 看範例

css

-Cascading Style Sheet

-負責網頁的結構外觀美觀

-網頁好不好看就看你

-手機，平板不同尺寸的排版

- 看範例

Javscript

-負責網頁的行為

-ex. 動畫，送表單資料，接收資料

-全世界最大的語言

- 看範例