我也是個web愛好者。

一、web前端工程師做什麼

Web前端開發工程師，主要職責是利用(X)HTML/CSS/JavaScript/Flash等各種Web技術進行客戶端產品的開發。完成客戶端程式(也就是瀏覽器端)的開發，開發JavaScript以及Flash模組，同時結合後臺開發技術模擬整體效果，進行豐富網際網路的Web開發，致力於透過技術改善使用者體驗。

對常用的一些JS框架了解，如jQuery、YUI等。掌握最基本的JavaScript計算方法編寫。對目前網際網路流行的網頁製作方法(Web2.0)HTML+CSS，以及各大瀏覽器相容性有很大的瞭解。對前沿技術(HTML5+CSS3)的基本掌握。還要對IT其他程式語言有所瞭解如:PHP，Java，.net!有一些公司還要求懂一點SEO最佳化!

二、你的現狀

1、自學前端，可以較為熟練的製作靜態頁面

看來目前你的特長是製作靜態頁面，從第一條可以看出，前端工程師僅會做靜態頁面是遠遠不夠的。

2、很喜歡前端這個工作，希望可以把能力練的強大一些

建議你可以試著接觸動態頁面的製作。關注移動端的小應用開發。

另外，一個人獨立做事的話，不僅是要懂程式碼，還要懂美工，PS等，另外還要會營銷，會包裝自己，這樣業務才會越來越多。當然，前提是提高能力。

對於你而言，你目前最大的困境，就是在web前端行業怎麼找到一份更好的工作。

所以最重要的是如何在你現有的技術基礎上，根據目前人才市場對於web前端人才的需求進行針對性的提高。

再者，明年三四月份是招聘的高峰期，所以如果想找一份好點的崗位，留給你的時間大約還有四個月左右，也就是說這四個月裡面你需要儘快的學習針對性的知識來提高自己，順利的找到合適的崗位！

一般而言，web前端的技術就是從靜態——JS——HTML5+移動端——框架的深入。

而現在面試應聘的需求一般而言都需要JS，有些還需要會html5和移動端。

所以這樣看來js是必須要學習好的，最起碼學到自己能單獨封裝一些小外掛，這樣的話順便可以作為面試的案例，自己能封裝外掛的話，對於js的使用已經不錯了。當然JQ就更沒有學習的難度了。

再者的話還有點時間的話，熟悉下HTML5的新特性和移動端，四個月的時間滿滿當當的利用起來大概也就能做到這樣的程度了。

如果能做到的話，找工作的難度應該不大，但是也不會太好，先站穩腳跟，再繼續學習提升。

最後祝願你媽媽身體早日康復，既然選擇了遠方便只顧風雨兼程，加油！相信自己

作為文科專業畢業，沒有接受過任何專業培訓，完全靠自學和看書看影片做了五年前端，在外包公司，創業公司，BAT級公司再到新型網際網路公司都呆過，我可以談談自己的看法: 關於技術棧學習，我覺得樓上樓下都會做各種討論，在此我就不詳述了，感興趣的話可以看看網上推薦的前端學習大綱

https://github.com/ouvens/frontend-system-map

