の地止：

www.888it.top

40+精選案例專項(xiàng)訓(xùn)練，從簡(jiǎn)單到復(fù)雜循序漸進(jìn)，
步步為營(yíng)夯實(shí)你的基礎(chǔ)實(shí)操能力

9個(gè)HTML+CSS案例基礎(chǔ)實(shí)戰(zhàn)

技能：搭建、PS切圖、美化、PC布局等
目標(biāo)：你將具備從0 到1搭建網(wǎng)頁的能力

12個(gè)JavaScript案例基礎(chǔ)實(shí)戰(zhàn)

技能：基礎(chǔ)、動(dòng)效、交互、JSON等
目標(biāo)：你具備網(wǎng)頁動(dòng)態(tài)交互效果開發(fā)能力

11個(gè)JavaScript案例進(jìn)階實(shí)戰(zhàn)

技能：模塊化、封裝、事件、對(duì)象等
目標(biāo)：你將具備企業(yè)級(jí)高效代碼開發(fā)能力

8個(gè)HTML5+CSS3案例進(jìn)階實(shí)戰(zhàn)

技能：3D、音視頻、移動(dòng)彈性盒子布局等
目標(biāo)：你將具備多場(chǎng)景炫酷動(dòng)效開發(fā)能力
移動(dòng)端網(wǎng)頁布局能力

3個(gè)前后臺(tái)數(shù)據(jù)交互實(shí)戰(zhàn)

技能：AJAX、跨域、Axios、后臺(tái)交互等
目標(biāo)：你將具備前后端數(shù)據(jù)交互能力

多領(lǐng)域項(xiàng)目綜合實(shí)戰(zhàn)，實(shí)現(xiàn)技術(shù)和知識(shí)融合貫通，
助你在實(shí)戰(zhàn)中錘煉真功，精進(jìn)你的企業(yè)原生開發(fā)能力

收獲：

采用標(biāo)準(zhǔn)化的開發(fā)流程，從0到1獨(dú)立開發(fā)
PC端基礎(chǔ)網(wǎng)頁的能力

主要內(nèi)容：

PS 切圖技巧

基礎(chǔ)布局技巧

圖文混排技巧

焦點(diǎn)導(dǎo)航布局

底部導(dǎo)航布局

上下左右布局

收獲：

系統(tǒng)的PC端網(wǎng)頁布局與通用JS交互特效獨(dú)
立開發(fā)能力

主要內(nèi)容：

加載瀑布流效果

滾動(dòng)吸頂條效果

右側(cè)導(dǎo)航觸碰效果

右側(cè)跟隨購物袋效果

城市選擇交互效果

商品分類效果

收獲：

系統(tǒng)的移動(dòng)端響應(yīng)式布局、JS特效與AJAX
后臺(tái)數(shù)據(jù)交互獨(dú)立開發(fā)能力

主要內(nèi)容：

響應(yīng)式布局與技巧

注冊(cè)登陸數(shù)據(jù)交互接口

Banner 輪播效果

搜索頁數(shù)據(jù)交互接口

答疑+交流+作業(yè)+測(cè)評(píng)+資料，
學(xué)習(xí)有保障、過程更順暢，為你提供超乎期待的學(xué)習(xí)幫助

答疑服務(wù)

解決疑難雜癥

作業(yè)任務(wù)

強(qiáng)化訓(xùn)練鞏固技能

階段測(cè)評(píng)

檢測(cè)學(xué)習(xí)效果

交流互動(dòng)

與老師同伴親密互動(dòng)

配套資料

提供工具、案例資料
提高學(xué)習(xí)效率

適合人群

新手人群

0基礎(chǔ)、基礎(chǔ)不扎實(shí)、缺乏實(shí)戰(zhàn)
想快速從事或?qū)W會(huì)前端

轉(zhuǎn)行人群

前端職業(yè)前景好、潛力大
想轉(zhuǎn)行為自己未來拼搏
實(shí)現(xiàn)職業(yè)重生與抱負(fù)

拓寬技術(shù)人群

不同領(lǐng)域的技術(shù)者
想拓寬技術(shù)的寬度
提升競(jìng)爭(zhēng)力與晉升機(jī)會(huì)

第1章 認(rèn)知篇：帶你走進(jìn)前端的世界

隨著web3.0的到來，技術(shù)的不斷迭代，前端技術(shù)在越來越多的地方發(fā)光發(fā)熱，前端未來的前景一片大好。本章帶你快速從零認(rèn)識(shí)前端。

第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：前端必備技能--PS網(wǎng)頁切圖【PS篇】

企業(yè)中正式網(wǎng)頁開發(fā)前，需要準(zhǔn)備好圖片資料，那如何從設(shè)計(jì)稿中獲取需要的圖片是一項(xiàng)重要的技能，本章從PS 安裝、基礎(chǔ)操作，以及切圖技巧，高效掌握網(wǎng)頁切圖。

第5章 案例3：仿QQ郵箱登陸實(shí)戰(zhàn)【HTML篇】

網(wǎng)頁中很多地方需要輸入、按鈕等，本章通過仿QQ郵箱登陸，從案例分析與拆解，掌握制作思路以及運(yùn)用核心知識(shí)輸入、按鈕、文字等搭建HTML。