現在的Web前端基礎都是在前端三劍客HTML CSS JS上建立而來

也非常簡單

打個比方

HTML是骨架

CSS是上色

JS則是可以讓其動起來

不過到了現在Web2.0時代

前端就比較複雜了

HTML也是元件化思想去寫

CSS也是先寫成LESS等

經過編譯再使用

至於JS

以前學習Jquery庫可能就能走天下

現在還得必須學習三大框架Vue，React，Angular

嚴格意義來說只有Angular才叫框架

其他都是庫

國內比較常用的就是Vue 它比較輕量級

Angular比較重

Vue比傳統的Jquery相比

不再是jq那種DOM操作

而是資料繫結的方式去驅動資料

現在的前端要適配的裝置也都比較統一

也有打包工具幫助解決很多相容問題

在以前還要相容IE6 IE8瀏覽器

而且完全憑開發人員水平決定

是相當痛苦的

現在前端都往大前端方向發展

這個大就是大而全的意思

不只是構建頁面

伺服器簡單的操作也得會

也就是說前端有時候需要自己把伺服器程式碼給寫好

當然這個是由Nodejs來完成

完成簡單的CURD

定義返回RESTFul風格的API

我推薦的是KOA這個庫

二次開發也不難

另外有條件還要學習MongoDB和Redis這種非關係型資料庫和Mysql MariaDB這種關係型資料庫

在客戶端方面還有基於Web技術的APP和小程式

還有最重要的前端工程化

比如webpack gulp和gitlab等等

總之現在前端要學習的東西更新的非常快也非常煩雜

就比如剛用Vue2做完幾個專案

現在Vue3就已經在測試了

我從事JAVA和PHP全棧工作已經有幾年時間

以上是我對前端的一個理解

加油，陌生人

1）學習內容還是挺多的：

2)簡單點評：

HTML5前端開發工程師簡稱前端開發工程師，它是隨著Web的發展，細分出來的行業，是近年來開始受到重視的新興職業，隨著Web2.0概念的普及和W3C組織的推廣，Web前端技術發生了翻天覆地的變化。前端開發工程師崗位需求與日俱增。同時也對現有的前端開發人員提出了更高的技術要求，也給UI，美工提供了發展空間。而且跨PC/移動裝置平臺的需求也需要H5來實現，要不開發多個版本成本就高了。

3）發展前景：

HTML5前端開發適應面很廣，Web端、APP端、微信小程式都可以使用，與後臺伺服器端程式語言無關，無論是Java、PHP、Python都可以結合使用。因此HTML5前端人才需求也相當旺盛，高校也沒有專門培養前端開發人才，社會需求一直得不到滿足，目前還是挺緊缺的，發展前景良好。

4）行業定位：

目前開發行業前後端分離已成標配，前端框架也層出不窮，發展非常快，在強呼叫戶體驗與個性化需求的現在，前端開發人員在IT公司中地位越來越高，前端開發已經與後端開發並駕齊驅。

5）面向專業：

計算機、數學與統計、物理、電子、通訊工程、物聯網、網路工程等相關專業大專以上學生。推薦中下游學生學習。

6）薪酬分析：

其實不只是web前端，針對於前端這個領域來講我來談一下就我工作中遇到及需要掌握的知識體系:

JavaScript 基礎HTML 加 Css框架類庫服務端環境( Node)客戶端環境(瀏覽器)工程化資料結構和演算法加設計模式網路協議

以上至少大而全得概念，下面我具體羅列一下各個模組需要掌握及學習的內容。

JavaScript基礎

型別和值

內建的語言型別有那些值型別的轉換值和引用的區別原生函式封箱和拆箱，內建函式

物件

屬性描述符和訪問描述符物件複製(並實現一個深複製操作)

作用域及執行機制

編譯原理(引擎，詞法作用域，編譯器)函式作用域，塊詞法作用域和閉包this

混合物件"類"

掌握類的繼承，多型，混入

原型及原型鏈

理解原型繼承理解原型機制(委託)