，基本能覆蓋絕大部分新手需要學習和掌握的內容，後面我更想聊聊自己對技術學習上的經驗歸結。1、首先是要有認同感，關於這點非常非常非常重要，想必大部分人學前端的初衷是覺得前端相對於簡單，上手快也不需要學習演算法，編譯原理，資料庫，作業系統，網路原理都諸多基礎知識，所見即所得馬上就能開始幹活，而且外觀呈現和互動效果這類東西比較容易激發人的學習興趣，另一種情況是做後端，做客戶端，做產品的同學覺得自己的發展遇到了瓶頸，轉做前端無論是從上手程度還是快速出活等都相對容易，加上這幾年h5應用，webapp，微應用，小程式，混合app開發等各種新概念層出不窮，市場認可度也比較高，行業需求的水轉船高也讓前端的職位的一直供不應求，但是請不要因為以上的外在因素降低了自身的學習標準，前端開發做到後面仍然是軟體開發的一個工種，軟體技術的一些普世性標準放到這塊也同樣適用，比如基礎演算法，程式語言，設計模式，工程管理，網路知識等都是通用的，甚至這些基礎底蘊掌握的好壞會直接決定你後續的發展空間，所以請放棄前端=頁面仔這種幼稚的想法，努力提升自己的內功修煉。2、前端是門一直在變化的工種，相對於服務端和客戶端的開發，無論是技術沉澱還是框架的選用等業內都會有一套大致認同的標準，更多時候我們是根據自身的產品型別和業務發展來做技術選型，但是前端則不然，這是為數不多走的官方標準落實緩慢，民間標準層出不求，然後民間標準流行後再反推官方標準更新的技術路線，這就直接導致了好不容易學了點新技術標準卻苦於無合適的環境可以使用，好不容易掌握了一個流行框架和工具然後隔年再看發現業內都不用了，不同的瀏覽器和軟體大廠紛紛推自己的特殊標準來佔據市場導致同一套標準下的程式碼在不同的環境中還會有各種相容性問題等各種囧境，這就要求作為前端開發者天生就需要具備各種積極主動和開放包容的學習精神，多與業內的同行交流，多去關注下github上的一些火熱的專案，多去嘗試些新技術理念和除錯一切的耐心。比如前幾年會寫jquery，瞭解CSS就能開始幹活，加配個grunt和less已經算是高配，但是現在我們再看看，你要不整點node的基礎環境，不弄個npm和yarn來管理你的資源依賴，不整點單頁路由，不上點babel和typescript來預編譯下高階語法特性，不用點資料驅動和MVVM之類的框架，不來點redux，rx-js之類的程式設計模型，不整點webapck之類的依賴管理與打包工具，不上點mocha，jasmine之類的測試驅動開發框架等，你都不好意思說自己在做前端開發，誠然很多人都會說我只是想寫個頁面為何要弄的這麼複雜，但是大家為何不反思下我們的頁面開發的工作模式和技術選型上是不是真的一直以來被我們低估了才會有如此大的偏見，況且現在前端開發的工作量已經不同往日，服務的介面日趨API化，各種處理業務和控制層等操作也在逐步往前端遷移，這也對我們的工程化規模控制提供了更加嚴格的要求，而非之前的拼成各種指令碼片段；3、前端是門不斷借鑑的工作，這裡說的借鑑其實並不等於抄襲，而是指不斷在站在巨人的肩膀上創新的過程，如果來看今天js的發展。當年js的作者都不會想到自己當初只是設計用來驗證頁面表單的語言能發展到如今這個程度，但是隨著技術領域的不斷髮展，業內大家都比較公認的一些好的設計模式，架構理念其實也是不斷地被一些新型的js庫的作者所借鑑，比如當下最火的angularjs2，react，vue等，其中的很多資料更新策略，分層設計以及元件分層的思想其實在很多其他語言框架的設計中早已體現，只是把這些概念帶到了js中再根據語言特點重新做了最佳化實現，好的技術理念與演算法其實是和語言無關的，所以多瞭解些通用的技術準則和最佳實踐才能不斷創新，不然的話永遠只是做API的呼叫黨和框架的追隨者，自身的發展就容易陷入迷茫期。4、需要有判斷力，前端發展到現在可謂層出不窮，百花齊放，但是如何選擇做適合自己專案的技術選型，這其實也是非常考驗每個從業人員的能力，一方面團隊和個人需要成長，肯定會願意在專案中去嘗試些新的技術框架和理念，另一方面工作需要快速出活以及舊的業務需要平穩過渡，考慮到前後的銜接也不可能完全棄舊的技術體系不顧，同時還需要考慮技術的穩定性以及後續的升級維護成本，第三方資源，社群活躍度以及生態發展環境等等，作為前端從業者是需要你對自己選擇的結果負責的，所以我們的指導原則應該是多考慮下自己以及團隊的能力，hold不hold住，如果出現了最壞的情況該如何處理，如果出現了原始碼級的bug改怎麼除錯。遇到了文件匱乏和團隊成員水平不一致該如何配合等等，這些都應該作為你的技術選型的參考，而非單純的求新求酷，我們不排斥新技術，也不輕易否認各種框架的優缺點，但是前提是請先多瞭解多思考，做最佳的選擇。5、萬變不離其宗，技術和基礎的沉澱才最重要，誠然各種理念和框架在不斷湧現，但是語言最本質的一些東西是不會變的，ecmascript的語言基礎特性，html的語義標準，css的各種特性，http協議，設計模式以及常用的頁面最佳化效能實現等等，這些最接近技術本質的東西是任何框架都取代不了的，所以時不時地回過頭來多多看看這些東西，可以的話，自己也多寫點部落格文章或者造個輪子，對於自身的提升也極其有用的。 最後我想說的是如果條件允許的話，建議初學者還是多去大公司鍛鍊鍛鍊或者多研究一些業內主流公司的標準，畢竟先以高標準來要求自己，即使客觀環境再怎麼惡劣也不至於完全走偏，但是相反一開始就都是些野路子，完全按著自己的主觀臆想和快速出活的想法去積累經驗，那樣往往容易陷入被動，後面再糾正回來無論是成本還是時間損耗都是巨大的。

上面很多答主說要學習nodejs, reactjs,angularjs等等，想法是好的，不過只學不應用很快就會忘掉的；

我曾經信誓旦旦的想學好bootstrap, 微信小程式等流行技術，我只要有空就去看文件、寫demo，可是當時剛好沒有這方面的專案，學了忘，忘了再學，學了再忘，別人問我會不會bootstrap，我回答的很沒有底氣；直到後來真正遇到了需要用到這些技術的專案，我才連夜突擊加班學好（在實戰專案中學習的效率真的很高，以前學了幾個月都記不住的class，在專案中用了一次印象就特別深了），我才敢理直氣壯的說我會用，別人問我這些技術相關的細節，我會很詳細的說出我在專案中遇到了哪些坑，積累了哪些經驗；我用了一週時間把公司的小程式做出來了，老闆和同事看我的眼神都變了；

