尚矽谷 2020-02-12

您好，web前端學習內容包括以下8個階段：

階段1。前端核心基礎

HTML +_CSS核心、JavaScript基礎語法、JavaScript面向物件、JavaScript DOM和BOM程式設計、jQuery框架

階段2。HTML5 + CSS3 + 移動端核心

HTML5新特性、Canvas專列、CSS3新特性、CSS3進階、CSS3例項演練

階段3。移動端

移動端核心、移動端適配、移動端特效

階段4。伺服器端

伺服器端開發、資料庫操作、前後端互動核心、微信公眾號開發

階段5。JavaScript高階

JavaScript基礎深入剖析、JavaScript面向物件深入講解、JavaScript非同步程式設計、JavaScript函數語言程式設計、JavaScript設計模式

階段6。前端必備

效能最佳化、版本控制工具、模組化、專案構建工具

階段7。高階框架

React框架基本使用、React框架進階、Vue框架基本使用、Vue框架進階、Vue原始碼分析

階段8。小程式

原生小程式入門、原生小程式API使用、小程式框架Mpvue

web前端學什麼

希望可以幫到你！

尚學堂前端學院 2020-09-03

自學方法：

1、作為一個初學者，你必須明確系統的學習方案，我建議一定有一個指導的人，全靠自己學，放棄的機率非常大，在你對於web前端還沒有任何概念的時候，需要一個人領進門，之後就都靠自己鑽研，第一步就是確定web前端都需要哪些內容，並且在多少時間內學完，建議時間6個月保底。

2、影片為主，書為輔。很多初學者在學習前端的時候非常喜歡去買書，但是最後的結果是什麼？看來看去什麼都不會寫，所以在這裡給大家提醒，書可以看，但是是在建立於你已經對於某個知識點有了具體操作的執行後，在用書去鞏固概念，這樣更加利於你對於知識的理解。

3、對於學習技術來講，掌握一個學習方法是非常重要的，其實對於學習web前端來講，學習方法確實很多都是相通的，一旦學習方法不對，可能就會造成“方法不對，努力白費”。其實關於這方面還是很多的，我就簡單說個例子，有的人邊聽課邊跟著敲程式碼，這樣就不對，聽課的時候就專心聽，做題的時候就專心做題，這都是過來人的經驗，一定要聽。根據每個人的不同，可能學習方法也會有所出路，找到適合你自己的學習法方法是學習的前提。

4、不建議自己一個人瞎學，在我瞭解學習程式設計的這些人來看，從零基礎開始學並且最後成功做這份工作的其實並沒有幾個，我覺得大部分原因就是因為他們都不瞭解web前端是幹什麼的，學什麼的，就盲目的買書看，到處找影片看，最後看著看著就放棄了，所以我建議初學者在沒有具體概念之前，還是找有經驗的人請教一下，聊過之後你就會知道web前端具體是幹什麼的，該怎麼學，這是我個人的小建議，可以不採納。

自學路線：

第1階段：前端頁面重構（4周）

內容包含了：（PC端網站佈局專案、HTML5+CSS3基礎專案、WebApp頁面佈局專案）

第2階段：JavaScript高階程式設計（5周）

內容包含：（原生JavaScript互動功能開發專案、面向物件進階與ES5/ES6應用專案、JavaScript工具庫自主研發專案）

第3階段：PC端全棧專案開發（3周）

內容包含：（jQuery經典互動特效開發、HTTP協議、Ajax進階與PHP/JAVA開發專案、前端工程化與模組化應用專案、PC端網站開發專案、PC端管理資訊系統前端開發專案）

第4階段：移動端專案開發（6周）

內容包含：（Touch端專案、微信場景專案、應用Angular+Ionic開發WebApp專案、應用Vue。js開發WebApp專案、應用React。js開發WebApp專案）

第5階段：混合（Hybrid，ReactNative）開發（1周）

內容包含：（微信小程式開發、ReactNative、各類混合應用開發）

