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

項(xiàng)目一 基于“健身Show”首頁的實(shí)現(xiàn)
學(xué)習(xí)目標(biāo)
學(xué)習(xí)路徑
任務(wù)描述
任務(wù)技能
技能點(diǎn)1 Bootstrap簡介
技能點(diǎn)2 Bootstrap發(fā)展歷史
技能點(diǎn)3 Bootstrap下載與使用
任務(wù)實(shí)施
任務(wù)總結(jié)
英語角
任務(wù)習(xí)題
項(xiàng)目二 基于“健身show”運(yùn)動(dòng)分類界面的實(shí)現(xiàn)
學(xué)習(xí)目標(biāo)
學(xué)習(xí)路徑
任務(wù)描述
任務(wù)技能
技能點(diǎn)1 文本元素樣式
技能點(diǎn)2 常用元素樣式
技能點(diǎn)3 Bootstrap導(dǎo)航條
技能點(diǎn)4 Bootstrap輸入框組
任務(wù)實(shí)施
任務(wù)總結(jié)
英語角
任務(wù)習(xí)題
項(xiàng)目三 基于“健身show”運(yùn)動(dòng)計(jì)劃界面的實(shí)現(xiàn)
學(xué)習(xí)目標(biāo)
學(xué)習(xí)路徑
任務(wù)描述
任務(wù)技能
技能點(diǎn)1 Bootstrap輪播圖
技能點(diǎn)2 Bootstrap列表組
技能點(diǎn)3 Bootstrap進(jìn)度條
技能點(diǎn)4 Bootstrap媒體對(duì)象
任務(wù)實(shí)施
任務(wù)總結(jié)
英語角
任務(wù)習(xí)題
項(xiàng)目四 基于“健身Show”運(yùn)動(dòng)教練界面的實(shí)現(xiàn)
學(xué)習(xí)目標(biāo)
學(xué)習(xí)路徑
任務(wù)描述
任務(wù)技能
技能點(diǎn)1 Sass的使用方法
技能點(diǎn)2 Sass擴(kuò)展庫
技能點(diǎn)3 Less的使用方法
技能點(diǎn)4 Less動(dòng)態(tài)語法
任務(wù)實(shí)施
任務(wù)總結(jié)
英語角
任務(wù)習(xí)題
項(xiàng)目五 基于“健身Show”運(yùn)動(dòng)分享界面的實(shí)現(xiàn)
學(xué)習(xí)目標(biāo)
學(xué)習(xí)路徑
任務(wù)描述
任務(wù)技能
技能點(diǎn)1 Bootstrap字體圖標(biāo)
技能點(diǎn)2 Bootstrap柵格系統(tǒng)
技能點(diǎn)3 Bootstrap布局
技能點(diǎn)4 Bootstrap下拉菜單
技能點(diǎn)5 Bootstrap按鈕組
任務(wù)實(shí)施
任務(wù)總結(jié)
英語角
任務(wù)習(xí)題
項(xiàng)目六 基于“健身Show”后臺(tái)管理主界面的實(shí)現(xiàn)
學(xué)習(xí)目標(biāo)
學(xué)習(xí)路徑
任務(wù)描述
任務(wù)技能
技能點(diǎn)1 Bootstrap導(dǎo)航
技能點(diǎn)2 Bootstrap折疊
技能點(diǎn)3 Bootstrap彈出框
技能點(diǎn)4 Bootstrap縮略圖
任務(wù)實(shí)施
任務(wù)總結(jié)
英語角
任務(wù)習(xí)題
項(xiàng)目七 基于“健身Show”教練詳細(xì)信息界面的實(shí)現(xiàn)
學(xué)習(xí)目標(biāo)
學(xué)習(xí)路徑
任務(wù)描述
任務(wù)技能
技能點(diǎn)1 Bootstrap分頁
技能點(diǎn)2 模態(tài)對(duì)話框
技能點(diǎn)3 日期選擇器
技能點(diǎn)4 顏色選擇器
任務(wù)實(shí)施
任務(wù)總結(jié)
英語角
任務(wù)習(xí)題
項(xiàng)目八 基于“健身Show”人員信息統(tǒng)計(jì)界面的實(shí)現(xiàn)
學(xué)習(xí)目標(biāo)
學(xué)習(xí)路徑
任務(wù)描述
任務(wù)技能
技能點(diǎn)1 Canvas繪制折線圖
技能點(diǎn)2 Bootstrap滾動(dòng)監(jiān)聽
技能點(diǎn)3 Bootstrap附加導(dǎo)航
任務(wù)實(shí)施
任務(wù)總結(jié)
英語角
任務(wù)習(xí)題