上面說了一大堆，總結起來就一句話: 只有在專案中學到的才叫知識，無聊時看看文件刷刷demo那隻能叫做消遣；

所以從我的經驗看來，你需要的既不是前端大神的完美學習計劃職業規劃，也不是趕時髦弄幾個流行技術reactjs angularjs的demo，那對你來說都是虛的、無用的；你唯一需要的就是一個實實在在的專案；

從你的描述來看"現在三線城市，學好了之後再去省會，把媽媽接過去"，你沒有直接帶媽媽去省會，我猜是你知道自己缺乏經驗，大公司前端不要你，小公司工資又太低不足以養活媽媽；

那咱們就先把省會放下，從你現在的公司踏踏實實找"實實在在的專案"；

你說"只在節日活動時換換頁面"，我猜是加專題或者給首頁兩側加一些懸浮圖片；我感覺你應該比較閒，那就有充足的時間來進行下面的嘗試了；

關鍵還是那句話“一次實戰可以頂得上寫十年demo”

暫時想到了這些，以後想到了再補充；

用手機答的，有點亂，電腦上線後我再整理下；

下面我說下HTML5的學習路線：

第一階段：HTML+CSS+JS在第一階段中，我們要學習最基礎的靜態佈局，HTML+CSS很好搞定，這裡特別提出一定要下功夫攻破JS，因為JS是最難的，也是前端開發者的工資標準，我見過很多人學不懂JS，要跟著大量的案例進行學習，學習方法也是非常的重要。

第二階段：HTML5+CSS3+JQ的學習，真正的瞭解HTML5的新特性，CSS3的新屬性，我們換句話說HTML5就是一個全新的JavaScript，就是我上面說的，如果你JS學的不好，HTML5很難，本來他們就是配合在一起的東西，JQ是JS的框架，相對不是很難，但是學習方法很重要。

第三階段：前端的一些主流框架的學習，現在公司都是必須用框架的，這些我們必須要掌握，但是有些框架的難度還是很大的，因為都跟JS有關係，我還是特別強調一下JS的重要性，這個指令碼語言，基本會伴隨我們前端開發者的一生，只要你還在做前端，一定缺少不了前端的JavaScript，說白了我們做前端就是特效，就是需要JavaScript，所以一定要學好JavaScript，一個好的學習方法非常重要。

趁著中午午休的時候，編輯這一篇文章，寫下當初我自學web前端走的彎路，希望大家引以為戒，不要多走前人走過的彎路，浪費時間。

到今年年底結束，我做web前端開發已經6年的時間了，現在月薪可以接近30000已經算知足了，但是距離我年薪百萬的目標還有很長的路要走，而以後靠的不能僅僅是技術，更是一些管理和帶人方面的知識和頭腦。因為曾經自己自學web前端的時候走了不少的彎路，今天想做下總結：

彎路一：盲目的去學

當初我在對於web前端這個行業什麼都不瞭解的情況下，比如：不知道未來發展趨勢，不知道學習web前端應該注意哪些初始問題，不知道具體的學習規劃學習路線等等，一味的買書看書，看影片，到了中期階段萌生放棄的想法，和主要是因為覺得自己越學越迷茫，也知道自己這樣學找不到工作，這是初學者最大的誤區。

彎路二：孤軍奮戰

當初在學web前端的時候，從來都沒有跟別人交流過，就感覺活在自己的世界裡，總認為自己什麼都可以搞定，而且很多知識不會了，直接就過去了，並沒有深究，而這種學習態度也註定了我的學習是失敗，學習前端一定要有討論的過程，只有跟不同的交流才能瞭解到你自己不知道的東西。

彎路三：沒人指點

web前端對於我來說是從來不瞭解的行業，而我當時從來沒有想過找一個這個行業比較厲害的人去請教下，現在我終於認識到了一點什麼叫“方法不對，努力白費”所有的前端大神都有自己的學習方法，而學web前端的學習也基本是一致，而對於一個什麼都不懂的初學者根本不會知道怎麼學，這也是造成失敗的最直接原因。所以學web前端一定要有人指點，如果感覺自己找不到人，可以諮詢我。

彎路四：盲目看書

對於新手來說，學習一個技能肯定是買書看書，但是後來我才實踐的證明，對於一個啥都不懂的初學者來說看書基本可以成為無用的，因為這樣的結果就勢必會造成大多數人的情況：能看懂，但是永遠不會寫，這就是我最初出現的問題，非常煩人，所以建議初學者少看書，多動手，必須弄清楚web前端的效率學習方法。

彎路五：到處蒐集影片

好像大家都有一個毛病，就是到處蒐集資源，雲盤裡有很多東西，但是基本是從來都不看，所以說影片在精不在於多，我當時自學前端的時候也蒐集了各種影片，這裡看看，那裡看看，學的一點都不繫統，而且學了之後也找不到工作，影片一定要最新的。