第6階段：NodeJS全棧開發（1周）

內容包括：（WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模組二、Express三、noSQL資料庫）

前端必讀書籍資料推薦：

《JavaScript DOM 程式設計藝術》

超級前端暢銷書，作為前端程式設計師必讀兩遍以上的書籍，這本書籍特別適合初學前端的新人，前端的核心技術就是JavaScript，同時也是前端的難點。而這本書非常適合入門，通俗易懂，生動的案例可以讓初學者更好地進行理解。所提及的很多程式設計思想卻適合低中級層次的前端開發者學習。

《JavaScript權威指南》

同樣是前端程式設計師必讀的一本書籍，不僅適合初學者，還適合那些已經在做前端工作的程式設計師進行隨時翻閱。裡面涵蓋了JavaScript的所有內容，以及web瀏覽器所實現的JavaScript API。對於瞭解js的基礎知識，比如物件，陣列，語法，作用域，閉包等等都很有幫助。

《JavaScript 高階程式設計》

如果你想把JavaScript非常完全的系統學習一遍，我強烈推薦這本書，這本書可以一直保留，在用這本書的過程中還可以畫下重點，以後可以作為參考，是工作中非常強力的幫手。面試的時候也可以很好的應用上，我們俗稱的“紅寶書”。

《你不知道的JavaScript》

這本書不適合前端的初學者，想要深入的瞭解JavaScript原理，這是每一個前端程式設計師必須要研究的一本書籍。要讓不求甚解的JavaScript開發者迎難而上，深入語言內部，弄清楚JavaScript每一個零部件的用途。如果可以把這本書吃透，那麼以後理解任何東西都可以很快的理解和掌握。

《Vue。js權威指南》

Vue作為現在前端的主流框架，在國內應用最為廣泛，所以瞭解Vue原理必須要啃一本Vue的書籍。我之所以推薦這本，是因為這本書對於引導初用Vue的開發者有著質的提升。從基礎知識到主流打包以及原始碼解析，還有很多實踐的案例，都是一本不錯的實用性書籍。主要內容包括資料繫結、指令、表單控制元件繫結、過濾器、元件、表單驗證、服務通訊、路由和檢視、vue-cli、測試開發和除錯、原始碼解析及主流打包構建工具等。該書內容全面，講解細緻，示例豐富，適用於各層次的開發者。

《程式設計之美》

無論是什麼崗位的程式設計師，必讀的一本書籍，沒有讀過這本書的程式設計師幾乎都是假程式設計師。這本書有60道演算法和程式設計題目，這些題目大部分在近年的筆試，面試中出現過，或者是被微軟員工熱烈討論過。作者試圖從書中各種有趣的問題出發，引導讀者發現問題，分析問題，解決問題，尋找更優的解法。可以大幅度提高自己的程式設計思維和對於這個行業的深入思考，最終變成技術大牛。

影片教程的話，可以加入我的裙裙：網頁連結，問我要，不管是前端還是其他的教程，我都有。

tina布丁1101 2021-03-09

可以按照以下路線來學習

01。環境搭建

前端環境很好搭建，一個開發工具即可，webstorm，hbuilder，vscode，sublime。初學者建議sublime 也不要裝外掛，沒有語法提示，可以打基礎

02。html基礎

帶你去認識html，讓你學習去執行html，等瀏覽器上面開啟你的頁面的時候，你會有很強的成就感，然後開始學習html的基礎標籤

03。css基礎

html是勾勒，css是染色，基礎的css學完你會有種想寫頁面的衝動，這時候你不用抑制住那種感覺，直接按照自己所想開寫，這是你的第一個專案

04，js基礎

js是頁面的邏輯，作為一個web前端工程師，js是很核心的部分，也是很難的部分。js的學習之後放長一些，尤其是前一週，要讓自己去熟悉那種語法環境，培養自己的開發思路，而且有一點就是學完一個星期的知識之後，及時和你的指引人溝通，看卡自己的理解是否有誤，還有就是學習思路是否有問題，他會給你指出那些東西需要多學習，哪些不常用，還有就是給你點一下你學的這些在專案中會是怎麼去應用，理論聯絡實際是最好的學習方式。

