Ⅰ Web前端的學習順序及內容是什麼
第一階段:
HTML CSS:HTML進階、CSS進階、div css布局、HTML css整站開發。
JavaScript基礎:Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。
JS基本特效:常見特效、例如:tab、導航、整頁滾動、輪播圖、JS製作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。
JS高級特徵:正則表達式、排序演算法、遞歸演算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎。
JQuery:基礎使用懸著器、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。
第二階段:
HTML5和移動Web開發
HTML5:HTML5新語義標簽、HTML5表單、音頻和視頻、離線和本地存儲、SVG、Web Socket、Canvas。
CSS3:CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作。
Bootstrap:響應式概念、媒體查詢、響應式網站製作、刪格系統、刪格系統原理、Bootstrap常用模板、LESS和SASS。
移動Web開發:跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、Zepto.js、手機聚劃算頁面、手機滾屏。
第三階段:
HTTP服務和AJAX編程
WEB伺服器基礎:伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹。
PHP基礎:PHP基礎語法、使用PHP處理簡單的GET或者POST請求。
AJAX上篇:Ajax簡介和非同步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用。
AJAX下篇:JSON和JSON解析、數據綁定和模板技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI、使用Ajax實現爆布流案例額。
第四階段:
面向對象進階
面向對象終極篇:從內存角度到理解JS面向對象、基本類型、復雜類型、原型鏈、ES6中的面向對象、屬性讀寫許可權、設置器、訪問器。
面向對象三大特徵:繼承性、多態性、封裝性、介面。
設計模式:面向對象編程思維、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、適配器模式、面向切面編程。
第五階段:
封裝一個屬於自己的框架
框架封裝基礎:事件流、冒泡、捕獲、事件對象、事件框架、選擇框架。
框架封裝中級:運動原理、單物體運動框架、多物體運動框架、運動框架面向對象封裝。
框架封裝高級和補充:JQuery框架雛形、可擴展性、模塊化、封裝屬於傳智自己的框架。
第六階段:
模塊化組件開發
面向組件編程:面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序。
面向模塊編程:AMD設計規范、CMD設計規范、RequireJS，LoadJS、淘寶的SeaJS。
第七階段:
主流的流行框架
Web開發工作流:GIT/SVN、Yeoman腳手架、NPMer依賴管理工具、Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架:Angular.js、Backbone.js、Knockout/Ember。
常用庫:React.js、Vue.js、Zepto.js。
第八階段:
HTML5原生移動應用開發
Cordova:WebApp/NativeApp/HybirdApp簡介、Cordova簡介、與PhoneGap之間的關系、開發環境搭建、Cordova實戰(創建項目，配置，編譯，調試，部署發布)。
Ionic:Ionic簡介和同類對比、模板項目解析、常見組件及使用、結合Angular構建APP、常見效果(下拉刷新，上拉載入，側滑導航，選項卡)。
React Native:React Native簡介、React Native環境配置、創建項目，配置，編譯，調試，部署發布、原生模塊和UI組件、原生常用API。
HTML5 :HTML5 中國產業聯盟、HTML5 Plus Runtime環境、HBuilder開發工具、MUI框架、H5 開發和部署。
第九階段:
Node.js全棧開發
快速入門:Node.js發展、生態圈、Io.js、Linux/Windows/OS X環境配置、REPL環境和控制台程序、非同步編程，非阻塞I/O、模塊概念，模塊管理工具、開發流程，調試，測試。
核心模塊和對象:全局對象global，process，console，util、事件驅動，事件發射器、加密解密，路徑操做。
祝你學有所成！
如果大家對於學習前端有任何不懂的可以隨時來問我，我給你提供一個非常不錯的前端交流學習qun：前面是一一四，中間是一八八，後面是四九三一。有問題就在裡面問我，這樣你可以少走很多彎路，做起來有效率，記得多跟有經驗的人交流，別閉門造車。如果沒有比較好的教程，也可以管我要。
Ⅱ 零基礎學習前端的順序是什麼
下面小編給大家分享一下前端開發的學習路線
一、HTML5+CSS3：HTML5和CSS3是通往Web工程師路上必須學會的基本內容，包括HTML5語法及使用技巧、HTML5常用標簽、CSS語法及使用技巧、DIV+CSS布局方式、常見網頁布局模式等等。
二、JS交互設計：JS交互技術可以賦予頁面一個動態的效果展示，提升用戶的瀏覽體驗，包括JavaScript基本語法、DOM的各種操作、DOM編程、JavaScript常見兼容性方案、jQuery等等。
三、Node開發：Node.js不僅僅是一個框架，它是一個完整的JavaScript環境，配備了開發人員可能需要的開發工具。所以學好Node是在打通前後端開發中需要掌握的技術。這部分需要學習ES6的語法、兼容性、前端模塊化開發、Webpack模塊打包器、Node.js、JavaScript非同步編程模型、模塊化編程方式、Ajax數據交互等等。
四、前端框架：前端框架是Web開發人員需要熟練掌握的技能，並且在實際開發中是會被廣泛應用的，需要學習Vue、React、Angular等框架、D3.js、Vue技術棧進行項目開發;掌握React技術棧、Webpack項目構建配置流程、Web項目的部署與發布等等。
五、小程序與APP開發：現在移動應用越來越受歡迎，掌握了小程序和APP開發技術可以增強自身競爭力，學習內容包括Canvas、小程序開發框架mpvue、ReactNative等 。
Ⅲ web前端按照什麼順序學習
學習是以興趣為前提的，你要對你所要學的內容產生興趣，這樣你才會花心思去學習。
我推薦給你一套學習方法和路線，可以參考一下：
自學方法：
1、你必須明確系統的學習方案
我建議一定有一個指導的人，全靠自己學，放棄的幾率非常大，在你對於web前端還沒有任何概念的時候，需要一個人領進門，之後就都靠自己鑽研，第一步就是確定web前端都需要哪些內容，並且在多少時間內學完，建議時間6個月保底。
2、視頻為主，書為輔
很多初學者在學習前端的時候非常喜歡去買書，但是最後的結果是什麼？看來看去什麼都不會寫，所以在這里給大家提醒，書可以看，但是是在建立於你已經對於某個知識點有了具體操作的執行後，在用書去鞏固概念，這樣更加利於你對於知識的理解。
3、對於學習技術來講，掌握一個學習方法是非常重要的
其實對於學習web前端來講，學習方法確實很多都是相通的，一旦學習方法不對，可能就會造成「方法不對，努力白費」。其實關於這方面還是很多的，我就簡單說個例子，有的人邊聽課邊跟著敲代碼，這樣就不對，聽課的時候就專心聽，做題的時候就專心做題，這都是過來人的經驗，一定要聽。根據每個人的不同，可能學習方法也會有所出路，找到適合你自己的學習法方法是學習的前提。
自學路線：
第1階段：前端頁面重構(4周)
內容包含了：(PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目)
第2階段：JavaScript高級程序設計(5周)
內容包含：(原生JavaScript交互功能開發項目、面向對象進階與ES5/ES6應用項目、JavaScript工具庫自主研發項目)
第3階段：PC端全棧項目開發(3周)
內容包含：(jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目)
第4階段：移動端項目開發(6周)
內容包含：(Touch端項目、微信場景項目、應用Angular+Ionic開發WebApp項目、應用Vue.js開發WebApp項目、應用React.js開發WebApp項目)
第5階段：混合(Hybrid,ReactNative)開發(1周)
內容包含：(微信小程序開發、ReactNative、各類混合應用開發)
第6階段：NodeJS全棧開發(1周)
內容包括：(WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫)
基礎書籍推薦：
1、《Head First HTML與CSS(第2版)》，入門真的是經典書籍，手把手教學，豐富的案例讓你從 0 開始學前端。
2、《CSS權威指南(第三版)》，這本書作為 CSS 的經典著作，把原理講得非常的通透，除了 w3c 標准，算最權威的一本了，畢竟權威指南。
3、《CSS揭秘》神書，47 個 css 技巧讓你在面對各種 css 問題的時候游刃有餘。是 css 書籍中評分最高的了，css 進階必備。
4、《javascript語言精粹》，這本書可以在入門之前了解一下基本語法，以及在學習之前可以了解下 JS 裡面的精粹以及糟粕，雖然這本書很薄很薄，但是值得反復去讀的一本書。
5、《JavaScript DOM編程藝術(第2版)》，本書在簡潔明快地講述JavaScript和DOM的基本知識之後，通過幾個實例演示了專業水準的網頁開發技術，透徹闡述了平穩退化等一批至關重要的 JavaScript編程原則和最佳實踐。
6、《JavaScript權威指南》：犀牛書是每個FE都繞不過的一本書，可以先大致通讀幾遍，也可以把其當作工具書，時時翻閱。
視頻教程可以到B站我們的官方號下看看，有很多免費的成套教程！
Ⅳ 學習WEB前端要多久呀.先從什麼方向開始學習哦
您好學習web前端一定要有方向，學習web前端先從核心基礎開始學：
階段1.前端核心基礎
HTML +_CSS核心、JavaScript基礎語法、JavaScript面向對象、JavaScript DOM和
BOM編程、jQuery框架
階段2.HTML5 + CSS3 + 移動端核心
HTML5新特性、Canvas專列、CSS3新特性、CSS3進階、CSS3實例演練
階段3.移動端
移動端核心、移動端適配、移動端特效
階段4.伺服器端
伺服器端開發、資料庫操作、前後端交互核心、微信公眾號開發
階段5.JavaScript高級
JavaScript基礎深入剖析、JavaScript面向對象深入講解、JavaScript非同步編程、
JavaScript函數式編程JavaScript設計模式
階段6.前端必備
性能優化、版本控制工具、模塊化、項目構建工具
階段7.高級框架
React框架基本使用、React框架進階、Vue框架基本使用、Vue框架進階、Vue源碼分析
階段8.小程序
原生小程序入門、原生小程序API使用、小程序框架Mpvue
web前端學習路線
這個是web前端的學習方向你從上到下按照順序學習就可以了，一般來說零基礎學習前端是5個月左右的時間，學習方法就是做到3多，多問、多思考、多敲 學習的本質就是不斷的重復，熟能生巧，希望可以幫到你。
Ⅳ 前端的學習步驟
先學HTML 、再學CSS、JavaScript 然後學 jQuery、最後學 ajax和前端框架；
前端框架包括：Vue、React、angularjs 等 。
Ⅵ 求推薦一個web前端的學習路線
初級前端
主要學習三個部分：HTML，CSS，JavaScrip
（1）html + css部分
這部分特別簡單，到網上搜資料，書籍視頻非常多。css中盒子模型，流動，block，inline，層疊，樣式優先順序等這些自學起來也是非常容易。最後再深入了解下瀏覽器差異性，ie9以下兼容簡單了解就行了，ie9以下瀏覽器被淘汰掉是趨勢，低版本沒必要浪費大量時間去學習兼容主流瀏覽器，google chrome瀏覽器、firefox瀏覽器、safari瀏覽器、opera瀏覽器即可。瀏覽器差異內容很多，建議在實踐中多多積累。
（2）JavaScript部分
基礎學習：難點，也是重點，要學的內容實在很多，如果沒有其他編程語言的基礎的話，學起來可能要費些力，有很多比較抽象的概念，必須要深入理解，比如閉包、原型、面向對象、封裝等，要理解透徹。看書是必不可少的，找一本優秀的js書從頭到尾，反復研究學習，第一遍可以快速翻閱，大體知道了解概念即可，第二三遍就需要深入學習了。邊學邊練，實踐出真知。
jQuery學習：這些基礎知識掌握好之後，還需要學jQuery，這是一個非常優秀的Javascript庫，大型開發必備。它簡化了Javascript的復雜操作，消除了Javascript跨平台兼容問題，提供了大量實用方法，有良好的文檔和幫助手冊，是一個非常成熟的Javascript庫。
進階學習：
有了以上知識，對於大多數小型網站，你應該已經可以寫出能夠工作的代碼了。但要想成為更專業的前端，你還需繼續努力。更高的要求大概還有四方面：易維護，可測試，高性能，低流量（移動端）。
Ⅶ web前端開發要學些什麼東西，以及學習順序，求大佬解答，謝謝了。
前端行業的薪資居高不下，對於想入門的小白卻不知道如何學起，今天愛前端考拉老師告訴你小白如何開啟前端學習以及需要掌握哪些知識點。
學習對象：0基礎，對互聯網充滿熱情，想要從事H5前端開發、全棧開發的學員；
第一階段 互聯網基本原理和HTML
互聯網基本原理、伺服器、瀏覽器、HTTP請求的概念。編程工具介紹、HTML簡介。HTML語義化標簽、p標簽和h系列標簽。HTML基本骨架深入、HTML骨架、HTML和XHTML的區別。元信息標記meta、設置頁面關鍵字、字元集、關鍵字、頁面描述。a標簽和img標簽，相對路徑、絕對路徑。ul、ol、dl標簽、div和span標簽、較不常用HTML標簽簡介。表單、提交表單action、傳送方法method、插入表單對象。HTML注釋、HTML字元實體。
第二階段CSS基礎和高級技巧
選擇器。文字屬性、顏色屬性。繼承性和層疊性，權重計算。CSS盒模型，width、height、padding、border、margin屬性。父子嵌套模型，使用Fireworks精確還原設計圖。float浮動屬性、浮動的意義、清除浮動的方法。瀏覽器兼容，CSS hack。 background系列屬性、css精靈、網頁上透明。超級鏈接的偽類、導航條。 position定位、定位小技巧。DIV+CSS布局。
第三階段 靜態網站製作項目
通過以上兩個階段的學習可以達到製作網頁的水平，學習要求。需要掌握搜索引擎優化的概念、頁面常用SEO技巧、學會有格調的製作頁面。iconfont字體圖標。一些常見的CSS高級技巧，比如負margin、壓線技術、滑動門、列自撐技術。較復雜布局網站的學習，學習製作2~3個頁面。通欄banner、大背景等時下流行的網站製作方法。精美企業站賞析、製作
第四階段JavaScript基礎
語句、執行順序、詞法結構、標識符、關鍵字、變數、常量、alert語句和console控制台。值和變數、數字、文本、布爾值、null和undefined。表達式和運算符、運算符概述。流程式控制制、賦值語句、條件判斷語句、if語句、if語句的嵌套、switch語句、循環控制語句、while語句、do…while語句、for循環。跳轉語句：continue語句、break語句。函數、參數、返回值、遞歸、作用域、全局變數、局部變數。內部對象、數組、字元串。
第五階段JavaScript DOM編程
事件與事件處理概述、事件與事件名稱、常用事件、事件處理程序的調用、DOM事件模型、事件流、 事件對象、注冊與移除事件。文檔對象的常用屬性、方法與事件、輸出數據。事件的三要素。DOM對象、DOM概述、DOM分層、DOM級別、DOM對象節點屬性、遍歷文檔樹、克隆刪除替換。動畫基礎知識、定時器、setInterval和setTimeout、運動效果、 實用的動畫、製作運動效果案例
第六階段jQuery頁面特效
jQuery對象和DOM對象、jQ選擇器、CSS操作、設置和獲取HTML、文本和值。事件、載入DOM、事件綁定、合成事件、事件對象的屬性。動畫、自定義動畫方法、動畫回調函數、停止動畫、其他動畫方法。jQuery對表單、表格的操作及更多應用、表單應用、表格應用。jQuery插件，jQueryUI，jQuery ease，jQuery mousewheel等。超多頁面特效！結合案例掌握了解jQuery插件的使用。
第七階段JavaScript進階
命名空間、對象擴展、數組化、主流框架引入的機制——domReady、無沖突處理。語言模塊、字元串的擴展與修復、數組的擴展與修復、數值的擴展與修復、函數的擴展與修復、 日期的擴展與修復、瀏覽器嗅探與特徵偵測 、判定瀏覽器、事件的支持偵測、樣式的支持偵測。類工廠、JavaScript對類的支撐、各種類工廠的實現。瀏覽器內置的尋找元素的方法、屬性模塊、如何區分固有屬性與自定義屬性。
第八階段HTML5和CSS3
HTML5概述、HTML5新特性、HTML5組織、HTML5構成、HTML5頁面的特徵、HTML基礎、HTML5全局屬性、HTML5其他功能、HTML5元素分類。實戰HTML5表單、新增的input輸入類型。HTML5音頻與視頻、HTML5多媒體技術概述、在HTML5中播放音頻。CSS3編碼規范、了解CSS3新增特性。CSS選擇器、屬性選擇器、結構偽類選擇器、UI偽類選擇器。旋轉動畫、縮放動畫、移動動畫、傾斜動畫。3D炫酷動畫效果實戰。
第九階段移動web和響應式網頁
視口、縮放 、解析度、物理解析度、設備像素比、dppx和dpi 、meta視口。百分比布局、流式布局、CSS3新的流式盒模型。觸摸和指針事件、觸摸事件、手勢事件 、其他事件、拖放、滾動層、事件和交互模式、移動端交互綜合實戰。zepto.js、jQuery Mobile等移動端常見框架。HTML5速成移動端框架。Bootstrap3 、調整響應式導航條斷點。移動優先、Bootstrap柵格系統、柵格系統原理、Bootstrap中的JavaScript交互、Bootstrap敏捷開發。
第十階段伺服器知識和PHP入門
後台語言和前台語言的區別。初識PHP、PHP語言的優勢、PHP 5的新特性、PHP的發展趨勢、PHP的應用領域。 PHP環境搭建和開發工具。PHP語言基礎、PHP變數、PHP運算符、 PHP的表達式、PHP編碼規范、流程式控制制語句、字元串操作、PHP數組、 PHP與Web頁面交互。資料庫技術概述、增刪改查。
第十一階段Ajax企業項目實戰開發
Ajax概述與Ajax初體驗、Ajax技術介紹、XMLHttpRequest對象詳解、動態載入和顯示數據、XMLHttpRequest對象概述、方法、屬性、發送請求、GET和POST請求、運行周期、使用JSON響應、Ajax實用包的封裝。JSON的解析、Underscore模板引擎、模板技術、動態組裝頁面、電話號碼歸屬地查詢、驗證碼等。Ajax實戰篇 、Ajax高級表單驗證程序 、Ajax動態聯動菜單、瀑布流。
第十二階段JavaScript面向對象
創建對象、屬性的查詢和設置、 刪除屬性、檢測屬性、枚舉屬性、屬性getter和setter、屬性的特性、對象的三個屬性、序列化對象、對象方法。類和模塊、類和原型、類和構造函數、類的擴充、類和類型、子類。原型、實例化和原型、 對象實例化、通過構造器判斷對象、繼承與原型鏈、構造函數和原型對象 、構造函數、原型對象 、[[Prototype]]屬性 、在構造函數中使用原型對象 、改變原型對象、內建對象的原型對象。
第十三階段canvas動畫和手機游戲
Canvas繪圖、基本知識、理解canvas坐標系、獲取canvas環境上下文、理解路徑、路徑操作API 、繪制線條 、繪制矩形 、繪制圓弧 、繪制貝塞爾曲線 、線條屬性 、線條顏色 、填充 、繪圖狀態。圖像API、使用canvas繪制圖像、坐標變換、繪制文字。游戲原理、製作2D游戲引擎、理解游戲循環、渲染引擎實現、使用引擎構建游戲實例、游戲常用演算法。
第十四階段Node.js企業項目開發
Node的特點、非同步I/O、事件與回調函數、單線程、跨平台、Node的應用場景、I/O密集型、CommonJS規范、Node的模塊實現、路徑分析和文件定位、模塊編譯、核心模塊、JavaScript核心模塊的編譯過程、網路編程、構建TCP服務。構建HTTP服務、構建WebSocket服務、網路服務與安全。MongoDB、Express、Mongoose、socket.io。小型微博系統、俄羅斯方塊對戰。Linux使用。
第十五階段信小程序
小程序概述、 小程序開發賬戶的注冊、獲得AppId下載使用開發者工具、認識默認的文件夾結構、appjson配置、雙大括弧差值和MVVM模式、小程序操作數字、小程序API起步、案例調色板、案例微博發布框、for循環指令、if判斷指令和復選按鈕組、阿里雲伺服器開通、請求服務數字和發出改變數字、get請求信息流案例、post請求和圖片上傳、資料庫mogodb、班級說說
第十六階段ECMAScript2016
簡介、let和const命令、變數的解構賦值、字元串的擴展、正則的擴展、數值的擴展、數組的擴展、函數的擴展、對象的擴展、Symbol、Set和Map數據結構、Proxy、Reflect、Iterator和for...of循環、Generator函數、Promise對象、非同步操作和Async函數、Class、Decorator、Mole、編程風格、讀懂規格、二進制數組、SIMD
第十七階段Yeoman腳手架
基本安裝、配置、HTML模板、圖片壓縮、構建工具、包管理器、JSLint測試。
第十八階段Grunt和Gulp構建工具
GIT、SVN、Grunt、Gulp、Webpack。通過代碼優於配置的策略，Gulp 讓簡單的任務簡單，復雜的任務可管理。利用 Node.js 流的威力，你可以快速構建項目並減少頻繁的 IO 操作。通過最少的 API，掌握 Gulp 毫不費力，構建工作盡在掌握：如同一系列流管道。
第十九階段Sass、Less和Stylus
sass中可以定義變數，方便統一修改和維護。用sass進行 選擇器的嵌套，表示層級關系。用sass中導入其他sass文件，最後編譯為一個css文件t。用sass中可用mixin定義一些代碼片段，且可傳參數，方便日後根據需求調用
第二十階段React.js構建視圖組件
React簡介、JSX、組件的生命周期、實例化、數據流、事件處理、組件的復合、mixin、DOM操作、動畫、性能優化、服務端渲染、周邊類庫。VUE數據模板、生命周期、過濾器。
第二十一階段VUE界面的前端庫
遇見Vue.js、數據綁定、指令、計算屬性、表單控制項綁定、過濾器、Class與Style綁定、過渡、綁定事件、組件、表單校驗、分組校驗、與服務端通信、RESTful調用。
第二十二階段React Native移動框架
React Native簡介、React Native開發基礎、常用組件介紹及實踐、TextInput組件、九宮格實現、NavigatorIOS組件、Touchable類組件、狀態機思維與狀態機變數、深入理解UI重新渲染的過程、Navigator組件工作機制、混合開發基礎、組件生命周期、數據存儲及React Native應用實現步驟。
第二十三階段 Cordova和PhoneGap
使用加速計和位置感測器、文件系統、存儲及本地資料庫、處理音頻、圖像和視頻、處理通訊錄、本地事件、使用XUI、使用jQuery Mobile進行用戶界面開發、PhoneGap插件擴展、開發工具及測試。
第二十四階段ionic framework
Ionic和Hybrid應用介紹、配置開發環境 、Ionic導航和核心組件、選項卡、高級列表和表單組件、開發高級應用、使用 Ionic 命令行代理、在頁面中使用 ionScroll、過濾器：轉換視圖中的數據。
第二十六階版本管理系統和項目打包測試
第二十七階段前端攻防、部署和SEO
第二十八階段WebGL和Three.js
第二十九階段TypeScript和Angula4
Ⅷ 前端需要學些什麼語言，學習順序和學習程度，教程和書選哪些。
前端基礎 先學習HTML5 還有ps 在學習JS 再學點PHP 什麼的
Ⅸ web前端工程師 學習順序
01.環境搭建
前端環境很好搭建，一個開發工具即可，webstorm，hbuilder，vscode，sublime。初學者建議sublime 也不要裝插件，沒有語法提示，可以打基礎
02.html基礎
帶你去認識html，讓你學習去運行html，等瀏覽器上面打開你的頁面的時候，你會有很強的成就感，然後開始學習html的基礎標簽
03.css基礎
html是勾勒，css是染色，基礎的css學完你會有種想寫頁面的沖動，這時候你不用抑制住那種感覺，直接按照自己所想開寫，這是你的第一個項目
04，js基礎
js是頁面的邏輯，作為一個web前端工程師，js是很核心的部分，也是很難的部分。js的學習之後放長一些，尤其是前一周，要讓自己去熟悉那種語法環境，培養自己的開發思路，而且有一點就是學完一個星期的知識之後，及時和你的指引人溝通，看卡自己的理解是否有誤，還有就是學習思路是否有問題，他會給你指出那些東西需要多學習，哪些不常用，還有就是給你點一下你學的這些在項目中會是怎麼去應用，理論聯系實際是最好的學習方式。
05.純ja操作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編程，比較難理解，畢竟是寫伺服器的東西，不過前面基礎打牢固，讓別人一點撥就能上手，技術不難，難在思路轉換。