YOTTA 線上課程 超易懂 RWD 網頁前端攻略(含教材)Nowill Chang(國發會巡迴講師) 影音教學 中文發音 繁體中文字幕版(DVD版)
課程類型:網頁設計
響應式網頁設計（Responsive Web Design）簡稱 RWD，使用 RWD 設計網頁，在不同解析度下改變網頁頁面的佈局排版，讓使用者在不同的設備上都可以享受最佳的視覺體驗，瀏覽同一網站。
根據國發會的研究，每 100 人使用手機就有 87...
一、課前須知
1 1-1 什麼是網頁前端
2 1-2 為什麼要學HTML、CSS、javascript（jQuery）
3 1-3 本課程會教你的範疇與成果
4 1-4 使用工具說明（sublime、vs code、prepros）
二、開始學習網頁前端
5 2-1 Hollow World 這樣寫
6 2-2 HTML5 常用教學－結構
7 2-3 HTML5 常用教學－元素
8 2-4 HTML5 常用教學－表單
9 2-5 CSS 常用教學－id 與 class
10 2-6 CSS 常用教學－box model
11 2-7 CSS 常用教學－排版
12 2-8 CSS 常用教學－元素與選擇器
13 2-9 emmet 工具使用
14 2-10 javascript 介紹
15 2-11 javascript 邏輯運算教學－if else 與 switch
16 2-12 javascript 邏輯運算教學－for 與 while
17 2-13 jQuery 常用語法教學1
18 2-14 jQuery 常用語法教學2
19 2-15 jQuery 常用語法教學3
20 2-16 jQuery 常用套件1
21 2-17 jQuery 常用套件2
三、RWD 實作
22 3-1 開工前的準備－談檔案結構
23 3-2 為什麼要學RWD？
24 3-3 常見網站專案流程
25 3-4 前端與設計共同都需要的認知
26 3-5 常見三種版型實作－單頁排版1
27 3-6 常見三種版型實作－單頁排版2
28 3-7 常見三種版型實作－側欄排版1
29 3-8 常見三種版型實作－側欄排版2
30 3-9 常見三種版型實作－漢堡選單1
31 3-10 常見三種版型實作－漢堡選單2
32 3-11 購物網站實作-最新消息與產品列表
33 3-12 購物網站實作-產品頁與購物車
34 3-13 購物網站實作-結帳頁
四、RWD實作
35 4-1 Bootstrap 4 介紹
36 4-2 Bootstrap 4 運用實例 - 單頁排版
37 4-3 Bootstrap 4 運用實例 - 管理後台排版1
38 4-4 Bootstrap 4 運用實例 - 管理後台排版2
39 4-5 RWD常見問題
40 4-6 網站上線前的檢查
五、前端職業生涯規劃
41 5-1 前端職業發展規劃
42 5-2 前端面試常見問題
六、解鎖課程（僅限購課者觀看）
43 pug 樣板語言教學〔100人解鎖〕
|
|
專業知識教學
