web前端開發技術人才越來越吃香，而且web前端領域劃分越來越細，對技術的需求越來越高，想學習web前端的人也是越來越多。那麼，如何學習web前端知識？從哪開始？轉型成為web前端工程師需要學些什麼？
第一階段：你要從最基礎的html/css開始，簡單地說，html就是一堆非常簡單的標籤，而css則是把你畫畫的流程用英語按一定的格式寫出來。然後你需要理解常用html標籤的意思，學會各種css的屬性，還有css的盒模型、優先順序、選擇器……
專精html/css的前端從業人員也就是前端重構。這裡要提一下，有乙個職業對於這塊很有優勢，那就是設計師。不管是ui設計師，還是平面設計師，在頁面上如何寫頁面，也知道怎麼做的更好，並且更加理解web世界，做出更「系統化」的設計。關於css的知識，你需要理解文件流、浮動流等各種定位的方式與原理，理解css 的繼承復用思想、理解瀏覽器的差異、相容等。關於html的知識，你需要學習語義化、可訪問性與結構的合理，以及「結構與樣式的分離」等。
如果你還想做出更厲害的互動效果，越來越喜歡程式設計，建議你成為乙個前端工程師/全棧式ui設計師。這時，你必須學會以軟體工程師的角度思考。你需要踏踏實實學習程式語言，深入理解作用域、物件、類、封裝、繼承、物件導向程式設計、事件偵聽、事件冒泡等一大堆程式設計概念，需要了解瀏覽器，學習dom、bom、cssom的api，甚至還有學習一些網路原理，包括網域名稱、url、dns、http請求……
如果你還處於迷茫階段或者是乙個小白，那你不要著急著手開始學習，因為沒有目的和方法的學習，只會走彎路。這時候，建議你先深入了解有關前端方面的所有資訊，包括前景、就業、行業發展、技術囊括、職業等等，這樣才能有目的和方向的學習。
前端工程師學習筆記
優達學城 第1天筆記 1.完整的html樹結構 2.解釋說明 文件的標題 瀏覽器標籤中顯示的文字 about me，將定義文件的標題，並在使用者訪問頁面時顯示在瀏覽器的標籤中 相關的 css 檔案 針對樣式 網頁使用的字符集 文字的編碼 關鍵字 作者和描述 通常對搜尋引擎優化 seo 起作用 是十分...
前端工程師學習路線
前端工程師學習路線 第一階段 html css html高階 css高階 div css布局 html css整站開發 js基礎 js基礎教程 js內建物件常用方法 常見dom樹操作大全 es dom bom 定時器和焦點圖 js基本特效 常見特效 tab 導航 頁面滾動 輪播圖 js製作幻燈片 淡...
網易微專業 前端工程師 學習筆記
1.1.1.1 工具 畫板 檢視 常用面板有 取色器選項 資訊 f8 圖層 f7 歷史記錄 設定完常用面板後我們可以通過 視窗 工作區 新建工作區 來儲存 輔助試圖 在檢視下開啟 1.1.2.1 測量 取色 獲取資訊 我們可以通過矩形選框工具 資訊面板來測量 顏色資訊 取色 color ffcc00...