簡(jiǎn)介：前端熱門(mén)崗位，如何更好的入門(mén)前端，課程設(shè)計(jì)從案例角度出發(fā)，讓大家從練中學(xué)，同時(shí)掌握知識(shí)的運(yùn)用場(chǎng)景?？焖賹W(xué)習(xí)前端基礎(chǔ)知識(shí)。
進(jìn)一步深入學(xué)習(xí)：《前端必學(xué) 40個(gè)精選案例實(shí)戰(zhàn) 一課吃透HTML5+CSS3+JS》https://coding.imooc.com/class/645.html
第1章 認(rèn)知篇：帶你走進(jìn)前端的世界
隨著web3.0的到來(lái)，技術(shù)的不斷迭代，前端技術(shù)在越來(lái)越多的地方發(fā)光發(fā)熱，前端未來(lái)的前景一片大好。本章帶你快速?gòu)牧阏J(rèn)識(shí)前端。進(jìn)一步深入學(xué)習(xí)課程：https://coding.imooc.com/class/645.html?utm_source=courserightcoding
第2章 體驗(yàn)篇：你的第一個(gè)網(wǎng)頁(yè)【夢(mèng)開(kāi)始的地方】
每個(gè)編程學(xué)習(xí)者都從 hello world 開(kāi)啟。本章從開(kāi)發(fā)工具到如何搭建基本網(wǎng)頁(yè)骨架，更全面的讓你成功從0 體驗(yàn)開(kāi)發(fā)屬于自己的第一個(gè)網(wǎng)頁(yè)，跨過(guò)學(xué)習(xí)的第一個(gè)門(mén)檻。
第3章 案例1： 仿百度圖文列表實(shí)戰(zhàn)【HTML篇】
網(wǎng)站少不了的圖文內(nèi)容，如何制開(kāi)發(fā)出來(lái)的呢？本章學(xué)習(xí)搭建網(wǎng)頁(yè)必備核心標(biāo)簽，讓你學(xué)會(huì)知識(shí)的同時(shí)，通過(guò)實(shí)戰(zhàn)訓(xùn)練圖文的HTML的搭建。
第4章 案例2：仿QQ郵箱登陸實(shí)戰(zhàn)【HTML篇】
網(wǎng)頁(yè)中很多地方需要輸入、按鈕等，本章通過(guò)仿QQ郵箱登陸，從案例分析與拆解，掌握制作思路以及運(yùn)用核心知識(shí)輸入、按鈕、文字等搭建HTML。
- 視頻： 4-1 .案例分析：QQ郵箱登陸框案例分析與思路- (01:41)
- 視頻： 4-2 第一步：input標(biāo)簽實(shí)現(xiàn)QQ郵箱輸入框 (06:42)
- 視頻： 4-3 第二步：設(shè)置QQ郵箱輸入框默認(rèn)內(nèi)容 (07:25)
- 視頻： 4-4 第三步button標(biāo)簽實(shí)現(xiàn)按鈕 (04:14)
- 視頻： 4-5 第四步：p標(biāo)簽實(shí)現(xiàn)QQ郵箱內(nèi)容文字- (07:30)
- 視頻： 4-6 第五步：span標(biāo)簽實(shí)現(xiàn)QQ郵箱內(nèi)置文字- (05:28)
- 視頻： 4-7 【網(wǎng)頁(yè)搭建思路與規(guī)范】 QQ郵箱登錄框骨架HTML搭建- (12:08)