HTML和Css

HTML5相關(語義化標籤，video，audio，canvas)css3(會處理相關適配問題，佈局)

框架和類庫

vuereacttypescriptsjQuery原始碼學習，lodashelement ui( bootstrap，layui，yui，mui)ant design視覺化外掛( echarts，drawio， D3，three)axios

服務端

原生nodeexpress，koa，egg

瀏覽器

瀏覽器api

dom操作事件流模型原生ajax( fetch，Promise)bom(瀏覽器物件視窗互動)獲取地理位置，呼叫硬體相關api強快取，協商快取同源策略web儲存

瀏覽器原理(渲染)

從位址列輸入連結到頁面呈現經歷的過程解析html，解析css過程迴流和重繪

工程化

前端模組化( es6 module，cjs，amd，umd )包管理器( npm，yarn)會搭建webpack應用web伺服器( nginx)，瞭解linux( docker)相關知識，會搭建web應用版本控制工具( git，svn)

資料結構和演算法加設計模式

瞭解相關資料結構掌握前端的常用演算法(遞迴，排序: 選擇、快速、冒泡、歸併、桶、希爾等演算法)面向物件類設計模式(單例、工廠、觀察者、迭代器等)

網路協議

掌握四層、七層網路模型http協議(三次握手，四次揮手)，tcp協議web socket

以上這些是我以後學習的技術棧。針對每個人的學習及規劃可能不盡相同; 但是，針對於前端web方向也好，移動端也罷，服務端甚至客戶端這些方向來講，我覺得以上這些知識是共通的。不必拘泥於某一方向，只要基礎打紮實了，即便前端發展再怎麼迅速，你依然可以很快掌握。

最後，希望一起加油＾０＾~

#校園V計劃#

學習都是要循序漸進的，沒人能夠一步登天，不管什麼領域，被稱之為天才的人也是從基礎學起的，只不過是學得比別人快。那麼前端要如何學習呢？

第一階段：

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

第二階段：

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

第三階段：

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

第四階段：

第五階段：

第六階段：

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

第七階段：

內容包含：大資料視覺化化基礎與實戰、一、資料視覺化入門、二、D3.js詳解、三、其他JS庫

什麼是前端開發？ 前端開發主要涉及網站和 App，使用者能夠從 App 螢幕或瀏覽器上看到東西。簡單地說，能夠從 App 螢幕和瀏覽器上看到的東西都屬於前端。

新手入門前端，需要學習的內容蠻多的，我簡單羅列下：

一、首先前端三劍客：html，css，JavaScript基礎語法，可以簡單模仿某商城的首頁（先只做靜態頁面），這是最基礎的部分，主要是熟悉頁面的佈局。

二、JavaScript進階。包括：作用域呀閉包呀，原型鏈以及this等，這些比較晦澀難懂。但是面試往往這些問得最多。這時候比較熟悉JavaScript咯，可以做些動態頁面就是一些有互動效果的頁面（建議學玩js就開始試著寫寫頁面）。

三、ajax以及json這些必須要會，至於jQuery等現在新專案用的很少咯可以瞭解些即可。

四、ES6語法（必須掌握，面試不問），以及ES7等也需要了解。還有就是HTML5以及CSS3的一些新特性也會經常用到

五、重點必備的咯，前端框架：vue.js和react。這兩個框架先學會一個後在學習另一個（Angular框架國內比較少後期想學的話再學習），我建議從vue入手簡單些，最後都掌握才是大師。[靈光一閃]

六、然後就是要了解一些後端語言的一些東西，比如node.js啊，這也是進階加分項。

七、一些自動化工具，webpack，gulb，css預處理器less等。我覺得這些工具會用，知道怎麼用就好。有興趣就可以深入。

總結：前端知識大而砸，而且技術更新速度非常快，需要不斷的學習，學習，學習，重要的事情說三遍[捂臉][捂臉]。人無完人，若有不妥之處望各位指出，我等積極改正，多謝[靈光一閃][靈光一閃]