剛開始接觸Web前端時覺得很簡單，HTML、CSS知識點很簡單，基本敲完程式碼就能實現想要的功能。當時還很得意，覺得自己太聰明，節約了一大筆學費。然而，學到JavaScript階段時，才發現難度猛然加大，常常不知道自己學的是什麼，更慘的是前面所學的知識也忘得差不多了，耗費幾個月基本是0收穫。

經過慎重考慮，我決定放棄。Web 前端開發自學難不難，看似不難，其實很難。你需要有很好的自制力，需要不斷的練習，需要有自主解決問題的能力，還要儘可能多的蒐集專案做練習以積累經驗，這對於我這樣自制力薄弱、學習能力差的人太難。

後來經過朋友介紹以及實地考察試聽，我來到了千鋒杭州Web前端培訓班。面對一個全新的環境，面對迷茫、無奈以及許多不會的知識點，我得到了老師細心指導與耐心講解，在技術上得到了一定的提升。

除了每天講課之外，晚上自習的時候，老師也會待到很晚，幫助我們解答問題。在學習上有同學之間和老師的相互幫助，在生活上有班主任的幫助，在這樣的環境裡我們可以全身心的投入到學習中去。

千鋒杭州Web前端培訓班課程涵蓋的知識點很多，包括最基本的前端頁面重構、JavaScript高階程式設計、PC端全棧開發、Node.js後端開發、Vue.js前端框架、React前端框架、混合開發(Hybrid,RN)、Angular前端框架等內容，並結合時下流行技術，加入大資料視覺化內容，同時深化了PHP+MySQL開發內容，精準匹配企業線下及未來需求，我們能夠接觸HTML5開發、微信開發、微信支付、小程式開發、Web網站開發、Web管理系統開發等專案，能夠積累更多開發經驗。

針對有志學習Web前端的同學，與其自學，效果得不到保證，還是建議來千鋒教育杭州校區。這邊有兩週的試聽課程，可以前來免費試聽，相信透過對比，你會有自己的答案。

關於自學web前端開發可不可以自學，能不能找到工作？有很多的人問出這樣的問題，學技術主要還是看自身，答案沒有標準的。有基礎的人學習幾個月就能夠找到一份很好的工作，當然，並不是說零基礎就不能學好，只是要付出更多的努力。

比如一本院校通訊專業的學生，他肯定是學過程式碼的，學習能力也不錯。他學前端是比較容易入手的。

再比如一個初中學歷的人，他想要自學程式碼，要想達到就業的水平，那麼自學花費的時間肯定更多，他需要付出比別人更多的努力。

不管是什麼人，把WEB前端自學成功就業的人，都可以利用專業的角度去提升自己學成WEB前端的機率。比如有專業技術有經驗的老師全程指導、比如學習企業需求的技術、比如用最專業的方法方式去學習WEB前端程式設計，這些都可以大幅度的提升機率，自己執行力高也可以提升學成WEB前端的機率。

根據我的瞭解，100個人能有五六個自學成功並且就業的，這樣的機率已經很高了。因為自己不是這個行業的，也沒有程式碼學習的經驗，沒人帶會走很多彎路。其實很多人根本不是不能學，而且在摸索的道路上走了太多彎路，都是中途放棄的。並不是他智商不行，就好比他他自己在開闢道路一樣。無頭蒼蠅一樣四處亂撞。

學成WEB前端開發的必要因素，一樣都不可以少：

1.自主學習的能力，自己不動，誰都幫不了你。

2.有經驗的技術好的人在前期帶你少走彎路。

3.明確的學習規劃路線，學最新最有用的東西。

4.堅定的目標感，沒有持之以恆的態度，什麼都學不了，學習都是枯燥的。

關於WEB前端的教程以及學習內容

現在是2019年，可以看2019和2018年的教程，2018年之前的就不要看了。

基礎：HTML+CSS網站頁面搭建，CS核心和PC端頁面開發，HTML5移動端頁面開發

核心：web前端核心技術Java，ecmasript，dom，ajax，json，正則，作用域，運動框架，核心演算法，高階函式，外掛封裝，jQuery等。

框架：vue、react、angular企業開發應用。

企業要求：bootstrap，swiper，iscroll，sass，ps切圖，網站上線等。

以上知識點內容都真正的掌握了，當然可以找到一份很不錯的WEB前端開發的工作。但是能持之以恆學下去的人並不多，彎路走的太多了，人的狀態自然就下降了。所以學習WEB前端開發最好的還是少走彎路，這樣的效率才會高。

從學習過程到就業分四個步驟：

1.首先是學習基礎，大部分都是基礎知識，掌握基礎知識是最基本的

2.基礎都掌握之後，鍛鍊專案能力，學WEB前端技術最後的目的就是可以自己分析業務，然後用程式碼去實現專案需求

3.然後就是寫簡歷，把簡歷寫的漂亮一點，能讓別人映入眼簾那種感覺，寫簡歷也是有學問的，所以什麼都需要學

4.面試的時候就是見真功夫，平時學的東西在面試之前做好充實的準備

以上4點全部做到後，就算初步成功了。以後想著就是如何提升自己了。

