簡(jiǎn)介：前端熱門崗位，如何更好的入門前端，課程設(shè)計(jì)從案例角度出發(fā)，讓大家從練中學(xué)，同時(shí)掌握知識(shí)的運(yùn)用場(chǎng)景。快速學(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的到來，技術(shù)的不斷迭代，前端技術(shù)在越來越多的地方發(fā)光發(fā)熱，前端未來的前景一片大好。本章帶你快速從零認(rèn)識(shí)前端。進(jìn)一步深入學(xué)習(xí)課程：https://coding.imooc.com/class/645.html?utm_source=courserightcoding
第2章 體驗(yàn)篇：你的第一個(gè)網(wǎng)頁【夢(mèng)開始的地方】
每個(gè)編程學(xué)習(xí)者都從 hello world 開啟。本章從開發(fā)工具到如何搭建基本網(wǎng)頁骨架，更全面的讓你成功從0 體驗(yàn)開發(fā)屬于自己的第一個(gè)網(wǎng)頁，跨過學(xué)習(xí)的第一個(gè)門檻。
第3章 案例1： 仿百度圖文列表實(shí)戰(zhàn)【HTML篇】
網(wǎng)站少不了的圖文內(nèi)容，如何制開發(fā)出來的呢？本章學(xué)習(xí)搭建網(wǎng)頁必備核心標(biāo)簽，讓你學(xué)會(huì)知識(shí)的同時(shí)，通過實(shí)戰(zhàn)訓(xùn)練圖文的HTML的搭建。
第4章 案例2：仿QQ郵箱登陸實(shí)戰(zhàn)【HTML篇】
網(wǎng)頁中很多地方需要輸入、按鈕等，本章通過仿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)頁搭建思路與規(guī)范】 QQ郵箱登錄框骨架HTML搭建- (12:08)