移動端實戰(zhàn)項目 100%還原PSD設計圖

1.介紹課程內(nèi)容及最終成果展示

移動端PSD靜態(tài)頁面還原

2.Photoshop實現(xiàn)切圖

3.Header HTML+ CSS

4.內(nèi)容HTML + CSS

5.Footer HTML + CSS

6.Form HTML + CSS

7.移動端樣式設計

8.制作移動端菜單

9.實戰(zhàn)項目：法蘭歐

Bootstrap實戰(zhàn)項目 100%還原PSD設計圖

1.介紹Bootstrap及最終成果展示

快速實現(xiàn)響應式設計網(wǎng)站

2.柵格系統(tǒng)

3.Table

4.圖片與視頻的響應式設計

5.導航

6.下拉菜單

7.菜單合并

8.Well & 警告框

9.模態(tài)框

10.實戰(zhàn)項目：個人主頁

Sass & gulp實戰(zhàn)項目 

1.初識Less及環(huán)境安裝

自動化構建工具應用

2.變量

3.Mixins

4.嵌套規(guī)則及條件語句嵌套

5.路徑引入

6.Gulp環(huán)境安裝

7.創(chuàng)建Gulpfile及使用流程

8.安裝應用插件(sass)

9.轉換sass為css文件

10.實戰(zhàn)項目：課后幫

Less & Grunt實戰(zhàn)項目 

1.初識Sass及環(huán)境安裝

自動化構建工具應用

2.變量

3.Mixins

4.嵌套規(guī)則及條件語句嵌套

5.路徑引入

6.Grunt環(huán)境安裝

7.創(chuàng)建Gruntfile及使用流程

8.安裝應用插件(sass)

9.轉換sass為css文件

10.實戰(zhàn)項目：課后幫

Vue 實戰(zhàn)項目

1.初識Vue及引用CDN

Web App框架應用

2.條件與循環(huán)

3.處理用戶輸入

4.data及methods屬性

5.數(shù)據(jù)綁定

6.事件

7.模板語法

8.計算屬性

9.Class與Style 綁定

10.組件

11.項目實戰(zhàn)：個性化博客