web前端怎么入門學(xué)習(xí)？GitHub用戶kamr nahmedse最近分享了一個有趣的圖表，介紹了從事前端和后端web開發(fā)的程序員和Devops可以使用的職業(yè)發(fā)展路徑或技術(shù)。這是一個很好的專業(yè)培訓(xùn)手冊

web前端怎么入門學(xué)習(xí)？

GitHub用戶kamr nahmedse最近分享了一個有趣的圖表，介紹了從事前端和后端web開發(fā)的程序員和Devops可以使用的職業(yè)發(fā)展路徑或技術(shù)。這是一個很好的專業(yè)培訓(xùn)手冊程序員誰是做前端和后端網(wǎng)站開發(fā)

！介紹

前端路線圖

后端路線圖

好程序員web前端分享前端學(xué)習(xí)路線自學(xué)，如何找到工作？

謝謝您的邀請

！作為IT行業(yè)多年的從業(yè)者，讓我來回答這個問題。

為了成長為一名合格的前端開發(fā)人員，我們需要經(jīng)歷三個不同的階段（基礎(chǔ)知識學(xué)習(xí)、開發(fā)平臺知識學(xué)習(xí)和后期實踐）。而且，在當(dāng)前移動互聯(lián)網(wǎng)和大數(shù)據(jù)時代，前端開發(fā)在技術(shù)架構(gòu)上也有明顯的變化。

基礎(chǔ)知識學(xué)習(xí)階段需要從HTML、CSS和JavaScript開始，重點是JavaScript的學(xué)習(xí)。一方面JavaScript語言本身比較困難，另一方面JavaScript對于整個前端知識系統(tǒng)的擴展具有重要意義。在移動互聯(lián)網(wǎng)發(fā)展的推動下，目前的前端開發(fā)還需要掌握與移動端相關(guān)的開發(fā)知識（如各大互聯(lián)網(wǎng)平臺推出的小程序開發(fā)），涉及的內(nèi)容相對較多。

平臺知識學(xué)習(xí)涉及兩個方面，一是前端開發(fā)涉及的各種框架平臺，二是云計算對前端開發(fā)的各種支持。隨著平臺開發(fā)的推進，前端開發(fā)的功能邊界不斷擴大。目前，前端開發(fā)人員還可以從事一些后端任務(wù)的開發(fā)。

后期實踐是前端開發(fā)人員提高技術(shù)能力的重要途徑。通過崗位實踐，前端開發(fā)人員不僅可以進一步豐富自己的知識結(jié)構(gòu)，還可以積累大量的實踐經(jīng)驗。這一過程將大大提高前端開發(fā)人員的就業(yè)能力。

目前，隨著前端開發(fā)的應(yīng)用場景越來越多，大數(shù)據(jù)領(lǐng)域發(fā)布了大量的前端開發(fā)帖子。這些帖子往往集中在大數(shù)據(jù)展示端的開發(fā)上。因此，如果前端開發(fā)者想提高自己的就業(yè)能力，也可以把重點放在大數(shù)據(jù)領(lǐng)域。

一個合格的web前端需要掌握哪些技術(shù)？

前端三項基本技能HTML、CSS、JS，不用說，這是前端吃飯的事。！TCP/IP、瀏覽器渲染原理、前端性能優(yōu)化與兼容性、PC/M開發(fā)、DOM、BOM、計算機原理（基本、通用軟件或計算機后臺都知道）等等！就目前的社會需求而言，除了基礎(chǔ)，一個或多個知識，如VUE，反應(yīng)，需要ng和節(jié)點。模糊地說，這已經(jīng)成為事實的標(biāo)準，但你可以看到，所有這些知識都是JS。是的，都是JS。因此，掌握JS的程度越高，學(xué)習(xí)這些框架就越容易。畢竟，這些都是API。

還有一些工具，如NPM、yarn、gulp和webpack。

大多數(shù)需求都是這樣的，團隊的技術(shù)堆棧也圍繞著這些需求。但對于今年的學(xué)生其實要求不是那么高，基本掌握一般都不錯。畢竟，團隊知道今年學(xué)生的水平。我能有一個工作了三到五年的有經(jīng)驗的司機嗎？不太可能。畢竟，許多事情需要通過項目來調(diào)整。

什么是web前端？

Web前端是網(wǎng)站的前端開發(fā)，它是創(chuàng)建網(wǎng)頁或應(yīng)用程序以及其他前端界面以呈現(xiàn)給用戶的過程。

Web前端開發(fā)通過HTML、CSS、JavaScript和各種衍生技術(shù)、框架和解決方案實現(xiàn)互聯(lián)網(wǎng)產(chǎn)品的用戶界面交互。它是從網(wǎng)頁制作演變而來的，其名稱具有明顯的時代特征。網(wǎng)頁制作是Web1.0時代的產(chǎn)物。早期網(wǎng)站的主要內(nèi)容是靜態(tài)的，主要是圖片和文字，用戶使用網(wǎng)站的行為主要是瀏覽。

隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展和HTML5、CSS3的應(yīng)用，現(xiàn)代網(wǎng)頁更加美觀，交互效果顯著，功能更加強大。Web前端主要用于開發(fā)用戶可以通過瀏覽器瀏覽和使用的網(wǎng)頁。一般來說，W3C中涉及的內(nèi)容主要包括HTML、CSS和JavaScript

隨著互聯(lián)網(wǎng)的快速發(fā)展和普及，一個新的行業(yè)和新的職位正在上升到技術(shù)層面：Web前端開發(fā)工程師

Web前端開發(fā)工程師，除了主要職責(zé)外，同時也為網(wǎng)站提供產(chǎn)品和服務(wù)，實現(xiàn)一流的網(wǎng)頁界面，優(yōu)化代碼并保持良好的兼容性

Web前端性能層和架構(gòu)與前端和后端的交互設(shè)計和開發(fā)Web前端開發(fā)工程師-Web2.0時代

與后端開發(fā)人員合作實現(xiàn)產(chǎn)品界面和功能

使用各種Web技術(shù)模擬開發(fā)產(chǎn)品原型

網(wǎng)頁新技術(shù)研究和信息整理

精通HTML/XHTML、CSS，熟悉網(wǎng)頁架構(gòu)和布局，深入理解網(wǎng)頁標(biāo)準和標(biāo)簽語義

熟悉Ajax、JavaScript（或ActionScript）、DOM等前端技術(shù)，掌握面向?qū)ο缶幊痰乃枷?/p>

我們公司也是一個六個人的團隊，兩個前端和兩個后端，我每隔一周分享一次

雖然分享時間不長，但通常需要十到三十分鐘。到目前為止，我已經(jīng)分享了幾個主題：網(wǎng)頁包postss類型腳本以及一個新的在線項目，我通常選擇我感興趣的主題，但我不熟悉。每做一次分享，我都覺得受益匪淺，雖然每做一次PPT，我都會崩潰。