滴水可以穿石，持久學習為什麼不可以吃透？”前端靠自學也是相當於可以的。吶，請看：

java、大資料都有人自學找到一份不錯工作的，web前端靠自學自然也沒有問題。記憶最深刻的一個學員是在b站上看尚矽谷前端教程，家裡是四線還是三線城市，薪資拿到8k來著。所以說自學也是可以的。

不過在自學web前端之前，需要您確定一下：

1、自己適合學web前端嗎？

2、自己能堅持持續不停的學習嗎？

沒有問題，接著看：

前端自學需要注意的事情：

1、合理安排時間的能力；

2、堅持下去的勇氣；

3、控制好自己的毅力；

4、三個心“細心、恆心和耐心”；

往後的話，學習jQuery，bootstrap等主流的簡單的框架，瞭解企業級開發的內容，學習使用外掛。

再高階點的話，學學vue.js，agular js，node等技術。

然後還需要學習PS，因為前段很定需要圖片，又不能從百度直接搬運，蠻重要的。

哈哈哈，剛好這兩天我在學習前端，自己主要是做UI設計的，為了學習的連貫性，又在自學前端，個人感覺學習起來不是太難，一天的時間可以學完html，用一天學完css，今天是準備學習js的，

從學完的這兩門來看，其實你要是把握了這種語言的主要思想(可能都不是標準的語言)，就會特別容易，html為超文字標記語言，你理解了超文字，理解了標記，基本主要思想就有了，之後你再深入的看看這門語言的標籤和屬性，其實都不是特別難，也不用刻意去記，理解了，見了能認識，即使你不會寫，到時找也很容易，其實就是一些簡單的單詞，基本上過學的都差不多能認識，理解起來也容易。

css是樣式疊加，因為html的規則對於寫樣式有限，所以寫不出那麼多的樣式來，而css可以，同時它將樣式單獨分為檔案，有利於編輯。

js準備再花一兩天自學一下，基本前端就差不多了，具有一定單獨編寫的能力了。

學習方法吧，找影片是最快的，有老師講，有展示，理解也神，當然怕老師講的不繫統，可以去看看書籍。不過估計這樣的話得半個月時間，

還有一些專門的軟體，有教這類的公開課，沒事去聽聽，也會有好處，推薦你幾個，騰訊課堂，自學網，潭州課堂，等等等等。

就3點，適合新手

1、w3cschool.cn，這裡面有html的教程，全部是文字

適合手機看，堅持每天看，剛開始可能看不懂，堅持下去就可以了。這種是基礎性的東西，程式設計要好，都需要紮實基礎。

2、imooc.com，這裡面有很多影片教程，跟著練

這個網站基本是學前端的，也就是HTML這類知識，基礎的，高階的，都有。你可以現在免費課程區學習基礎的，有影片，都很簡短，可以調節語速。也是要堅持看。

3、多編碼

無論你學了多少，真正動手編碼才是王道，不要覺得累。高手都是從基礎的編碼開始學習的。當你寫程式到達一定程度的時候，知識就像是融入到手指肌肉裡面。遇到問題腦袋還沒來得及反應，手指就已經敲出程式碼了。

總結：寫得不多，但是很適合新手。貴在堅持。沒有人會督促你，學習更多的是靠自己的毅力。

web前端：Web前端開發工程師，主要職責是利用(X)HTML/CSS/JavaScript/Flash等各種Web技術進行客戶端產品的開發。完成客戶端程式（也就是瀏覽器端）的開發，開發JavaScript以及Flash模組，同時結合後臺開發技術模擬整體效果，進行豐富網際網路的Web開發，致力於透過技術改善使用者體驗。不知道怎麼學？這個很簡單的，網上有很多的教程，你可以跟著學啊，如果你不知道你現在的學習水平，可以看一下學習線路圖，看看自己學到了哪裡，然後在接著學啊！

我看樓主的主要是第一個階段，停留在只能更換靜態頁面那，這確實是要學習的！

以下來看一下分階段的學習：

第一階段：

可掌握的核心能力：

（1）瞭解常用瀏覽器和瀏覽器核心 （2）瞭解語義化的概念（3）能夠掌握HTML、CSS使用技巧（4）能夠掌握DIV+CSS佈局模式 （5）能夠掌握HTML5新特性與常用標籤（6）能夠完成動畫效果

可解決的現實問題：與美工對接，完成網站靜態頁面的開發，為後期編寫頁面動態效果打基礎

第二階段：

可掌握的核心能力：

（1）能夠掌握JavaScript基本語法（2）掌握DOM的各種操作（3）熟練使用面向物件思想進行DOM程式設計（4）掌握JavaScript的高階語法（5）掌握使用jQuery操作DOM（6）熟練使用和編寫jQuery外掛（7）獨立完成電商網站的頁面搭建（包括HTML結構、CSS樣式、JavaScript特效元件）（8）掌握應對業務程式設計的能力

可解決的現實問題：學員具備JavaScript開發能力，能夠完成常見頁面效果開發

第三階段：

