Ⅰ 怎樣成長為一個優秀的 Web 前端開發
優秀的前端工程師應該具備快速學習能力。推動Web發展的技術並不是靜止不動的，沒錯吧？我甚至可以說這些技術幾乎每天都在變化，如果沒有快速學習能力，你就跟不上Web發展的步伐。你必須不斷提升自己，不斷學習新技術、新模式；僅僅依靠今天的知識無法適應未來。Web的明天與今天必將有天壤之別，而你的工作就是要搞清楚如何通過自己的Web應用程序來體現這種翻天覆地的變化。
Ⅱ web前端大牛們當年是如何入門的
每個前端大牛，都是從當初的「菜鳥」成長過來的，並沒有什麼捷徑可言。在這里，小編可以為題主提供一個大概的Web前端學習思路。希望能對你有所幫助~
1. HTML5 + CSS3 + JavaScript
Web開發基礎中的基礎，HTML是負責網頁結構，CSS負責網頁樣式，JS則負責邏輯交互。前兩者更像是標記語言，沒有什麼邏輯，JS才是前端的重中之重。 HTML5 新增的技術大部分需要結合JS學習。
每個人學習進度可能不同，這個階段主要是多仿站，熟悉基礎，試試用CSS寫響應式頁面，了解JS深入性的知識，比如原型鏈、閉包、 設計模式 等需要更多的積累，逐漸理解並實踐掌握。
2. JQuery + BootStrap + Ajax + Json
jQuery是JS的一個應用庫，能夠提升原生JS開發效率。Bootstrap則是響應式框架，更簡單的實現手機/平板/PC多個設備的頁面支持。Ajax技術用於非同步交互，不刷新頁面就能更新數據，比如 地圖 應用等。Json是一種數據格式，被廣泛應用在各大編程語言中。
jQuery 和 bootstrap 會簡化很多編寫的代碼量，用著不亦樂乎，但對於基礎還不是很扎實的人建議還是少用。 Ajax 和 json 通常用於和後端交互，在實際業務中也經常用到。
3. Git/SVN
版本管理工具，主要用於團隊開發時避免文件沖突，也可回檔。前端推薦學習Git。
4. Nodejs + Mysql /MongoDB(可選)
運行在伺服器端的JavaScript。Express是其拓展MVC框架。其中nodejs最常用到的就是npm包管理器，不用到各個網站去下載資源包。 資料庫 的學習可以選擇MongoDB或者MySQL，前者與Nodejs的契合度更好，不過現在大多數網站都是 PHP +Mysql的組合，如果有學PHP的打算的話，可以先學習 Mysql 。
5. ECMAScript 6
JavaScript 的語言標准。ES6中加入了很多新的概念，也彌補了之前版本中JS的很多缺陷，越來越多的項目開始運用ES6進行開發。學之前最好把ES5先搞懂了，目前實際項目中考慮到兼容性，ES6是需要通過Babel將其編譯為ES5來部署的。
6. Angular/React/Vue
前端三大框架，各自也有著各自的生態系統，根據需求自行選擇學習。目前企業需求量最大的仍然是Angular，但近期趨勢來看react和vue則更受歡迎。因為現在前端技術發展太過於突飛猛進，工具和框架的更新比翻書還快，建議學習還是看文檔比較好。學習過程中也會遇到很多用到各種構建工具的時候。
7. 其他常用工具
這個一樣是根據需求自行選擇學習。比較常用的現在有 Web pack，可以將多個不同編程風格的文件打包，比如ES6/AMD/CMD之類的模塊化都能識別並編譯成 瀏覽器 能運行的文件。Sass/Less，CSS預編譯框架，可以用帶有邏輯性的方式編寫CSS代碼。Gulp/Grunt構建工具，可以自動化對代碼進行壓縮合並等工作。
8. 其他後端編程語言
目前市場對前端基本都要求會一門後端語言， PHP / JAVA / Nodejs / Python 等。
學習編程重要的還是實踐，多敲代碼，多去嘗試。獨立解決問題的能力、探究鑽研的精神是必不可少的。有興趣的話也可以自己搭建一個技術 博客 ，往 github 上傳幾個 開源 項目，這些都是不錯的加分點。
Ⅲ Web前端工程師如何成長
一步一步來，其實也不難
第一階段：前端頁面重構
內容包含了：(PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目)
第二階段：JavaScript高級程序設計
內容包含：1)原生 JavaScript交互功能開發項目、面向對象進階與 ES5/ES6應用項目、JavaScript工具庫自主研發項目)
第三階段：PC端全棧項目開發
內容包含：(jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目)
第四階段：移動端項目開發
內容包含：(Touch端項目、微信場景項目、應用 Angular+Ionic開發 WebApp項目、應用 Vue.js開發 WebApp項目、應用 React.js開發 WebApp項目)
第五階段：混合(Hybrid,ReactNative)開發
內容包含：(微信小程序開發、React Native、各類混合應用開發)
第六階段：NodeJS全棧開發
內容包括：(WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫)
第七階段：大數據可視化
內容包含：(大數據可視化化基礎與實戰、一、數據可視化入門、二、D3.js詳解、三、其他JS庫)
Web前端學習路線從淺入深，可以讓你從小白學完精通Web前端技術，想快速掌握這門高薪技術，一般需要專業的老師帶你，讓你短短幾個月可以完美蛻變。
希望對您有所幫助！~
Ⅳ 優秀的Web前端工程的成長路線
今天小編要跟大家分享的文章是關於優秀的Web前端工程的成長路線。關於一個WEB前端的職業規劃，其實是有各種的答案，沒有哪種答案是完全正確的，全憑自己的選擇，只要是自己選定了，堅持認真走下去即可。在這里，深度給大家分析一下：任何規劃和目標的實現都依賴於知識的積累，而知識的積累來源於學習及學習後大量的實踐。我們可以在工作之餘的時間在網上或外包公司那裡接一些私單做，因為目標不是賺錢，我們可以用最低的價格來提升自身競爭力，獲得大量訂單就意味著獲得大量的實踐機會，同時，還有一些收入作為工作成就感之外的安慰獎，這樣來說還是不錯的。
前端學習大抵可分解為三個階段，包括：起步階段、提升階段、成型階段。這三個階段分別對應著不同的目標：
一、起步階段
1、基本知識的掌握
在我們梳理的知識架構中，按照我們分析的兩個維度里最前置的、最淺顯的部分，作為打基礎的階段，必須要在這個過程中更多投入到實踐中去，我們通常做的多了、熟練了，就認為這部分知識和內容掌握了。
2、常用工具的掌握對於常用工具的掌握應該掌握一些有大公司或專業團隊背景的流行工具，這些工具的熟練掌握能夠提升專業度、職業度，同時，能提升我們的工作效率。我們只有在檢驗自己對於知識和技能熟練程度的時候，才會自虐式的用Notepad去編寫頁面、css和腳本等內容。
3、溝通技巧的掌握通常做技術的人會被定位為「不善溝通」的人，這是為什麼呢?究其原因，主要是因為多跟程序和代碼打交道，跟人的溝通較少導致。這種時候我們要特別注意增加
和人溝通的機會，著重提升這塊兒的能力。另一方面，我們通常被稱為「不懂溝通技巧」的人。作為一個技術人員，包括我自己，似乎天生就有一些難以接受挑戰的缺陷。在國內，我們的技術人員通常都是自己制定方案、自己執行方案，在執行過程中又缺乏相關產品、交互設計等人員的溝通，大多是在自己的思路貫徹下進行開
發，久而久之，我們習慣於信任自己的觀點、在自己的視角看問題，對於挑戰總是百般地「據理」力爭。我們需要更多提升的是，如何在對方的視角看問題、如何在用戶的視角看問題。
4、良好的開發習慣開發習慣是養成的，一旦有不好的習慣，對於將來去修正帶來的將是很大的麻煩，我們在培養良好開發習慣一定要從起步時做起，例如：寫代碼之前先分析、先寫文檔、先寫注釋。定義變數最好能用直接可理解的語義，最好是拼音，別整英文，尤其是生僻單詞，將來自己忘了還要開金山詞霸。文件最好有有意義的文件夾命名來
管理，文件名最好有意義，需要版本號的最好能和項目版本號一同更新等等。
二、提升階段
1、高級技術的掌握在提升階段對於知識和技能掌握，我們需要從梳理好的知識架構中選擇更深一層次的技術進行學習，選擇之前，我們先通過類比或預估的方法，衡量自身學習的難點，以學習難點和自己最不感興趣的部分為主。這樣推薦大家的原因是：這個階段我們興趣正濃，已經度過了苦澀的起步階段，到達了興奮的提升階段，我們要用興趣和興奮去挑戰最困難的部分，在我們信心受挫和興趣濃厚之中找到平衡。同時，輔以其他的深層次知識一起學習和研究。
2、產品思想的學習沒有正確的產品思想，很難設計出良好的程序，無論從界面、交互，還是介面、邏輯，不能夠理解產品、理解用戶需求，我們會給自己造成很大的麻煩，例如：我們千辛萬苦用最新技術、最復雜的實現做出的功能，卻得不到使用者或領導、同事的認可。為了使我們的工作和學習更加有效率、避免無用功，我們需要不斷的學習產
品的思想，只有理解了產品的思路，我們才知道用我們的技術去輸出什麼。
3、各種框架的學習框架是我們提高工作效率的優秀手段，對於框架的學習是成長必經之路。我們學習框架的路線通常應該是：使用——》分析——》個性化定製——》模仿編寫自己的框架。只有大量的使用，才能明白設計框架者在設計背後的思路，只有了解到設計的思路，才能做正確全面的分析，只有正確全面的分析才能支撐我們去對其裁剪或擴展，只有經過實際分析、修改別人的框架，才有可能寫出優秀的、自己的框架。學習通常的路線是：學習、理解、模仿、創造。
4、富客戶端應用的學習隨著帶寬和計算機性能的提升，以及WEB2.0的如火如荼，富客戶端應用充斥著互聯網，如果你不懂得富客戶端應用，你就不能稱之為一個合格的前端技術人員。可以按照：Flash動畫—>Flash編程—>Flex—>Air—>Silverlight動畫—>Silverlight編程
的步驟學習，先學Flash後學Siverlight的原因，一來Silverlight還不太成熟，二來，實際Silverlight借鑒了很多
Flash的思想，最好在學習的時候不要本末倒置。
5、各種網路協議的學習WEB前端技術就是雲上的技術，雲的協議有N種，我們應該著重學習：TCP/IP，UDP，HTTP，POP3，SMTP這幾種協議，在開發WEB前端應用過程中，這些協議是我們的技術的載體，有時候決定了我們的應用是否能實現、有時候決定了我們的應用是否高性能，同時，這些協議還是我們和後端技術交互的
重要手段，這些協議就像是密碼字典，幫助我們把後端傳輸過來的密文解釋成我們前端技術能夠理解的明文。
6、程序設計這個階段我們需要學習OO、UML、設計模式、設計方法，我們要讓技術開發工作變成有目的性、有計劃性，並且，這些目的和計劃必須有理論的支持，這
樣，我們設計出來的程序才能夠更優秀、我們的開發才更有效率，這樣，我們的技術才能有所提升。
為什麼要學習程序設計呢?主要是，就算我們不用Flash的
ActionScript編寫程序的前端邏輯，我們至少要把我們自己的Javascript函數、包的定義規劃起來，避免將來自己或他人維護代碼的時候出
現問題。程序設計能力，在技術人員仍然被看作是程序員的這個年代，是灰常、灰常重要滴。
三、成型階段
如果能達到這個階段，就證明後續的成長之路是異彩紛呈的，是成為一個資深WEB前端工程師，還是成為一個資深WEB架構師，亦或其他，都要具體分析自身的特點和興趣所在。如果是資深的前端工程師，我覺得更重要的是去作新技術的研究，互聯網技術發展速度日新月異，不斷學習新技術，否則就被淘汰。
此外，我建議在知識的廣度、深度方面最好能挑選一個自己最擅長和最感興趣的一兩個領域深入鑽研，不要挑太多，多而不精。如果是資深的WEB架構師之路，我建議要深入了解後台技術，這種深入了解一定要伴隨著實際的項目開發，基本方法是：按照別人設計的架構實現幾個Server—>自
己設計並實現幾個Server。
最後結語：好了，說了那麼多，相比很多躍躍欲試的零基礎朋友，別急，北大青鳥開設「Web前端開發工程師」課程，無論你是零基礎、有基礎、有經驗，我們這里都有按照你的基礎開設的班級，滿足你的需要，保障所有學員達到最好的學習效果，入行好選擇。想要了解更多web前端學習內容，記得關注北大青鳥web前端培訓官網。