首先，我們來介紹壹下前端工程師是做什麽的。
他們的主要工作是將UI設計按照w3c標準做成html頁面，用javascript腳本語言實現頁面上的前端交互。交互效果包括彈出層、選項卡切換、圖片滾動和ajax異步交互。
高級前端工程師也要承擔前端優化的工作，對優化有更多的了解，比如文件過期、緩存、異步緩存、js和css、圖像壓縮等。
前端開發是壹項非常特殊的工作。前端工程師的工作看起來很輕很輕，但做起來絕對沒那麽簡單。在開發過程中，它涵蓋的內容非常廣泛。我們不僅要從技術的角度思考頁面的實現，還要思考如何更好地接受技術呈現的枯燥數據，更好地從用戶的角度呈現信息。簡單來說，它的主要作用就是將網站的數據和用戶的接受度更好的結合起來，為用戶呈現壹個友好的數據界面。
前端工程師是壹個很新的職業，在國內外真正開始被重視還不到5年。隨著互聯網的飛速發展，從WEB1.0到WEB2.0，再到新的HTML5和CSS3，再到現在手機、3G網絡等新技術的興起，網頁都是以原有的圖文為主。現在，基於不斷下降的前端技術的各種應用、交互和富媒體，更多的信息、更豐富的內容和更友好的體驗，已經成為網站前端開發的要求。網站的發展對前端越來越重要，但是目前對前端工程師的需求也越來越重要，但是前端工程師的需求大於供給，前端人才非常稀缺。因此，高素質的前端開發工程師將是未來五年非常熱門的職業，發展前景非常可觀。
那麽，零基礎小學的Web前端需要了解哪些知識呢？
如果是零基礎的初學者，首先要掌握前端開發和相關編程語言的基礎知識；HTML，CSS，JauaScript，在頁面的布局中，HTML定義元素，CSS定位顯示的元素，然後通過JavaScript實現相應的效果和交互。這些知識是基礎，必須熟練掌握，才能寫得流暢。
當然，學習編程語言是對工具的補充。在學習語言的同時，妳需要掌握的是開發工具的使用。對於初學者，使用幾個常用工具:
1，Dreamweaver:，集網頁制作和網站管理於壹體的所見即所得網頁代碼編輯器。
2、Sublime，全稱Sublime Text，是壹個代碼編輯器，主要功能包括拼寫檢查、書簽、完整的Python API、Goto函數、即時項目切換、多選多窗口。
3、HBuilder:是DCloud推出的HTML5支持的Web開發IDE。
熟悉這些工具後，妳必須對基礎開發工作有壹定的了解。這個時候，如果妳想提高自己的能力，可以多學習壹些工具的使用方法。比如Bootstrap可以提供更時尚的格式、表格、按鈕、表格、網絡系統等。為了妳的網絡開發。Secureheaders可以自動實施安全相關的標頭規則，以防止XSS和HSTS等攻擊。
前端開發的道路不是壹成不變的，學習的內容可能會隨著時代的發展，軟件的更新而變化，但是打好基礎，無論學什麽樣的知識都是得心應手的。
簡單了解後就是亮點！
前端小白如何學習web前端
前端自學者的誤區；
妳所學的可能已經過時了。
被奉為經典的東西已經過時，或者有更好的替代品，而妳獲取信息的渠道有限，消息滯後，導致學習內容相對落後。
2.盲目學習方法
如果妳不懂閱讀，妳應該找視頻教程。如果妳覺得教程不符合妳的口味，那就另尋他路。因為缺乏識別資源的能力，總是在沒有明確規劃學習路線的情況下盲目學習，導致學習時間無效，收獲甚微。
3，只有理論，缺乏真正的項目鍛煉。
對技術的理解停留在理論層面，缺乏真實企業項目的經驗。如果沒有相關的實習或工作經歷，對前端崗位的具體職責分工和工作流程並不完全了解。
如何自學前端知識:
自學方法:
作為初學者，妳必須明確系統的學習計劃。我建議壹定要有壹個可以自學的導師。放棄的概率很大。當妳對web前端毫無概念的時候，妳需要壹個人領妳進門，然後妳就要自學了。第壹步，確定web前端需要什麽內容，需要多長時間完成學習。建議時間6個月。
2.視頻為主，書籍為輔。很多初學者在學習前端的時候喜歡買書，但是最後的結果是什麽呢？好像什麽都寫不出來，所以在這裏提醒壹下，書是可以看的，但是是建立在某個知識點上的具體操作的實施上，所以更有利於妳對知識的理解。
3.對於學習技術來說，掌握壹種學習方法非常重要。其實對於web前端來說，很多學習方法確實是壹樣的。壹旦學習方法不對，就可能造成“方法不對，努力白費”。其實這裏面還有很多東西。我舉個簡單的例子。有的人壹邊聽課壹邊跟著碼，這是不對的。聽課時，他們專心做題。這是經歷過的人的經歷。壹定要聽。根據每個人的差異，學習方法可能會有出路。找到適合自己的學習方法是學習的前提。
4.不建議自學編程。據我所知，從零開始，最後成功從事這份工作的人並不多。我覺得大部分原因是因為不知道web前端是什麽，不知道自己在學什麽，所以盲目買書，到處找視頻，最後看完就放棄了。所以我建議初學者在沒有具體概念之前，先向有經驗的人咨詢和交談。
必讀的前端書籍和資料:
1，JavaScript DOM編程藝術
超級前端暢銷書，作為壹個前端程序員必須看兩本以上的書，這本書特別適合初學者，前端的核心技術是JavaScript，也是前端的難點。而且這本書非常適合初學者，通俗易懂，生動的案例可以讓初學者更好的理解。提到的很多編程思路都適合中低水平的前端開發人員學習。
2.JavaScript權威指南
也是前端程序員的必讀書籍，不僅適合初學者，也適合已經在做前端工作的程序員隨時閱讀。它涵蓋了JavaScript和web瀏覽器實現的JavaScript API的所有內容。了解js的基礎知識是有幫助的，比如對象、數組、語法、作用域、閉包等等。
3.JavaScript高級編程
如果妳想完整系統的學習JavaScript，我強烈推薦這本書。這本書可以壹直留著，妳可以把這本書使用過程中的要點畫出來，以後可以作為參考。它是妳工作中非常有力的幫手。在面試中也可以用得很好，也就是俗稱的“小紅書”。
4.妳不知道的JavaScript
這本書不適合前端初學者，是每個前端程序員想要深入理解JavaScript原理必須要學習的書。讓不熟練的JavaScript開發人員迎接挑戰，深入語言，找出JavaScript每個組件的用途。如果妳能通讀這本書，妳就能在將來很快理解和掌握壹切。
5、《Vue.js權威指南》
Vue作為前端的主流框架，在國內的應用最為廣泛，所以要了解Vue的原理，必須啃壹本關於Vue的書。我推薦這本書，因為它在指導剛接觸Vue的開發者方面有了質的提升。從基礎知識到主流的封裝和源代碼分析，實際案例很多，都是很好的實用書籍。主要內容包括數據綁定、指令、表單控件綁定、過濾器、組件、表單驗證、服務通信、路由和查看、vue-cli、測試開發和調試、源代碼分析以及主流的封裝和構造工具。該書內容全面，講解詳細，實例豐富，適合各個層次的開發人員。
6.編程之美
不管程序員是什麽崗位，都要看壹本書，幾乎所有沒看過這本書的程序員都是假程序員。這本書有60個算法和編程話題，大部分都出現在近幾年的筆試和面試中，或者被微軟員工熱議。作者試圖引導讀者從書中各種有趣的問題中發現、分析、解決並找到更好的解決方案。可以大大提高自己的編程思維和對這個行業的深入思考，最終成為技術大牛。
學習路線:
階段1:首頁重建(4周)
內容包括:(PC端網站布局項目，HTML5+CSS3基礎項目，WebApp頁面布局項目)。
第二階段:JavaScript高級編程(5周)
內容包括:(原生JavaScript交互功能開發項目，面向對象高級及ES5/ES6應用項目，JavaScript工具庫自主研發項目)。
第三階段:PC端全棧項目開發(3周)
內容包括:(jQuery經典交互特效開發、HTTP協議、Ajax高級及PHP/JAVA開發項目、前端工程及模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目)。
階段4:移動項目開發(6周)
內容包括:(觸控項目，微信場景項目，用Angular+Ionic開發WebApp項目，用Vue.js開發WebApp項目，用React.js開發WebApp項目)。
階段5:雜交、反應性發育(1周)
內容包括:(微信小程序開發，ReactNative，各種混合應用開發)
階段NodeJS的全棧開發(1周)
內容包括:(WebApp後端系統開發，壹、NodeJS基礎及NodeJS核心模塊二、Express三、noSQL數據庫)。
視頻教程:
以上是商學堂前端學院小白的學習歷程，簡單介紹壹下。
壹般來說，零基礎學習Web前端，不僅要了解整個前端行業的動態和發展，還要學習HTML、CSS、JavaScript等知識，這是壹個龐大而復雜的技術體系。
如果妳有興趣學習前端技術，想學習壹門新技術，我給妳提供壹個非常好的前端學習交流群:1141884931。有什麽問題，就在裏面問我，這樣可以少走很多彎路，做起來效率高。記得多和有經驗的人交流，不要閉門造車。如果沒有更好的教程，可以找我要。
本文由尚學堂前端學院原創。歡迎關註，帶妳學習Web前端知識！