05。純js操作dom和jquery

這階段要知道怎麼去用js來更改頁面的元素，怎麼去寫dom事件，經過一番聯絡後，再引入jquery，不要本末倒置，有個同學學完jquery之後說發誓以後再不用原生js操作dom！然後被我狠狠罵了一頓

06，開始你的ui框架之旅

這個階段我推薦從bootstrap開始，這個框架很經典，響應式的珊格系統被後來框架一直沿用，在我線下教學的那幾年，我都會帶著學生一起看bootstrap的原始碼，讓他們學會這種設計思想，因為之後對他們太有用了，當時他們很痛苦，現在他們說起來覺得很受益，如果可以，你也要去看看原始碼，先學會去定製bootstrap，公司注重二次開發，定製 bootstrap正好可以練手。

07。開始深入css3

基礎學完css3要提上日程，這時你會看到不一樣的世界

08。深入js

這階段你就要去解讀原型鏈，原型替換，this指向，es6，es7的新語法，

09。學一套主流框架

vue，react，angular2選一種，

我建議從vue開始，react的jsx語法不適合你入門去學習，angular2的typescript語法糖難度也比較高，vue學起來平滑些，結合vue，學一下vue-router，vuex，element ui，axios，webpack。

10。後臺語言nodejs

最後就是做專案，多練習

網友ff83e92 2019-11-20

Web前端開發入門需要學習哪些內容？現如今Web前端工程師薪資高、待遇好的發展趨勢越來越受到了眾多求職者的青睞，那麼對於初學者來說想要成為一名合格的Web前端工程師就需要熟練的掌握開發技能，所以下面優就業的老師帶大家一起裡看看Web前端開發入門需要學習的內容吧。

首先對於Web前端初學者而言，HTML和CSS是需要掌握的內容。

HTML稱為超文字標記語言，是一種標識性的語言。HTML文字是由HTML命令組成的描述性文字，HTML命令可以說明文字，圖形、動畫、聲音、表格、連結等。

CSS層疊樣式表是一種用來表現HTML或XML等檔案樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種指令碼語言動態地對網頁各元素進行格式化。 CSS 能夠對網頁中元素位置的排版進行畫素級精確控制，支援幾乎所有的字型字號樣式，擁有對網頁物件和模型樣式編輯的能力。

綜合來看，透過學習HTML和CSS主要是為了實現各終端頁面佈局，但是現在為了提升使用者介面的體驗，越來越多的產品更加註重互動效果的展示，那麼提到互動效果就離不開JavaScript。JavaScript是一種屬於網路的指令碼語言，已經被廣泛用於Web應用開發，常用來為網頁新增各式各樣的動態功能，為使用者提供更流暢美觀的瀏覽效果。通常JavaScript指令碼是透過嵌入在HTML中來實現自身的功能的。

為了在實際開發中程式碼編寫的更加簡潔、規範，那麼就需要Web開發人員能夠熟練的使用前端框架。前端框架一般指用於簡化網頁設計的框架，這些框架封裝了一些功能，比如HTML文件操作，各種按鈕、表單控制元件等，常用的前端框架有Bootstrap框架、React框架、Vue框架、Angular框架等。

以上是關於Web前端開發入門需要學習哪些的介紹內容！希望能幫助到大家。

更多科普就在優就業。

喵喵喵喵喵咪c7 2020-03-12

Web前端開發技術主要學習的內容有三方面：HTML、CSS和JavaScript。近些年前端領域發展迅速，技術更新迭代也很快，這就要求web前端人員除了要掌握必備的知識之外，還需要學會運用各種工具進行輔助開發以及理論層面的知識，包括程式碼的可維護性、元件的易用性、分層語義模板和瀏覽器分級支援等。