跟著路線圖認(rèn)真堅(jiān)持學(xué)習(xí)從前端小白到大神不是夢(mèng)，0基礎(chǔ)看這一篇足矣！

學(xué)友們記得加關(guān)注點(diǎn)贊收藏，自學(xué)路上不迷糊！

階段一：核心基礎(chǔ)入門

前端計(jì)算機(jī)常識(shí) ? html+css基礎(chǔ) ? html+css 項(xiàng)目實(shí)踐

階段二：核心技術(shù)進(jìn)階

JavaScript基礎(chǔ)+進(jìn)階 ? Ajxa ? JavaScript應(yīng)用項(xiàng)目實(shí)踐 ? Node.js ? MongoDB項(xiàng)目實(shí)踐

階段三：企業(yè)必備技術(shù)

Vue&React開發(fā)：Vue2.0+3.0 ? Vue項(xiàng)目實(shí)踐 ? 數(shù)據(jù)可視化項(xiàng)目 ? React ? React項(xiàng)目實(shí)戰(zhàn) ? UmiJS項(xiàng)目

階段四：公眾號(hào)&小程序開發(fā)

微信公眾號(hào) ? 微信小程序 ? 小程序項(xiàng)目實(shí)戰(zhàn) ? uni-app ? uni-app項(xiàng)目實(shí)戰(zhàn)

階段五：前端高階提升必學(xué)

Webpack5 ? Vite2 ? Typescript ? Harmony OS鴻蒙開發(fā)

前端學(xué)習(xí)細(xì)路線詳解：

前端計(jì)算機(jī)常識(shí)

課程針對(duì)計(jì)算機(jī)基礎(chǔ)薄弱的小白推出的計(jì)算機(jī)入門常識(shí)課，內(nèi)容涵蓋計(jì)算機(jī)的硬件、操作系統(tǒng)、存儲(chǔ)單位與二進(jìn)制、軟件的安裝和解壓、IP、服務(wù)器、DNS、域名、環(huán)境變量、字符亂碼、linux操作系統(tǒng)、鍵盤指法、計(jì)算機(jī)英語、多進(jìn)程和多線程、系統(tǒng)的常用設(shè)置、使用瀏覽器、CMD命令、office辦公軟件等計(jì)算機(jī)常識(shí)。貼近實(shí)際需求，氛圍輕松愉快，是計(jì)算機(jī)小白入門前必學(xué)的常識(shí)科普課。學(xué)完本課程，可以全面掌握計(jì)算機(jī)的基礎(chǔ)常識(shí)，為接下來的編程學(xué)習(xí)打好鋪墊。

?前端核心基礎(chǔ)入門

下面的視頻是專門為零基礎(chǔ)前端學(xué)習(xí)者準(zhǔn)備的入門學(xué)習(xí)指南，一點(diǎn)基礎(chǔ)沒有也可以直接看！你將從零開始學(xué)習(xí)網(wǎng)頁(yè)端頁(yè)面搭建，毫不費(fèi)力掌握前端開發(fā)的初級(jí)核心基礎(chǔ)。

1、HTML5+CSS3入門-必須拿捏它

本系列課程從概念到具體基礎(chǔ)知識(shí)點(diǎn)全程干貨滿滿，為前端小白入門找到了很好的學(xué)習(xí)抓手，可以作為前端開發(fā)學(xué)習(xí)“夢(mèng)開始的地方”，老師深入淺出的講解和動(dòng)畫視頻解析并用真實(shí)的案例鞏固知識(shí)，學(xué)練結(jié)合，打好基礎(chǔ)，不怕學(xué)不會(huì)！

2、HTML+CSS pc端項(xiàng)目實(shí)戰(zhàn)

本課程講的是HTML+css pc端項(xiàng)目實(shí)戰(zhàn)，通過講解拉勾網(wǎng)得首頁(yè)、登錄頁(yè)等，學(xué)完即可進(jìn)一步學(xué)會(huì)應(yīng)用HTML+CSS，掌握頁(yè)面布局和標(biāo)簽、屬性等的使用，讓你從小白進(jìn)化為真正的網(wǎng)頁(yè)美化師。

核心技術(shù)進(jìn)階