可掌握的核心能力：（1）能夠建立客戶端伺服器互動模型，熟悉網路通訊相關概念（2）熟悉PHP基礎語法，能夠開發簡單的後臺介面（3）能夠使用PHP操作MySQL資料庫（4）能夠理解HTTP協議（5）熟悉原生AJAX請求流程與細節，並掌握常見跨域技巧（6）能夠基於jQuery的AJAX相關API熟練開發常見的前端功能（7）能夠獨立開發基於後臺介面的動態網站、AJAX資料互動的專案

可解決的現實問題：學員能夠建立起客戶端伺服器互動模型，熟練使用AJAX實現前端功能點、能夠進行前後端協作開發、能夠獨立開發基於後臺介面的資料管理平臺

第四階段：

可掌握的核心能力：

（1）熟練使用HTML5&CSS3實現網頁特炫效果（2）掌握常用移動端框架使用方法（3）掌握常用移動端除錯方法（4）掌握常用移動端適配方法（5）熟練使用移動端touch事件及手勢封裝（6）掌握響應式佈局的寫法（7）掌握CSS預處理器less的使用（8）使用Git對比檔案差異、還原、合併，能夠解決遠端倉庫與本地倉庫合併時的衝突（9）掌握移動端整站開發架構搭建、專案開發、效能最佳化等整站開發能力

可解決的現實問題：學員具備移動端Web開發能力,擁有根據設計圖轉化為對應的web,同時處理移動裝置適配問題，能夠掌握工作中多人開發的操作方式

第五階段：

可掌握的核心能力：

（1）瞭解專案開發的流程（2）能夠熟練開發移動端和PC端的互動式網站（3）能夠用目前熱門JavaScript框架Vue.js來開發專案（4）掌握Express的使用（5）能夠使用NodeJS開發後臺介面，打通前後端（6）掌握原始碼管理軟體的使用（7）掌握小程式開發

第六階段：

React.js實戰專案

可掌握的核心能力：

（1）熟練使用HTML5&CSS3實現網頁特炫效果（2）掌握常用移動端框架使用方法（3）掌握常用移動端除錯方法（4）掌握常用移動端適配方法（5）熟練使用移動端touch事件及手勢封裝（6）掌握響應式佈局的寫法（7）掌握CSS預處理器less的使用（8）使用Git對比檔案差異、還原、合併，能夠解決遠端倉庫與本地倉庫合併時的衝突（9）掌握移動端整站開發架構搭建、專案開發、效能最佳化等整站開發能力

可解決的現實問題：學員具備移動端Web開發能力,擁有根據設計圖轉化為對應的web,同時處理移動裝置適配問題，能夠掌握工作中多人開發的操作方式

對於一些沒有程式設計經驗的人來說，一開始就學習 web 前端可能會讓你覺得比較困難。

因為你的能力還處在初始階段，你根本不知道你缺少哪方面的知識。

所以，在正式學習之初，你非常有必要先了解一下前端的能力模型。

前端工程師，都需要掌握哪些能力呢？

簡單粗暴點，只需要掌握這張圖裡的能力就行了。

開個玩笑，新手的話，還是要循序漸進。

LV1：學會製作靜態頁面（Web + Mobile）

HTML、HTML5：

理解如何瀏覽和建立網頁、基本的語法規範、常用標籤及屬性、網頁之間的連結與跳轉、標籤節點層級節點。

CSS:

基本語法和三種書寫位置、選擇器和格式化排版、盒模型的高階用法、常用佈局模型

LV2：學會製作動態頁面

JavaScript ：

基礎語法和變數、資料型別和資料型別轉換、條件判斷、迴圈語句、函式、陣列等內建物件

（有了這三個，你基本可以寫一些簡單的頁面了，但是仍然需要學一些經典的庫和框架。）

經典庫：比如 jQuery,YUI2,YUI3

經典框架：比如 Bootstrap

LV3：前後端分離，打造 Web App

Vue.js/AngularJS2/React

Node.js，使用 Express/Koa 配合 MongoDB/Redis 涉足到後端領域

自動化測試

其他：

熟悉 Git 與 Shell 的使用

學習路徑

1.入門 HTML + CSS

這裡推薦一本書，Head First HTML與CSS（第2版）。從原理到方法都介紹得很詳細，通俗易懂，活潑有趣。html和css入門力薦。學完大概 1-2 個周。

2.JavaScript + jQuery

JS：看 w3school 教程，花 2-3 天，但 w3school 教程有點過時，看完只能瞭解個基礎，深入學習的話，推薦看《JavaScript 權威指南》，《JavaScript 高階程式設計》。兩部都是大部頭。看完還需要在去網上找 ES6 資料學習，推薦 ECMAScript 6入門，深入淺出ES6。

jQuery 的話，去官方文件看即可。

熟練掌握大概需要1個月。

3.Vue. js/Angular 2/React

Vue.js：檢視官方中文文件大約需要 3 天左右。Vue 上手容易，但沒有其他前端框架使用基礎的人只看官方文件難以理解 Vue 高階用法以及在生產環境中的運用。目前 Vue 社群還比較小，除官方文件外難以找到優秀資料。

