首先無論你要學習任何技能，必須有一個清晰的版圖，什麼是清晰的版圖呢？首先瞭解你學的技術將來要從事什麼工作，這個工作的條件是哪些？ 然後你要有一個非常清晰的學習大綱，切記學習任何東西都要系統，不可胡亂的瞎學浪費時間 下麵是小編給大家提供的一個學習大綱： 基礎：HTML+CSS網站頁面搭建，CS核心和P ...
首先無論你要學習任何技能，必須有一個清晰的版圖，什麼是清晰的版圖呢？首先瞭解你學的技術將來要從事什麼工作，這個工作的條件是哪些？
然後你要有一個非常清晰的學習大綱，切記學習任何東西都要系統，不可胡亂的瞎學浪費時間
下麵是小編給大家提供的一個學習大綱：
基礎：HTML+CSS網站頁面搭建，CS核心和PC端頁面開發，HTML5移動端頁面開發
核心：web前端核心技術JavaScript，ecmasript，dom，ajax，json，正則，作用域，運動框架，核心演算法，高級函數，插件封裝，jQuery等。
高級：html5+高級JavaScript開發，大數據可視化，webapp交互介面，lbs定位，微信sdk，es6標準，高級演算法，數據結構，插件封裝。
框架：vue、react、angular企業開發應用。
企業要求：bootstrap，swiper，iscroll，sass，ps切圖，網站上線等。
然後，對於一個專業知識非常強的專業，切記不要一個人蠻幹，那樣只會無限的讓你走很多彎路，然後打擊你的學習積極性，最後的結果就是不得不放棄，因為你實在學不下去了。所以學習專業知識一定要跟專業的人進行請教和交流。就好比你生病一樣，你不能自己看病，你只能去找醫生，因為醫生比你專業，學習也是一樣的道理。
學習web前端註意事項：
1.不要以看書學習為主，學習編程不是數學語文那麼容易，你看看例題就會了，更需要的是別人的講解，你自己看書上那些專業的文字，只是憑你自己意識理解的那樣來，但是一般情況下我們都理解不了，畢竟我們不是出書的人，最好的方式就是找視頻進行學習，找好的視頻進行學習，然後在配上別人的解答，在加上自我的主動學習。
2.別花冤枉錢去線下機構培訓，現在培訓費用都在2W塊錢以上，而且只學4個月的時間，找工作也是非常的難。我個人不建議完全自學，也不建議去線下培訓，我更建議零基礎的人在網上尋找一個線上的教學課堂，有老師講課和解答那種，費用也不高，可以幫助你學習。
3.當你學習的時候，可能會出現學了就忘記不住的情況，小編見過很多這樣的情況，包括自己曾經學習的時候也是這樣。打個比方：比方說我們在學習英語的時候，一天學習20個單詞，但是過了一周之後，我肯定會忘記之前學過的單詞。那麼記住這些單詞最好的辦法就是應用於對話當中。我們學習web前端也是這樣，同一個標簽或者屬性，或者是JavaScript的語法，只有你不斷的見到它，並且應用它，讓它都認識你了，這樣你就扎實的掌握了，所以實際應用非常重要。
4.學習方法決定了你學web前端的效率以及你可以走多遠，學習編程非常依賴一個好的學習方法，有太多人因為學習方法不對最終導致放棄，所以小編讓各位一定註意自己的學習方法，每個人的學習方法不一樣，但是大多數人錯誤的學習方法都是相同的，所以這方面一定要找專業人士請教。
一個人學習會有迷茫，動力不足。這裡推薦一下我的前端學習交流qun：四八四，七五七，七六零，裡面都是學習前端的，如果你想製作酷炫的網頁，想學習編程。自己整理了一份2019最全面前端學習資料，從最基礎的HTML+CSS+JS【炫酷特效，游戲，插件封裝，設計模式】到移動端HTML5的項目實戰的學習資料都有整理，送給每一位前端小伙伴，有想學習web前端的，或是轉行，或是大學生，還有工作中想提升自己能力的，正在學習的小伙伴歡迎加入學習。
需要準備的軟體工具如下：
初期：EditPlus3軟體。（學習初期不要用具有代碼提示的軟體，這樣可以讓你前期打好基礎）
度過新手期：sublime text3開發工具 HBuilder開發工具 WebStorm （這三個開發工具可以三選一，看個人喜好）
切圖工具：Photoshop
以上就是小編給大家提供的零基礎如何學習web前端的建議，如果有小伙伴有不同的地方，可以隨時來咨詢我。