學(xué)會(huì)了網(wǎng)頁(yè)靜態(tài)美化還不夠，讓你的網(wǎng)頁(yè)與用戶完美進(jìn)行交互并學(xué)習(xí)動(dòng)畫效果，打通前端與后端通路，前端工程師必備的JavaScript、Node.js語言也要學(xué)起來并學(xué)以致用。

1、JavaScript基礎(chǔ)進(jìn)階與應(yīng)用

本視頻主打內(nèi)容最全最新，包括JS基礎(chǔ)，基于面向?qū)ο箝_發(fā)實(shí)戰(zhàn)，前后端交互實(shí)戰(zhàn)，jQuery與BootStrap，以及CSS預(yù)處理器Sass，打造一站式知識(shí)長(zhǎng)龍服務(wù)，適合有HTML和CSS基礎(chǔ)的同學(xué)學(xué)習(xí)。

2、Ajax擴(kuò)展

Ajax 即“Asynchronous Javascript And XML”（異步 JavaScript 和 XML），是指一種創(chuàng)建交互式、快速動(dòng)態(tài)網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開發(fā)技術(shù)，無需重新加載整個(gè)網(wǎng)頁(yè)的情況下，能夠更新部分網(wǎng)頁(yè)的技術(shù)。掌握這個(gè)語言可以實(shí)現(xiàn)后臺(tái)與服務(wù)器的少量數(shù)據(jù)交互以及網(wǎng)頁(yè)的異步更新，本系列視頻包括了Ajax基礎(chǔ)以及封裝、promise、fetch使用、CORS、jsonp等實(shí)用技術(shù)深入淺出的講解。

3、JS應(yīng)用項(xiàng)目實(shí)戰(zhàn)

本項(xiàng)目是基于原生JavaScript等前端技術(shù)實(shí)現(xiàn)的仿小米電商網(wǎng)站，包括了前端代碼設(shè)計(jì)技術(shù)棧，JQuery、scss、Gulp、模塊化開發(fā)，后臺(tái)構(gòu)造技術(shù)PHP、MySQL等后臺(tái)編程知識(shí)，同學(xué)們也可以先去學(xué)習(xí)這些知識(shí)點(diǎn)以后，再去入手本項(xiàng)目的案例實(shí)戰(zhàn)，前后端鏈路打通一步到位。

4、Node.js入門及應(yīng)用

本視頻你將從認(rèn)識(shí)Nodejs開始學(xué)習(xí)npm、nrm、yarn；內(nèi)置模塊、路由、express、MongoDB、身份認(rèn)證、koa、MySQL、Socket、Mocha等知識(shí)點(diǎn)全覆蓋，學(xué)完本系列視頻可以讓前端程序員插上后端的翅膀，真正成為一名全棧工程師，助力同學(xué)橫向全面發(fā)展。每個(gè)大知識(shí)點(diǎn)講解后還會(huì)通過實(shí)際需求案例驅(qū)動(dòng)知識(shí)點(diǎn)吸收，幽默風(fēng)趣講解驅(qū)動(dòng)學(xué)習(xí)的積極性，幫助大家迅速成長(zhǎng)為Nodejs開發(fā)高手。

5、Node.js項(xiàng)目

本項(xiàng)目實(shí)戰(zhàn)視頻課程不僅可以讓你理解RESTful API的6個(gè)限制和若干最佳實(shí)踐，掌握Koa2. Postman. MongoDB、JWT等技術(shù)還會(huì)教你運(yùn)用上述技術(shù)搭建簡(jiǎn)書后臺(tái)管理系統(tǒng)的API接口，掌握云服務(wù)器的線.上部署方法。

企業(yè)必備技術(shù)提升

光說不練假把式，光學(xué)不干虛本事。學(xué)會(huì)了上述熱門核心技術(shù)還要進(jìn)一步掌握企業(yè)真實(shí)場(chǎng)景下所需的開發(fā)技術(shù)，并能給不同行業(yè)中的企業(yè)對(duì)應(yīng)的業(yè)務(wù)需求做出對(duì)應(yīng)的解決方案。vue 、小程序、React、Uniapp是當(dāng)下熱門的技術(shù)，是同學(xué)們必須要掌握的。最后，一個(gè)前端工程師要保持不斷進(jìn)取，能力面的拓展，高階的能力提升還需要大家學(xué)習(xí)webpack5、Vite和TypeScript。

vue&react開發(fā)階段