4.webpack & 測試

webpack 是目前應用最廣泛的前端模組管理工具，功能強大。

測試相關的框架多且雜，大多是社群產物，較難系統學習。

以上的這些資源足夠你學習幾個月的，但它們不會帶你走得更遠。

但是，如果你已經學了這麼多，你已經有足夠的能力去繼續前端的學習，直到你可以完美勝任一個前端工程師的要求。對程式設計師，web前端感興趣，想要了解學習的，打算深入瞭解這個行業的朋友，可以加下我們的前端學習扣qun : 784-783-012 ，不論你是學生還是想轉行的朋友，我都歡迎，不定期分享乾貨，整理的一份2019最新的web前端學習資料和0基礎入門教程分享給大家

最後留一點小的建議

你會經常地遇到 bug 和其它一些問題。這可能會讓人沮喪，但你要儘量保持冷靜，並系統地去思考。記住實踐是解決問題的最佳方法。

我們採集的是石頭，但是必須時刻展望未來的大教堂。

持續做一些小改進，慢慢地你就會驚奇地發現你的經驗得到了怎麼樣的發展，你的技能得到了怎樣的提升。

學習前端肯定是要分階段來學習，把每一個階段搞懂，一步一腳印，之後才能找到一份合適的工作。

第一階段：Web網頁基礎

HTML入門基本內容，CSS+DIV的基礎知識，選擇器，盒子模型，網頁佈局，Photoshop

第二階段：Web程式設計基礎

學習路線：JavaScript基礎，BOM和DOM模型，事件處理，jQuery，互動及動畫，jQuery優質外掛，文件處理，陣列和物件操作

第三階段：Web程式設計高階及全棧開發

學習路線：JavaScript高階程式設計，原型模式，jQuery外掛開發，模組化元件開，AJAX，Express(Node.js)，Mongodb，RequireJS，MongoDB

第四階段：響應式網站開發

學習路線：HTML5/CSS3，響應式原理及佈局，Bootstrap，前端依賴管理，CSS預處理語言（Less+Sass），Grunt/Gulp自動化構建工具，Angular4

第五階段：框架與專案管理

學習路線：Grunt/Gulp，Webpack模組載入器&打包工具，MVC（backbone）架構前端，VUE2，React

同樣，自制力的強弱決定了你是否能開拓自己的視野。

希望以上黑馬先鋒學院的建議能對你產生幫助。

關於初學者如何學好WEB前端的問題，這裡可以給你幾點建議：

1.夯實基礎

作為前端基礎必會之一（其他為：CSS,JS）。他的入門相對後兩個，要容易的多，你需要搞清楚一些基礎理論知識並能熟練運用

包括但不限於：基礎標籤有哪些，form表單如何使用，utf-8是什麼意思等。

2.天道酬勤

任何程式設計學科都需要不斷敲程式碼來鞏固所學知識，和嘗試一些在學習中認為不會遇到的bug，並試著修復。將學到的知識，轉換為實際操作。這是程式設計學科類學習效率最高的方法。

3.學習推薦（僅供參考）

就如我朋友，他也是前端愛好者，也想從事這個行業。但奈何不是資訊專業，所以選擇出去報班學習。花了3天假期，又是網上查資料對比，又是實地登門試聽課程。最後選擇去原始碼時代學習前端，花了5個月，成績不錯獎學金補助回了不少本。現在已經就業了。

總而言之，這是自己的事情，要對自己負責就需要認真選擇。

零基礎學習web前端必須明確的幾點：

1.明確你將來是做什麼工作的，需要掌握哪些技能，很多人連這個就不知道就盲目的學，你首先清楚，現在公司需要什麼人才，你應該奔著什麼目標努力。

2.系統的學習規劃，規劃好你每天學習的新知識和每天做的作業和練習，很多人想自學web前端，兩個就看完了，這樣的能找到工作算是出奇了，現在學習web前端想找到工作，沒有4-6個月的根本不行，所以規劃是一定要有的，我建議半年時間。

3.注意學習方法，很多人在學習web前端的時候，開始學那一刻起就選擇了錯誤的學習方法，所以最後註定會放棄，回到原來的崗位繼續做著自己不喜歡的事情，學習web前端需要一定的技巧，在開始學之前多跟別人問問，不要自己盲目的自學，浪費時間。

關於培訓：

富裕的，或者想少走彎路的，可以選擇培訓，但是培訓不一定就能找到工作

有的培訓機構說包就業，這些本身就是騙人的，不要信

但是我目前是不建議選擇那種速成的培訓，因為學習時間短，而且學費太高，成本太大，培訓之後還不一定能找到工作，現在的選擇我更加建議大家選擇在線上進行培訓，成本低，還方便

送你一份前端學習路線圖吧，這份路線圖主要集中了目前最火的HTML5相關課程)如圖：

其實，web前端相對於後臺等其他的IT知識而言，是比較簡單的。在學習的過程中掌握一定的學習路線和學習方法。最終，一定可以收穫一片“藍天”的。

