你可能兜兜轉(zhuǎn)轉(zhuǎn)看了不少路線圖只是得到了羅列的知識(shí)點(diǎn)和一張思維導(dǎo)圖，但是學(xué)這些能做些什么？學(xué)到這個(gè)程度可以找到什么樣的工作并沒有人跟你詳細(xì)說(shuō)明，這篇文章就來(lái)告訴你！
這是入門前端最基礎(chǔ)的內(nèi)容。學(xué)會(huì)后，就能達(dá)到初級(jí)Web前端工程師水平。熟悉了前端開發(fā)的HTML與CSS基礎(chǔ)知識(shí)，就能夠配合UI設(shè)計(jì)師進(jìn)行項(xiàng)目布局開發(fā)了。 如果你是應(yīng)屆生，想去找實(shí)習(xí)的工作，學(xué)完這個(gè)部分，初級(jí)前端開發(fā)工程師，前端實(shí)習(xí)生等崗位，你就可以去面試了，入職后待遇能達(dá)到4K-5K。這一步驟共分為三部分內(nèi)容：HTML、CSS和頁(yè)面制作工具。HTML是前端開發(fā)入門首先要學(xué)會(huì)的東西，有了它，你才可以布局頁(yè)面結(jié)構(gòu)。CSS是頁(yè)面美化和精細(xì)化的核心技術(shù)。想要更好的完成頁(yè)面的開發(fā)，更好的與UI部門合作，這些頁(yè)面制作工具是必須掌握的。
有了第一步的基礎(chǔ)知識(shí)，你就可以實(shí)戰(zhàn)各種頁(yè)面布局了。學(xué)會(huì)后，更加夯實(shí)初級(jí)Web前端工程師水平，能夠完成各種PC端與移動(dòng)端網(wǎng)頁(yè)布局與樣式設(shè)計(jì)實(shí)現(xiàn)了。 應(yīng)屆生找工作會(huì)更加有底氣，入職后待遇能達(dá)到6K-7K。 這一步驟共分為兩部分內(nèi)容：布局技術(shù)，布局規(guī)范與方案。 想要輕松的完成各種PC端和手機(jī)端的布局，這些重要的布局技術(shù)必須掌握。另外一些布局規(guī)范與布局方案，是完成瀏覽器兼容和各種設(shè)備適配的法寶。
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í)。
有了JavaScript、HTML、CSS知識(shí)，再加上這個(gè)步驟的技能點(diǎn)學(xué)習(xí)，你就能夠完成一個(gè)PC端的前后端整體項(xiàng)目開發(fā)了。 可以從事網(wǎng)站開發(fā)工程師，以及Web前端開發(fā)工程師的工作了。薪資能達(dá)到11K-13K。 這一步驟共分為四部分內(nèi)容：首先學(xué)會(huì)常用的前端工具庫(kù)，掌握前端工程化和模塊化，然后系統(tǒng)學(xué)習(xí)后端，或者叫服務(wù)端開發(fā)工具 Node.js，最后你就能獨(dú)立完成一個(gè)網(wǎng)站或者管理系統(tǒng)的開發(fā)了。
這個(gè)步驟是從事前端工作必須掌握的重要內(nèi)容，尤其是Vue、React，已經(jīng)是公司開發(fā)企業(yè)項(xiàng)目的首選框架。 學(xué)會(huì)這個(gè)部分，你就是一名高級(jí)Web前端工程師了，可以勝任公司的C端和B端的所有項(xiàng)目，薪資待遇能達(dá)到14K-18K。那這些框架都需要學(xué)習(xí)掌握什么呢？ Vue框架，需要掌握Vue3和它的生態(tài)技術(shù)。掌握了Vue3的選項(xiàng)式API，Vue2的項(xiàng)目也信手拈來(lái)。Vue3生態(tài)的每個(gè)技術(shù)都包含了很多內(nèi)容，都需要你掌握它并熟練應(yīng)用。像Vue3的組合式API、Vite2+SFC、VueRouter4、Vuex4、Pinia2、TypeScript基礎(chǔ)、TS+Vue3，其他的技術(shù)棧。學(xué)會(huì)這些，你就可以基于這些技術(shù)開發(fā)Vue3的C端和B端項(xiàng)目了。 React框架，同樣需要掌握React18和它的生態(tài)技術(shù)。每個(gè)生態(tài)也都包含很多內(nèi)容，像Umi技術(shù)棧、其他技術(shù)棧。React技術(shù)備受大廠青睞，一般情況下，React崗位薪資也會(huì)比Vue高些。那除了這兩個(gè)主要框架還需要什么呢？Angular框架，企業(yè)用的比較少些了，基本上都是老項(xiàng)目的維護(hù)了。 數(shù)據(jù)可視化，可以選學(xué)，如果項(xiàng)目里有這塊需求，可以仔細(xì)研究一下。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輕松過(guò)渡到vue3,助力同學(xué)成為一位優(yōu)秀的Vue.js開發(fā)人員。React已經(jīng)成為江湖大廠的主流前端開發(fā)框架，本視頻基于最新版React17良心制作。對(duì)React開發(fā)核心技術(shù)以及周邊技術(shù)棧進(jìn)行詳細(xì)講解，并進(jìn)一步通過(guò)實(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ù)。
所謂混合開發(fā)，就是將HTML5基于瀏覽器的應(yīng)用，嵌入到基于Android和iOS手機(jī)APP里，或者嵌入到基于Node和Chromium的桌面APP里。因?yàn)榧婢吡薟ebApp和NativeApp的雙重優(yōu)點(diǎn)，混合應(yīng)用開發(fā)技術(shù)得到了廣泛的應(yīng)用。 學(xué)會(huì)這個(gè)部分，就擁有了多端開發(fā)能力，能夠勝任跨平臺(tái)跨設(shè)備的架構(gòu)工作。通過(guò)Vue和React基礎(chǔ)加持，薪資待遇能達(dá)到19K-22K。 常見的混合開發(fā)如手機(jī)端的微信公眾號(hào)、微信小程序、桌面端的Electron技術(shù)和PWA技術(shù)等。
所謂原生應(yīng)用開發(fā)，就是應(yīng)用前端的技術(shù)，脫離瀏覽器，進(jìn)行原生的手機(jī)APP的開發(fā)。 掌握這部分內(nèi)容，可以達(dá)到大前端高級(jí)開發(fā)工程師水平，可以主導(dǎo)移動(dòng)端多元產(chǎn)品項(xiàng)目實(shí)現(xiàn)，能夠跨平臺(tái)開發(fā)提出可建設(shè)性解決方案。薪資待遇能達(dá)到 23K-30K。 比如，F(xiàn)acebook的基于React技術(shù)的ReactNative原生APP的開發(fā)，谷歌的基于Dart技術(shù)的Flutter原生APP的開發(fā)，以及華為的基于JS技術(shù)的HarmonyOS鴻蒙原生APP的開發(fā)。
我們是W3Cschool編程獅，致力于幫助初學(xué)者入門及提升程序員開發(fā)效率，學(xué)編程，從這里開始！
