web前端0基礎怎么開始？

作為一個前端工程師來教你如何0基礎開始。

分三部分說：前端基礎，前端進階，職業進階

一。前端基礎

注意：我本人不推薦0基礎就看任何技術書籍！！！

首先前端基礎是 css,html,js

這部分比較簡單，css，html,js都不難 入門到熟練只要多寫多練即可。

學習的話推薦imooc的前端基礎教程，

這個課程免費，且通俗易懂，還能在線邊學邊練。包含了html+css

這部分學完你對html css就有了一個基本的概念。

JS 入門推薦這兩個免費的課程，非常好的課程，

這些學完了，你基本上就能寫一些簡單的靜態網頁了。

可選：jquery

jquery是一個強大的js庫，使用毫無難度，學一下如何使用，然后可以用它寫一些交互網站。

為什么是可選呢，首先他非常好用，雖然現在主流開發已經不用他了，但是他在一些簡單場景下，他非常的適合。(ps：我雖然工作不用他了，但是做的私活還是會用的）

如果學習了他，那么就要順便看一下他的源代碼。學習一下實現方式，對你對面試非常有幫助。

可選：瀏覽器渲染原理。

web前端都東西都基于瀏覽器，所以瀏覽器渲染原理要稍作了解，知道什么是回流，重繪，瀏覽器如何解析等。只要稍作了解即可。

二:進階

學完基礎代表你已經入了前端的們，但是距離找到工作還非常遠。

1.css3,es6+

你要學習css3的相關知識，這也是基礎，沒啥好說的，學就完了。

而es6 簡單的理解就是js的新版本，因為改動較大，兼容性有問題，單獨列出來。多的不說，最少es6要學會，es7,8,9 至少要了解會用。

2. webpack

前端主流打包工具，怎么說呢，了解一下，會用即可滿足工作需求，但是這部分非常重要，有時間還是要學習一下。現代前端開發的前置技能。

3. less scss

css的預編譯工具，會用，高階用法也會。很簡單的東西。

4，主流前端框架

4.1 vue技術棧。

國內用的最多的前端框架，學習資源到官網看文檔即可，中文文檔通俗易懂。這個入門比較簡單，市場需求也多，但是因為簡單，所以人多，競爭也比較大。

社區資源豐富，以中文資源居多，畢竟主要使用者還是國人，比較有名的如 餓了嗎

如果英文不太好的話建議這個。

4.2 react 技術棧

國內使用者中等，以阿里系為代表。學習資源國內也很多，react入門看官方文檔即可，但是react技術棧的其他配套資源需要看英文文檔，社區資源國內國外的都有。需要較好的英文水平才能如魚得水。

入門相對來說比vue困難，但是我覺得react核心是他是編程思維，react本身并沒有添加什么新的東西。js基礎好完全沒問題。

4.3 angular 技術棧

國內使用者最少，基本上一線城市才有市場。入門最難，中文資源最少，英文不好寸步難行，不建議0基礎的學習這個技術棧。

5:移動端

既然定位為web前端，移動端也需要會點，比如h5，小程序。但是flutter,react native 這種開發原生應用的就不用學習了。

三大框架都能開發移動端h5的東西。主要說一下小程序，因為各種小程序太多了，不建議學習原生小程序語法，可以學習跨平臺框架，寫一套代碼編譯到各個小程序中，比如taro之類的。

三，職業進階

上面的學習完成 工作是能找到了，但是想要沖擊中高級職稱就需要學習更多

這個階段就需要看這種書籍了，js類 比如犀牛書，紅寶書之類的。 先推薦2本《你不知道的javascript》 《javascript框架設計》，可以搜一下，網上很多推薦的。

算法，數據解構，http協議等基礎是一定需要的。

node 一定要會使用。因為有了他，前端才能發生天翻地覆的變化。

webpack 一定要用的很溜，不要只會用腳手架。

canvas/svg/webgl 可選，如果精通，直接能上一個階級。

服務端技術棧如 redis,nginx,docker 等 自己一定要會。高級前端必備技能。

flutter/react native/electron 大前端必備，可選，會能加分加薪

先列那么多，碼字不容易，覺得有幫助記得點個贊