首先，無論妳想學什麽技能，都要有壹個清晰的地圖。什麽是清晰地圖？首先要明白自己以後從事什麽樣的工作，這份工作的條件是什麽？
然後妳要有壹個非常清晰的學習大綱，記得要系統的學習壹切，不要亂學浪費時間。
以下是我提供給妳的學習大綱:
基礎:HTML+CSS網站頁面搭建，CS核心及PC頁面開發，HTML5移動頁面開發。
核心:web前端核心技術如JavaScript、ecmasript、dom、ajax、json、正則化、scope、motion框架、核心算法、高級功能、插件封裝、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前端的效率，決定了妳能走多遠。學習編程很大程度上取決於壹個好的學習方法。太多人因為錯誤的學習方法而放棄，所以我請大家註意自己的學習方法。每個人的學習方法都不壹樣，但是大多數人錯誤的學習方法都是壹樣的，所以這方面妳壹定要向專業人士請教。以上是我對零基礎如何學習web前端的建議。學習裙子有什麽不同，歡迎隨時咨詢我。學習裙第壹次107-第二次418-2891-++++ ++連起來。
需要準備的軟件工具如下:
初始階段:EditPlus3軟件。學習初期不要使用有代碼提示的軟件，這樣可以在前期打好基礎。
度過新手期:sublime text3開發工具HBuilder開發工具WebStorm(三個開發工具妳可以選壹個，看個人喜好)。
切割工具:Photoshop