五年過去了，我也從當年的小菜雞摸爬滾打成了老油條，一直保持著學習的習慣，大牛的這句話一直在我腦海中縈繞，揮之不去。在我五年的職業生涯中，除了新年和黃金週，每天都要學習程式設計三個小時以保證充分提升自己。一方面是因為對前端的執著和喜愛，另一方面也是唯恐在前端生態圈中被落下。

作為前端程式設計師，前端火起來的短短几年裡技術更新迭代特別快，不僅是新的框架繁多，Vue，React，Angular輪番上場，各種工具，外掛，庫也是琳琅滿目，就連基礎的JavaScript語法的更新也是年年不斷。面對前端這樣飛速的發展趨勢，不學習其實就是變相的在倒退。

我在前期就是積累知識打基礎，構建自己的前端知識體系，在技能樹被點亮的差不多的時候，就開始緊密關注前沿動態，出項新技術就去了解了解，不至於在哪天用到時候手忙腳亂。對我來說，學習就是一項和吃飯睡覺一樣每天必定要做的功課，我想，對其他前端程式設計師來說也是一樣的。

學習這件事是不是反人性的

如此向大家強調學習的重要性，無非是因為保持主動學習這件事對大多數人來說還是不容易做到的。工作已經這麼累了，下班了為什麼不放過自己呢？我的水平足夠可以了，為什麼還要去學呢？

我只能這麼和你說， 學習只有好處沒有壞處，短期內你可以感受到寫程式碼行雲流水，BUG更少，長期來看對職位的晉升也有幫助，為跳槽，漲薪資做準備。對普通人來說，不斷保持自己競爭力的方法就是保持學習。

身處網際網路行業是一種幸運，它不像其他行業那麼保守，程式設計師之間知識開放共享程度很高，開源精神被無數程式設計師所推崇。很幸運，我們是其中一份子。

上面我也提到我堅持學習很久了，也把這當成我的信條，從我的個人經驗來說，要把這件事堅持下去，不該是每天逼著自己學習，而是找到適合自己的一種方法。作為程式設計師，我們一般所能想到的學習途徑就是閱讀書籍，文件，原始碼，觀看教學影片。

對web前端這門技術感興趣的小夥伴可以加入到我們的學習圈來，工作第六個年頭了，與大家分享一些學習方法，實戰開發需要注意的細節。767-273-102 秋裙。從零基礎開始怎麼樣學好前端。看看前輩們是如何在程式設計的世界裡傲然前行！不停更新最新的教程和學習方法（web前端系統學習路線，詳細的前端專案實戰教學影片），有想學習web前端的，或是轉行，或是大學生，還有工作中想提升自己能力的，正在學習的小夥伴歡迎加入。我們會一起結伴同行

途徑多種多樣，關鍵還是選擇出一種適合自己的方式。下面是一些經驗之談：

閱讀書籍特點：書籍和文件，特別是大部頭的書籍需要認真逐字研讀，如果講解的比較深入，或者覆蓋每一種細節，可能盯著一頁看很久都看不太明白。

適合人群：計算機基礎比較紮實，空閒時間比較多，喜歡在學習每一種技術時都能夠的深入技術底層細節去探究奧秘。

推薦：尼古拉斯·澤卡斯編寫的《JavaScript高階程式設計》，對JavaScript的方方面面的概念進行了詳盡的描述，層層深入，詳盡周實，是一本十分值得前端學習的書籍。

但這本書相當一部分內容的講解十分深入底層，如果對於JavaScript運用不夠熟練，或者不能投入大量的時間細細研讀，很難掌握和理解這些知識點。因此我還是建議在形成一定的知識和技能積累後，再來啃這些“硬菜”。

觀看影片特點：教學影片通常是技術大牛為了講解技術而錄製的影片或直播，相比起書籍更生動，表述也更直白容易理解，而且在講解的過程中，順便可以學習到大牛理解程式設計的思路。

適合人群：計算機基礎不是很牢固，空閒時間很少，又想在大牛的輔導下很快掌握一門你想了解的技術的話，教學影片絕對是一個很好的選擇。

推薦：在選擇課程時，我會重點關注課程的主題是否有足夠的深度，老師的講課的風格是否有趣，化繁為簡，能很好的幫助我學習這些有一定挑戰的內容。

影片學習的好處不止節約時間，還能幫助你快速站在更高的層面上，能夠更快地啃下晦澀難懂的書籍，更快地掌握更多底層的原理。

學習原始碼

特點：程式碼閱讀起來總是讓人覺得枯燥乏味的，尤其是別人寫的程式碼，直接翻閱原始碼很容易讓自己迷失在程式碼的海洋裡無法自拔。大神寫的程式碼讀起來更是難上加難，看不懂的高階用法太多，hack寫法更是讓人一臉茫然。

適合人群：這種學習方法推薦給程式碼基礎不錯的同學

我們之所以想盡辦法去高效地學習，根本目的還是提升自己，把學到的用到工作中，為生活為夢想。學到更深的原理，更好的編碼方式，更好的程式碼技巧，都可以減少BUG的數目，提高工作的效率。