移動端實(shí)戰(zhàn)項(xiàng)目 100%還原PSD設(shè)計(jì)圖

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

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

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

3.Header HTML+ CSS

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

5.Footer HTML + CSS

6.Form HTML + CSS

7.移動端樣式設(shè)計(jì)

8.制作移動端菜單

9.實(shí)戰(zhàn)項(xiàng)目：法蘭歐

Bootstrap實(shí)戰(zhàn)項(xiàng)目 100%還原PSD設(shè)計(jì)圖

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

快速實(shí)現(xiàn)響應(yīng)式設(shè)計(jì)網(wǎng)站

2.柵格系統(tǒng)

3.Table

4.圖片與視頻的響應(yīng)式設(shè)計(jì)

5.導(dǎo)航

6.下拉菜單

7.菜單合并

8.Well & 警告框

9.模態(tài)框

10.實(shí)戰(zhàn)項(xiàng)目：個(gè)人主頁

Sass & gulp實(shí)戰(zhàn)項(xiàng)目 

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

自動化構(gòu)建工具應(yīng)用

2.變量

3.Mixins

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

5.路徑引入

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

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

8.安裝應(yīng)用插件(sass)

9.轉(zhuǎn)換sass為css文件

10.實(shí)戰(zhàn)項(xiàng)目：課后幫

Less & Grunt實(shí)戰(zhàn)項(xiàng)目 

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

自動化構(gòu)建工具應(yīng)用

2.變量

3.Mixins

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

5.路徑引入

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

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

8.安裝應(yīng)用插件(sass)

9.轉(zhuǎn)換sass為css文件

10.實(shí)戰(zhàn)項(xiàng)目：課后幫

Vue 實(shí)戰(zhàn)項(xiàng)目

1.初識Vue及引用CDN

Web App框架應(yīng)用

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

3.處理用戶輸入

4.data及methods屬性

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

6.事件

7.模板語法

8.計(jì)算屬性

9.Class與Style 綁定

10.組件

11.項(xiàng)目實(shí)戰(zhàn)：個(gè)性化博客