許多前端初學者在一開始學習的時候，遇到的首要問題就是不知道如何規劃學習內容。由於不少人連本身要學習的內容都不太清楚，那麼，前端開發到底須要學習些什麼呢?簡單來說，前端開發須要學習HTML5+CSS三、移動Web網頁開發、JavaScript網頁編程、Node.js與AJAX、Vue.js以及React.js等內容，下面咱們來看看具體的學習內容吧~css
第一階段：HTML5 + CSS3html
一、HTML5前端
瀏覽器與瀏覽器內核、語法及使用、經常使用標籤、語義化、表單元素、HTML、新增標籤node
二、CSS3基礎react
CSS基本語法規範、經常使用的選擇器用法與技巧、複合選擇器使用、數值與單位、文字文本樣式、CSS3新增選擇器ios
三、CSS3進階git
CSS盒子模型、CSS背景技巧、圓角/陰影/過渡、定位和浮動、僞類和僞元素、chrome調試工具、CSS高級技巧(精靈圖、CSS三角、圖標字體等)、常見佈局技巧大全、網頁開發規範以及流程、CSS企業級網頁開發、網頁開發常見問題以及解決方案、CSS常見兼容性問題以及解決方案、CSS3新增屬性、Photoshop 切圖、cutterman插件一鍵切圖es6
第二階段：移動Web網頁開發算法
一、CSS3動畫chrome
CSS3的2D和3D變換、animation動畫、炫酷頁面開發(地圖大數據熱點圖、大風車、旋轉木馬輪播圖等)
二、移動端頁面開發
傳統佈局的侷限性、移動端屏幕介紹、移動端瀏覽器介紹、物理像素&物理像素比、真機調試、viewport視口、移動端技術選型、移動端主流適配解決方案、移動端特殊樣式、百分比佈局&流失佈局、Flex佈局優點、盒子父級常見屬性設置、盒子子級常見屬性設置、攜程網Flex移動端頁面開發、rem單位使用、rem適配、預處理器less、media媒體查詢、淘寶flexible.js移動端適配、cssrem插件使用、cutterman二倍圖三倍圖切圖、移動端頁面開發流程與規範、京東移動端首頁開發
三、Bootstrap
傳統佈局的侷限性、移動端屏幕介紹、移動端瀏覽器介紹、物理像素&物理像素比、真機調試、viewport視口、移動端技術選型、移動端主流適配解決方案、移動端特殊樣式、百分比佈局&流失佈局、Flex佈局優點
第三階段：JavaScript網頁編程
一、JavaScript基礎
基本輸入輸出方法、變量、數據類型、類型轉換、運算符、流程控制語句、數組、函數、自定義對象、內置對象和經常使用方法、網頁版小娜小項目
二、WebAPIs編程
獲取頁面元素的經常使用方法、頁面中的事件和事件機制、操做元素的樣式和屬性、新增元素和移除元素、BOM操做大全
三、網頁應用/網頁特效
輪播圖、頁面放大鏡、待辦事項列表、購物車、tabs六、JSON七、其它經常使用網頁特效
四、jQuery快速開發
jQuery的優點、jQuery選擇器、jQuery中的動畫、jQuery中的DOM操做、鏈式編程和隱式迭代、插件使用和製做、常見網頁特效製做大全
五、面向對象編程
面向對象思想、建立對象、JavaScript中的對象深刻理解、閉包原理以及使用場景、原型以及原型鏈深刻剖析、做用域鏈深刻分析、函數的調用方式及this指向總結、Class類、constructor、super
第四階段：Node.js與AJAX
一、AJAX編程
AJAX的做用、原生AJAX三、同步與異步、http協議、AJAX的封裝、jQuery的AJAX七、緩存問題及解決方案、跨域請求及解決方案、前端模板引擎
二、git
git歷史、git與svn、git基本使用、git分支、git遠程倉庫、git衝突及解決方案
三、ES6
es6簡介、新增語法、內置對象擴展、Promise、Async函數、解構、展開運算
四、Node.js基礎
node.js環境安裝、如何用node.js運行代碼、Commonjs、模塊化、模塊與包、NPM七、CNPM和Yarn、核心模塊使用、第三方模塊使用、RESTFulAPI
五、服務端開發(Node.js)
靜態和動態網站、http模塊使用、請求響應原理、HTTP協議、處理頁面請求、處理表單、會話技術(Cookie、Session)
六、MySQL
MySQL的概念、MySQL安裝、建庫和建表、增刪改查語句、Node.js操縱MySQL
七、Express
express的概念、express的安裝、後端路由、靜態資源託管、中間件的原理、經常使用中間件、模板引擎、異常處理、Express經常使用API、RESTFulAPI
第五階段：Vue.js
一、Vue.js基礎
Vue實例、文本與屬性綁定、計算屬性computed、偵聽器watch、Class與Style綁定、條件渲染、列表渲染、事件處理、表單輸入綁定、Vue實例生命週期、開發Vue插件和模板過濾器、自定義指令、Vue組件系統、Vue過渡和動畫、VueRouter路由系統、組件通訊、axios請求庫、VueCLI腳手架工具、VueDevTools調試工具、在Vue中操做DOM
二、Vue進階
組件封裝進階、MVVM數據綁定原理、Render方法原理、$nextTick方法的使用、發佈訂閱模式
第六階段：React.js
一、React.js基礎
create-react-app腳手架工具、JSX語法、條件渲染、列表渲染和key、React組件系統、PureComponent、setState()、事件處理、表單處理、組件通信、render-props、高階組件、虛擬DOM和Diff算法、ReactRouter路由系統、Redux狀態管理架構、axios請求庫、AntDesign組件框架、CSSModules
完成上面前端開發須要學習的內容規劃，你們就能配合經常使用組件庫解決項目中的一些共性問題，知足前端開發行業中的常見需求，，可以達到中級前端開發工程師水平。鄭州不孕不育專科醫院:https://yyk.fh21.com.cn/hospital_6369.html南陽試管嬰兒醫院哪裏好:https://yyk.fh21.com.cn/introduce_6369.html商丘人工授精醫院哪一個好:https://yyk.fh21.com.cn/hd_6369.html