01.環境搭建
前端環境很好搭建，乙個開發工具即可，webstorm，hbuilder，vscode，sublime。初學者建議sublime 也不要裝外掛程式，沒有語法提示，可以打基礎
02.html基礎
帶你去認識html，讓你學習去執行html，等瀏覽器上面開啟你的頁面的時候，你會有很強的成就感，然後開始學習html的基礎標籤
03.css基礎
html是勾勒，css是染色，基礎的css學完你會有種想寫頁面的衝動，這時候你不用抑制住那種感覺，直接按照自己所想開寫，這是你的第乙個專案
04.js基礎
js是頁面的邏輯，作為乙個web前端工程師，js是很核心的部分，也是很難的部分。js的學習之後放長一些，尤其是前一周，要讓自己去熟悉那種語法環境，培養自己的開發思路，而且有一點就是學完乙個星期的知識之後，及時和你的指引人溝通，看卡自己的理解是否有誤，還有就是學習思路是否有問題，他會給你指出那些東西需要多學習，哪些不常用，還有就是給你點一下你學的這些在專案中會是怎麼去應用，理論聯絡實際是最好的學習方式。
05.純js操作dom和jquery
這階段要知道怎麼去用js來更改頁面的元素，怎麼去寫dom事件，經過一番聯絡後，再引入jquery，不要本末倒置，有個同學學完jquery之後說發誓以後再不用原生js操作dom！然後被我狠狠罵了一頓
06.開始你的ui框架之旅
這個階段我推薦從bootstrap開始，這個框架很經典，響應式的珊格系統被後來框架一直沿用，在我線下教學的那幾年，我都會帶著學生一起看bootstrap的原始碼，讓他們學會這種設計思想，因為之後對他們太有用了，當時他們很痛苦，現在他們說起來覺得很受益，如果可以，你也要去看看原始碼，先學會去定製bootstrap，公司注重二次開發，定製 bootstrap正好可以練手。
07.開始深入css3
基礎學完css3要提上日程，這時你會看到不一樣的世界
08.深入js
這階段你就要去解讀原型鏈，原型替換，this指向，es6，es7的新語法，
09.學一套主流mv*框架
vue，react，angular2選一種，
我建議從vue開始，react的jsx語法不適合你入門去學習，angular2的typescript語法糖難度也比較高，vue學起來平滑些，結合vue，學一下vue-router，vuex，element ui，axios，webpack。做個專案玩一下這個全家桶
10.公升級後台語言nodejs
這個不作要求，你在學vue的時候其實已經在用nodejs了，你用的npm就是nodejs的一部分，這個階段說的是nodejs程式設計，比較難理解，畢竟是寫伺服器的東西，不過前面基礎打牢固，讓別人一點撥就能上手，技術不難，難在思路轉換。
最後總結做專案，兩個專案，
乙個是側重於css特效方面的，要求就是非常酷，帥到沒朋友。
第二個專案側重邏輯處理，用來昇華你的邏輯能力。
這兩個專案可以從網上搜幾個**來模仿，之前我的學生有做過：蘋果官網，魅族官網，花瓣網，網易雲**，在行等很多**，做的也很不錯。
前端學習總路線
隨著網際網路發展越來越快，對前端工程師的需求也越來越多，那麼競爭力也就越來越激烈。我本是一名ui設計師，但是在國內北上廣深的一線城市競爭過於激烈。俗話說多掌握一門技能，就多乙個就業機會。所以經過考慮和前期的整理決定學習前端開發。首先要想學會整個前端我們需要必備一下技能 需要掌握 html標籤 css...
web前端的學習路線
對於很多人來說，問題的關鍵在於沒有找到正確的發展方向，他不知道自己該學什麼？前端更是體系龐雜，很難從一而終，於是特意抽出一部分時間來總結一下路線，幫助大家。html css基礎 js語法基礎。學完基礎後，可以仿照電商 例如京東 小公尺 做首頁的布局。js語法高階。包括 作用域和閉包 this和物件原...
前端小白必看學習路線
前端知識變化的太快，東西太多，太雜，你今天學乙個框架，明天出來兩個，1年前學的東西沒怎麼用，然後1年後忘的差不多了，是不是有點尷尬？不過最近，我發現前端新技術 新框架的更新也放緩了。今天跟大家聊聊小白想要入門前端 深入前端 在前端領域工作，需要學習哪些必備的知識？不廢話直接上最終的圖 沒有程式語言怎...