1、vue2.0+vue3.0 知識(shí)點(diǎn)+項(xiàng)目

Vue.js致力于構(gòu)建數(shù)據(jù)驅(qū)動(dòng)的web應(yīng)用開發(fā)框架，以簡(jiǎn)潔化，輕量級(jí)，數(shù)據(jù)驅(qū)動(dòng)，模塊友好等優(yōu)勢(shì)深受企業(yè)以及前端開發(fā)者的喜愛，成為前端開發(fā)人員必備的技能。 本課程以項(xiàng)目實(shí)戰(zhàn)為驅(qū)動(dòng)，以輕松幽默的評(píng)書演義，幫你打開通往Vue.js的任督二脈，從vue2輕松過渡到vue3,助力同學(xué)成為一位優(yōu)秀的Vue.js開發(fā)人員。

2、Vue+ElementUI物業(yè)后臺(tái)管理系統(tǒng)

本項(xiàng)目是利用Vue3.0 + Element Plus UI技術(shù)開發(fā)后臺(tái)管理系統(tǒng)，本視頻你將見證從零開始搭建項(xiàng)目，手把手教你使用vue3.0組件開發(fā)，并用Element UI庫(kù)快速創(chuàng)建項(xiàng)目頁(yè)面，使用axios封裝與攔截器進(jìn)行前后端交互，用json-server模擬數(shù)據(jù)后臺(tái)創(chuàng)建。在項(xiàng)目中還會(huì)講到工具庫(kù)的封裝、vue環(huán)境變量的部署、路由的設(shè)置與配置、響應(yīng)式配置等。

3、Echarts+Vue3.0數(shù)據(jù)可視化項(xiàng)目構(gòu)建

本項(xiàng)目實(shí)戰(zhàn)課程對(duì)Echarts中的各項(xiàng)核心圖標(biāo)技術(shù)，以及周邊技術(shù)都進(jìn)行了詳細(xì)的講解，一套課程讓你精通Echarts技術(shù)棧，串聯(lián)Echarts和vue3.0熱門技術(shù)應(yīng)用，讓大數(shù)據(jù)可視化開發(fā)如絲般順滑！

4、React

React已經(jīng)成為江湖大廠的主流前端開發(fā)框架，本視頻基于最新版React17良心制作。對(duì)React開發(fā)核心技術(shù)以及周邊技術(shù)棧進(jìn)行詳細(xì)講解，并進(jìn)一步通過實(shí)際需求案例驅(qū)動(dòng)知識(shí)點(diǎn)吸收，幫助大家迅速成長(zhǎng)為React開發(fā)高手。最后還有一個(gè)完整的后臺(tái)管理系統(tǒng)項(xiàng)目實(shí)戰(zhàn)講解，讓大家即使身不入大廠，也可對(duì)企業(yè)內(nèi)部真實(shí)項(xiàng)目組開發(fā)流程與細(xì)節(jié)做到心中有數(shù)。

5、React項(xiàng)目實(shí)戰(zhàn)教程（全球新聞發(fā)布管理系統(tǒng)）

本項(xiàng)目實(shí)戰(zhàn)教程一站式應(yīng)用React全家桶打造企業(yè)級(jí)后臺(tái)系統(tǒng)，無縫對(duì)接各大門派需求，讓你不入江湖，便知江湖風(fēng)雨。 同學(xué)們先去看過上述React開發(fā)基礎(chǔ)視頻，熟悉React 組件開發(fā)，組件通信以及基礎(chǔ)路由開發(fā)再配合食用本實(shí)戰(zhàn)教程效果更好。

6、react項(xiàng)目 UmiJS蛋糕訂購(gòu)管理平臺(tái)

從Umijis 上手、LeanCloud云服務(wù)、商品管理等業(yè)務(wù)邏輯、角色及權(quán)限管理、高德地圖及Echarts這五個(gè)方面展開講解Umijs的基本使用,讓同學(xué)們能夠快速上手Umijs框架。采用LeanCloud云服務(wù)作為項(xiàng)目的后端接口，結(jié)合Umijs 框架，serverless云服務(wù)實(shí)現(xiàn)業(yè)務(wù)邏輯交互,角色權(quán)限管理，最后完成蛋糕配送范圍的繪制功能，利用Echarts 實(shí)現(xiàn)數(shù)據(jù)可視化功能