結合我個人的學習路徑談一下這個問題吧。

前端的根基就是JavaScript、HTML、CSS，又稱前端三劍客。如上圖所示，JavaScript負責前端的行為，CSS負責前端的展示，HTML負責前端的結構。無論將來前端如何發展，都是這三方面的延申。例如，TypeScript是帶型別的JavaScript，SCSS是對CSS的擴充套件，Web Components（或者某些前端框架對元件的支援，如Vue.js、Angular、React）都是對HTML的擴充套件。可能描述的有失偏頗，但至少能說明，基礎不紮實，就談不上高屋建瓴，10年經驗與1年經驗無異。

如何學習前端這個問題，沒有規範答案。前端也歸屬於計算機科學範疇，想學好前端，計算機的基礎也要過關。例如，資料結構和演算法實踐少？沒關係，至少你要了解一些概念性的東西（有時在執行效率上你的確可以甩鍋給後端）。有很多後端同學寫的介面會把樹結構的資料直接用陣列形式返回給你，這就需要自己用遞迴實現樹元件展示。實際情況是：很多前端都寫不好遞迴。這個沒辦法，只能自己解決。還有個經常出現的問題：跨域。明明後端已經配置好了，怎麼還不能跨域？我遇到這種情況，大機率是由於後端配置不完善，主要集中在Access-Control-Allow-Headers、Access-Control-Allow-Methods這些配置上，如果本身瞭解HTTP協議，就能夠很快定位問題。

前端開發你以為是上面這樣？實際上，用人單位希望你是下面這樣：

其實前端的很多理念都來自於後端，或者其他技術領域，廣度的認知決定了垂直領域的深度。規範意識是工程化的開端，重構意識是提高生產力的萌芽，這些都是在實踐中才能領悟的。

學好前端的路有很多條，要點就是基礎。你是否被CSS樣式的權重摺磨過，最後索性加了個"!important"了事？或者對於後端介面的multipart/form-data和application/x-www-form-urlencoded傻傻分不清？

前端是一項實踐性很強的技術，你會在挖坑、踩坑中成長，瞭解的越多，就越能發現自己的不足。再加上產品經理和測試對你的額外洗禮，你終將成為一名合格的戰士！

另送前端語錄：

按F5重新整理試試清快取了嗎？在我機器上是正常的呀！這個實現不了（貌似程式設計師通用）（當維護別人程式碼時）這是哪個XX寫的邏輯？（貌似也很通用）你用的是谷歌瀏覽器嗎？中午吃什麼？（逃了...）

web前端的學習無非兩種方式：

2.培訓：培訓是更快進入IT行業的捷徑，前沿的課程，優秀的師資團隊，良好的學習環境，良好的口碑是選擇機構的必備條件。培訓是能更快更好的理解課程，但是機構也比較多需要擦亮眼睛去選擇，最好可以先聽聽免費的課程自己感受一下。

題外話：“包就業、包食宿”是絆腳石啊！切勿因小失大啊！在滿足必備條件下，加上自身的努力一定會學有所成的。自身有技術何須包就業。

關於如何學習web前端，這裡尚矽谷小編建議大家前端課程透過進階式學習，階段性對學習進行檢測，時刻掌握自己的學習情況。尚矽谷的前端學科的課程體系能夠適應市場需求、緊跟時代技術，完全滿足市場對HTML5工程師的要求，大大地提升了學員的市場競爭力。學習內容包括八大學習階段：

第一階段：前端核心基礎

內容包含了：（HTML5+CSS3核心內容、JavaScript基礎語法、jQuery框架）

第二階段：HTML+css（移動端核心技術）

內容包含：（HTML5新特性、CSS3新特性、CSS3例項演練）

第三階段：移動端

內容包含：（移動端核心、移動端適配、移動端特效）

第四階段：伺服器

第五階段：JavaScript高階

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

第六階段：前端必備

內容包含：（效能最佳化、版本控制工具、模組化、專案構建工具）

第七階段：高階框架

