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