由淺入深的講解前端網(wǎng)頁開發(fā)的每個(gè)技術(shù)要點(diǎn),每天都以綜合案例的形式,讓同學(xué)們學(xué)以致用,不斷驗(yàn)證自己的成長(zhǎng)進(jìn)步。
最終從零開始還原企業(yè)中制作網(wǎng)頁的實(shí)際開發(fā)流程,確保同學(xué)們都能水到渠成的完成企業(yè)級(jí)實(shí)戰(zhàn)項(xiàng)目「小兔鮮兒項(xiàng)目」的首頁開發(fā),后面提高班的移動(dòng)web階段,每階段自成閉環(huán),針對(duì)布局模型、適配方案、CSS3特效逐一講解,每階段均對(duì)應(yīng)大廠項(xiàng)目或案例,更讓學(xué)生學(xué)到爽,讓每位同學(xué)都能達(dá)成 Zero to Hero 的強(qiáng)勢(shì)蛻變!
適用人群:
1. 對(duì)前端、移動(dòng)端網(wǎng)頁開發(fā)感興趣的在校生及應(yīng)屆畢業(yè)生
2. 對(duì)目前職業(yè)有進(jìn)一步提升需求,希望從事前端行業(yè)高薪崗位的在職人員
3. 對(duì)前端開發(fā)感興趣,希望快速入門前端開發(fā)的相關(guān)人員
課程亮點(diǎn):
課程由淺到深,由入門到實(shí)戰(zhàn),由原理到實(shí)踐。
第一階段豐富的實(shí)際開發(fā)案例,適合零基礎(chǔ)入門學(xué)習(xí)。學(xué)以致用培養(yǎng)解決實(shí)際問題的能力。
第二階段結(jié)合大廠實(shí)際案例,適合有HTML+CSS基本儲(chǔ)備學(xué)生學(xué)習(xí)。培養(yǎng)解決實(shí)際問題的能力。
課程內(nèi)容:
第一階段HTML5+CSS3:
1. HTML基礎(chǔ)語法
2. 排版、多媒體、鏈接標(biāo)簽
3. 列表、表格、表單標(biāo)簽
4. 布局、語義化標(biāo)簽
5. CSS多種選擇器
6. 外觀、文字、背景等CSS樣式屬性
7. 標(biāo)準(zhǔn)流、浮動(dòng)、定位等CSS布局技巧
8. 偽元素、偽類
9. 圓角、陰影、透明、過渡CSS裝飾屬性
10. 精靈圖、SEO、性能優(yōu)化、版心等項(xiàng)目開發(fā)技巧
第二階段移動(dòng)web:
1. 移動(dòng)端特點(diǎn)
2. Flex布局模型
3. 移動(dòng)端網(wǎng)頁適配方案-Rem布局
4. 移動(dòng)端網(wǎng)頁適配方案-vw/vh布局
5. 響應(yīng)式網(wǎng)頁布局方案
6. 媒體查詢的使用
7. 平面轉(zhuǎn)換和空間轉(zhuǎn)換技巧
8. 動(dòng)畫animation的使用技巧
第一階段28小時(shí)成為網(wǎng)頁開發(fā)工程師:
1. 掌握HTML的基礎(chǔ)語法和常用標(biāo)簽的使用
2. 能夠通過HTML完成網(wǎng)頁基礎(chǔ)結(jié)構(gòu)的搭建。
3. 掌握多種CSS選擇器選擇標(biāo)簽的技巧
4. 能夠通過CSS外觀、盒模型等屬性完成網(wǎng)頁效果
5. 能夠通過浮動(dòng)、定位等布局技巧完成網(wǎng)頁布局
6. 能夠使用背景、圓角、陰影等裝飾進(jìn)一步美化網(wǎng)頁細(xì)節(jié)
7. 掌握開發(fā)中基于設(shè)計(jì)稿的網(wǎng)頁開發(fā)制作流程
8. 能夠綜合運(yùn)用HTML+CSS技術(shù)完成企業(yè)級(jí)小兔鮮兒電商項(xiàng)目首頁的開發(fā)
第二階段7天掌握移動(dòng)端網(wǎng)頁開發(fā)技能:
1. 了解移動(dòng)端特點(diǎn)
2. 掌握Flex布局模型的使用
3. 掌握移動(dòng)端網(wǎng)頁適配方案-Rem布局
4. 掌握移動(dòng)端網(wǎng)頁適配方案-vw/vh布局
5. 掌握響應(yīng)式網(wǎng)頁布局方案
6. 掌握媒體查詢的使用
7. 掌握平面轉(zhuǎn)換和空間轉(zhuǎn)換技巧
8. 掌握動(dòng)畫animation的使用技巧