內容包括：（React框架基本使用、Vue框架基本使用、Vue原始碼分析）

第八階段：小程式

內容包含：（原生小程式入門、原生小程式API使用、小程式框架Mpvue）

如果你對這份學習路線圖感興趣的話，大家可以參照的去學習體驗一下，當然如果大家沒有學習資料的還也可以到尚矽谷官網諮詢，同時也可以下載免費的學習資料。

把w3c的html,css,javascript照著敲個五遍，你就入門了。

接下來就是學習框架了，jquery，vue，你就能做專案了。

後面如何深入，隨著你的經驗就知道了。

web前端的學習無非兩種方式：

1.自學，2.培訓：培訓是更快進入IT行業的捷徑，前沿的課程，優秀的師資團隊，良好的學習環境，良好的口碑是選擇機構的必備條件。培訓是能更快更好的理解課程，但是機構也比較多需要擦亮眼睛去選擇，最好可以先聽聽免費的課程自己感受一下。

我聽過很多機構的前端課程，前期宣傳的很誇張，但是課程質量遠遠不如廣告的效果好，考察了很多家，最終選擇在百戰程式設計師學習，百戰程式設計師的課程十分專業，並且十分低調，沒有想別的機構一樣只注重廣告宣傳，他們家把更多的時間和精力全都用在了研發課程上，每一節課程都是針對就業而設定的，每一個階段的課程學習完之後都會有相對性的實操練習，理論充分結合實際，更好的幫助學生掌握技術，記憶知識點，

學習最關鍵的還是要循序漸進，腳踏實地，希望你早日學完，早日就業哦

首先前端基礎HTML、CSS、JS這個需要學好，不要求精通，至少熟練使用，其次需要學習一些前端三大框架，推薦先把vue學會，學起來比較快，而且現在好多公司用Vue開發，react、angular慢慢來

這個問題我來回答！

其實web前端還是比較好學的，最主要的是找到適合自己的學習方法並持之以恆的堅持下去。推薦給你一個影片，測試一下自己適不適合學web前端吧！

https://www.bilibili.com/video/BV1XJ411X7Ud?from=search&seid=1592804913669379785

如何學習web前端開發？

1.學前預習

學前預習是一個非常好的習慣。小夥伴可以分次來預習接下來需要學的知識，前提是需要該段內容的預習資料。首次預習，可以費時10分鐘，快速預覽，將自己能看懂的標記一下，做到心中有數；再次預習20分鐘，將看不懂的標記一下，這就明確了下一步需要著重學習哪方面；最後一次預習30分鐘，將前兩次預習的看懂或看不懂的，在程式碼編輯器上操作一遍，加深一下進行，能夠進一步確定自己接下來著重學的重點。這樣細化的學習，不僅可以加深你對web前端培訓課程內容的理解，還可以瞭解自己的不足，久而久之，你會養成個自學的好習慣，同時可以提高學習效率。

2.學習中

經過前期的學前預習，你已經知道了哪裡不懂，有目標的學習才會提高你的學習效率。在學習中，要認真聽講，不要錯過每一個細節，在聽講過程中，做好筆記，有不懂的地方及時提出來，切記不要閉門造車，要多交流，才能讓自己進步。

3.課後整理

課後應該積極整理剛學到的知識點，你可以用思維導圖進行整理對比，很容易看出哪些知識點是你會的，哪些是不會的。已經會了的知識需要進一步鞏固，不熟悉的知識要在平時的專案實戰中進行練習。但這並不是讓你在平時作業當中學習，當然了，邊學邊做是學的快，但是你有沒有想過，這樣學習是很片面的，一個作業當中不可能涵蓋所有的知識點，其他方面的知識點呢，是不是呢？所以需要小夥伴認真對待自己，認真複習和練習。

個人比較喜歡尚矽谷web前端影片，他的影片是比較全面的，比較適合零基礎小白來學習的一套web前端影片教程，連結放在下面：

http://www.atguigu.com/html5_video.shtml