隨著web3.0時代氓拼，那么web前端開發(fā)技術(shù)人才越來越吃香你画，而且web前端領(lǐng)域劃分越來越細，對技術(shù)的需求越來越高桃漾，想學習web前端的人也是越來越多坏匪。那么，如何學習web前端知識撬统？從哪開始适滓？轉(zhuǎn)型成為web前端工程師需要學些什么？小白到高手需要多久恋追？
在這里我還是要推薦下我自己建的web前端開發(fā)學習群：731669587凭迹，群里都是學web前端開發(fā)的罚屋，如果你正在學習前端 ，小編歡迎你加入嗅绸，今天分享的這個案例已經(jīng)上傳到群文件脾猛，大家都是軟件開發(fā)黨，不定期分享干貨（只有前端軟件開發(fā)相關(guān)的）鱼鸠，包括我自己整理的一份2018最新的前端進階資料和高級開發(fā)教程猛拴，歡迎進階中和進想深入前端的小伙伴。
1蚀狰、如何學習web前端知識
第一階段愉昆，你要從最基礎(chǔ)的HTML/CSS開始，簡單地說造锅，HTML就是一堆非常簡單的標簽撼唾，而CSS則是把你畫畫的流程用英語按一定的格式寫出來。然后你需要理解常用HTML標簽的意思哥蔚，學會各種CSS的屬性倒谷，還有CSS的盒模型、優(yōu)先級糙箍、選擇器……
第二階段渤愁，JavaScript學習，你要是想在網(wǎng)頁上實現(xiàn)交互效果深夯，比如輪播圖抖格、點擊按鈕后播放動畫等等，那么就必須學會JavaScript咕晋。JavaScript是一門完整雹拄、強大、熱門的編程語言掌呜，瀏覽器的各種交互效果都由它來做到的滓玖。你先要了解一些基礎(chǔ)的JavaScript概念（變量、函數(shù)质蕉、基本類型）后势篡，然后學習jQuery（JavaScript代碼庫的一種），并且通過jQuery繼續(xù)使用CSS的選擇器模暗。
2禁悠、轉(zhuǎn)職成為web前端
專精HTML/CSS的前端從業(yè)人員也就是前端重構(gòu)。這里要提一下兑宇，有一個職業(yè)對于這塊很有優(yōu)勢碍侦，那就是設(shè)計師。不管是UI設(shè)計師，還是平面設(shè)計師祝钢，在頁面上如何寫頁面比规，也知道怎么做的更好，并且更加理解Web世界拦英，做出更“系統(tǒng)化”的設(shè)計。關(guān)于CSS的知識测秸，你需要理解文檔流疤估、浮動流等各種定位的方式與原理，理解CSS 的繼承復用思想霎冯、理解瀏覽器的差異铃拇、兼容等。關(guān)于HTML的知識沈撞，你需要學習語義化慷荔、可訪問性與結(jié)構(gòu)的合理，以及“結(jié)構(gòu)與樣式的分離”等缠俺。
你會愛上CSS 3的酷炫屬性显晶，可以做出響應(yīng)式網(wǎng)頁設(shè)計，用transiton和animation做補間動畫與關(guān)鍵幀動畫壹士，用transform做縮放磷雇、旋轉(zhuǎn)、3D變換躏救，還有圓角唯笙、漸變、陰影盒使、彈性盒……掌握了以上的這些崩掘，你完全可以利用你的設(shè)計功底和web前端知識，做出微信的H5頁面少办、一些有趣的網(wǎng)頁苞慢，或者個人的網(wǎng)站。
3凡泣、如何轉(zhuǎn)職成為前端工程師
如果你還想做出更厲害的交互效果枉疼，越來越喜歡編程，那么千鋒武漢html5培訓機構(gòu)專家建議你成為一個前端工程師/全棧式UI設(shè)計師鞋拟。這時骂维，你必須學會以軟件工程師的角度思考。你需要踏踏實實學習編程語言贺纲，深入理解作用域航闺、對象、類、封裝潦刃、繼承侮措、面向?qū)ο缶幊獭⑹录陕牴愿堋⑹录芭莸纫淮蠖丫幊谈拍罘衷枰私鉃g覽器，學習DOM胧洒、BOM畏吓、CSSOM的API，甚至還有學習一些網(wǎng)絡(luò)原理卫漫，包括域名菲饼、URL、DNS列赎、HTTP請求……
