什麼是前端?css
前端即網站前臺部分,也叫前端開發,運行在PC端,移動端等瀏覽器上展示給用戶瀏覽的網頁。隨着互聯網的發展,HTML5,CSS3,前端框架的應用,跨平臺響應式網頁設計可以適應各類屏幕分辨率,完美的動效設計,給用戶帶來極高的用戶體驗。html
(核心技術:HTML、CSS、JavaScript)前端
核心技術是前端開發中最基本也是最必須的三個技能。前端的開發中,在頁面的佈局時, HTML將元素進行定義,CSS對展現的元素進行定位,再經過JavaScript實現相應的效果和交互。雖然表面看起來很簡單,但這裏面須要掌握的東西絕對不會少。在進行開發前,須要對這些概念弄清楚、弄明白,這樣在開發的過程當中纔會駕輕就熟。node
第一階段web
1.html+css正則表達式
HTML、CSS、div+css佈局、HTML+css整站開發,適當的敲一些網頁的靜態頁面算法
2.初級JavaScript(js)編程
常見DOM樹操做大全、Js基礎教程、js內置對象經常使用方法、 ECMAscript、DOM、BOM、定時器和焦點圖json
3.高級JavaScript(給你們整理了一套學習資料,見頁尾處)小程序
正則表達式、排序算法、遞歸算法、閉包、函數節流、做用域鏈、基於距離運動框架、面向對象基礎,
懸着器、DOM操做、特效和動畫、拖拽、變形、JQueryUI組件基本使用(JQuery的使用)
第二階段
1.移動Web開發
嘗試不一樣的服務端口,最多見的iOS,安卓,iPad等等(要把頁面佈局寫得完美)
如今主流的技術主要有:1.iOS應用開發;2.Android應用開發;3.WinPhone7/8應用開發。還有一些系統級開發,如嵌入式操做系統,通常針對WinCE、Linux、Android、JVM等技術。
必需要掌握:跨終端WEB和主流設備簡介、視口、流式佈局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製做、Zepto.js、手機滾屏等等重要技術
專門創建的學習Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享學習方法和須要注意的小細節,互相交流學習,不停更新最新的教程和學習技巧(網頁製做,網站開發,web開發,從0基礎開始的的HTML+CSS+JavaScript。jQuery,Ajax,node,angular框架等到移動端HTML5的項目實戰【視頻+工具+系統路線圖】全棧工程師學習路線以及規劃都有整理,分享給小夥伴)
2.小程序開發
伴隨着移動端,如今小程序愈來愈火,能夠作一些微信小程序的開發來提升本身
3.拓展
常見的AJAX請求和json解析,Bootstrap佈局,echarts的使用方法等。
第三階段
前端最重要的就是模塊組件化開發
學習主流的流行框架和庫
React.js、Vue.js、Zepto.js、Angular.js、Backbone.js等等
至少要掌握1~2種框架的使用方法,或者根據本身自身之後工做的方向來學習本身須要的框架開發,
第四階段(全棧開發)
嘗試服務端請求的嘗試,雖而後臺語言有不少,好比說PHP , JAVA , Phton等等,由於這裏咱們主要學的是JavaScript,因此推薦你們學Node.js,這樣上手也比較容易,node開發包括:
Node.js發展、生態圈、Io.js、Linux/Windows/OS X環境配置、REPL環境和控制檯程序、異步編程,非阻塞I/O、模塊概念,模塊管理工具、開發流程,調試,測試等
咱們學習後臺最要的是這個思想,之後在開發過程當中,能夠與後臺開發人員更好的交流,避免產生的一些代溝