Section #1 let's do it

- 網頁開發介紹

- 什麼是 html, css, js

- 大綱

大鋼 | Syllabus

實作為主 | 有碰到觀念的時候再講

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. 結尾

網頁開發介紹

(web development)

- 前端 | 後端 | UI UX

(Frontend | Backend | UIUX)

 前端工程師

- 語言(html, css, js)

- 網頁

 後端工程師

- 語言

- 資料庫

-伺服器

 UI/UX設計師

- Design

- 使用者訪談

html, css, js

html

-hyper text markup language

-負責網頁的結構

-browser 看得懂得語言

- 看範例

css

-Cascading Style Sheet

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

-網頁好不好看就看你

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

- 看範例

Javscript

-負責網頁的行為

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

-全世界最大的語言

- 看範例

Made with Slides.com