這裡整理了一份web前端的系統學習路線,包含的技術如下:
第一階段:專業核心基礎
階段目標:
1. 熟練掌握HTML5、CSS3、Less、Sass、響應書佈局、移動端開發。
2. 熟練運用HTML+CSS特性完成頁面佈局。
4. 熟練應用CSS3技術,動畫、彈性盒模型設計。
5. 熟練完成移動端頁面的設計。
6. 熟練運用所學知識仿製任意Web網站。
7. 能綜合運用所學知識完成網頁設計實戰。
知識點:
1、Web前端開發環境,HTML常用標籤,表單元素,Table佈局,CSS樣式表,DIV+CSS佈局。熟練運用HTML和CSS樣式屬性完成頁面的佈局和美化,能夠仿製任意網站的前端頁面實現。
2、CSS3選擇器、偽類、過渡、變換、動畫、字型圖示、彈性盒模型、響應式佈局、移動端。熟練運用CSS3來開發網頁、熟練開發移動端,整理網頁開發技巧。
3、預編譯css技術:less、sass基礎知識、以及外掛的運用、BootStrap原始碼分析。能夠熟練使用 less、sass完成專案開發,深入瞭解BootStrap。
4、使用HTML、CSS、LESS、SASS等技術完成網頁專案實戰。透過專案掌握第一階段html、css的內容、完成PC端頁面設計和移動端頁面設計。
第二階段:Web後臺技術
階段目標:
1. 瞭解JavaScript的發展歷史、掌握Node環境搭建及npm使用。
2. 熟練掌握JavaScript的基本資料型別和變數的概念。
3. 熟練掌握JavaScript中的運算子使用。
4. 深入理解分之結構語句和迴圈語句。
5. 熟練使用陣列來完成各種練習。
6.熟悉es6的語法、熟練掌握JavaScript面向物件程式設計。
7.DOM和BOM實戰練習和H5新特性和協議的學習。
1、軟體開發流程、演算法、變數、資料型別、分之語句、迴圈語句、陣列和函式。熟練運用JavaScript的知識完成各種練習。
2、JavaScript面向物件基礎、異常處理機制、常見物件api,js的相容性、ES6新特性。熟練掌握JavaScript面向物件的開發以及掌握es6中的重要內容。
3、BOM操作和DOM操作。熟練使用BOM的各種物件、熟練操作DOM的物件。
4、h5相關api、canvas、ajax、資料模擬、touch事件、mockjs。熟練使用所學知識來完成網站專案開發。
第三階段:資料庫和框架實戰
1. 綜合運用Web前端技術進行頁面佈局與美化。
2. 綜合運用Web前端開發框架進行Web系統開發。
3. 熟練掌握Mysql、Mongodb資料庫的發開。
4. 熟練掌握vue.js、webpack、elementui等前端框技術。
5. 熟練運用Node.js開發後臺應用程式。
6. 對Restful,Ajax,JSON,開發過程有深入的理解,掌握git的基本技能。
1、資料庫知識,正規化,MySQL配置,命令,建庫建表,資料的增刪改查,mongodb資料庫。深入理解資料庫管理系統通用知識及MySQL資料庫的使用與管理,為Node.js後臺開發打下堅實基礎。
2、模組系統,函式,路由,全域性物件,檔案系統,請求處理,Web模組,Express框架,MySQL資料庫處理,RestfulAPI,檔案上傳等。熟練運用Node.js執行環境和後臺開發框架完成Web系統的後臺開發。
3、vue的元件、生命週期、路由、元件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解,能夠運用Vue.js完成基礎前端開發、熟練運用Vue.js框架的高階功能完成Web前端開發和元件開發,對MVVM模式有深刻理解。
4、需求分析,資料庫設計,後臺開發,使用vue、node完成pc和移動端整站開發。於Node.js+Vue.js+Webpack+Mysql+Mongodb+Git,實現整站專案完整功能並上線釋出。
1.熟練掌握React.js框架,熟練使用React.js完成開發。
2.掌握移動端開發原理,理解原生開發和混合開發。
3.熟練使用react-native和Flutter框架完成移動端開發。
5.完成大型電商專案開發。
1、React面向元件程式設計、表單資料、元件通訊、監聽、宣告週期、路由、Redux基本概念。練使用react完成專案開發、掌握Redux中的非同步解決方案Saga。
2、react-native、開發工具、檢視與渲染、api操作、Flutter環境搭建、路由、ListView元件、網路請求、打包。練掌握react-native和Flutter框架,並分別使用react-native和Flutter分別能開發移動端專案。
4、大型購物網站實戰,整個專案前後端分離開發;整個專案分為四部分:PC端網頁、移動端APP、小程式、後臺管理。團隊協作開發,使用git進行版本控制。目期間可以擴充套件Three.js 、TypeScript。
這裡整理了一份web前端的系統學習路線,包含的技術如下:
第一階段:專業核心基礎
階段目標:
1. 熟練掌握HTML5、CSS3、Less、Sass、響應書佈局、移動端開發。
2. 熟練運用HTML+CSS特性完成頁面佈局。
4. 熟練應用CSS3技術,動畫、彈性盒模型設計。
5. 熟練完成移動端頁面的設計。
6. 熟練運用所學知識仿製任意Web網站。
7. 能綜合運用所學知識完成網頁設計實戰。
知識點:
1、Web前端開發環境,HTML常用標籤,表單元素,Table佈局,CSS樣式表,DIV+CSS佈局。熟練運用HTML和CSS樣式屬性完成頁面的佈局和美化,能夠仿製任意網站的前端頁面實現。
2、CSS3選擇器、偽類、過渡、變換、動畫、字型圖示、彈性盒模型、響應式佈局、移動端。熟練運用CSS3來開發網頁、熟練開發移動端,整理網頁開發技巧。
3、預編譯css技術:less、sass基礎知識、以及外掛的運用、BootStrap原始碼分析。能夠熟練使用 less、sass完成專案開發,深入瞭解BootStrap。
4、使用HTML、CSS、LESS、SASS等技術完成網頁專案實戰。透過專案掌握第一階段html、css的內容、完成PC端頁面設計和移動端頁面設計。
第二階段:Web後臺技術
階段目標:
1. 瞭解JavaScript的發展歷史、掌握Node環境搭建及npm使用。
2. 熟練掌握JavaScript的基本資料型別和變數的概念。
3. 熟練掌握JavaScript中的運算子使用。
4. 深入理解分之結構語句和迴圈語句。
5. 熟練使用陣列來完成各種練習。
6.熟悉es6的語法、熟練掌握JavaScript面向物件程式設計。
7.DOM和BOM實戰練習和H5新特性和協議的學習。
知識點:
1、軟體開發流程、演算法、變數、資料型別、分之語句、迴圈語句、陣列和函式。熟練運用JavaScript的知識完成各種練習。
2、JavaScript面向物件基礎、異常處理機制、常見物件api,js的相容性、ES6新特性。熟練掌握JavaScript面向物件的開發以及掌握es6中的重要內容。
3、BOM操作和DOM操作。熟練使用BOM的各種物件、熟練操作DOM的物件。
4、h5相關api、canvas、ajax、資料模擬、touch事件、mockjs。熟練使用所學知識來完成網站專案開發。
第三階段:資料庫和框架實戰
階段目標:
1. 綜合運用Web前端技術進行頁面佈局與美化。
2. 綜合運用Web前端開發框架進行Web系統開發。
3. 熟練掌握Mysql、Mongodb資料庫的發開。
4. 熟練掌握vue.js、webpack、elementui等前端框技術。
5. 熟練運用Node.js開發後臺應用程式。
6. 對Restful,Ajax,JSON,開發過程有深入的理解,掌握git的基本技能。
知識點:
1、資料庫知識,正規化,MySQL配置,命令,建庫建表,資料的增刪改查,mongodb資料庫。深入理解資料庫管理系統通用知識及MySQL資料庫的使用與管理,為Node.js後臺開發打下堅實基礎。
2、模組系統,函式,路由,全域性物件,檔案系統,請求處理,Web模組,Express框架,MySQL資料庫處理,RestfulAPI,檔案上傳等。熟練運用Node.js執行環境和後臺開發框架完成Web系統的後臺開發。
3、vue的元件、生命週期、路由、元件、前端工程化、webpack、elementui框架。Vue.js框架的基本使用有清晰的理解,能夠運用Vue.js完成基礎前端開發、熟練運用Vue.js框架的高階功能完成Web前端開發和元件開發,對MVVM模式有深刻理解。
4、需求分析,資料庫設計,後臺開發,使用vue、node完成pc和移動端整站開發。於Node.js+Vue.js+Webpack+Mysql+Mongodb+Git,實現整站專案完整功能並上線釋出。
階段目標:
1.熟練掌握React.js框架,熟練使用React.js完成開發。
2.掌握移動端開發原理,理解原生開發和混合開發。
3.熟練使用react-native和Flutter框架完成移動端開發。
5.完成大型電商專案開發。
知識點:
1、React面向元件程式設計、表單資料、元件通訊、監聽、宣告週期、路由、Redux基本概念。練使用react完成專案開發、掌握Redux中的非同步解決方案Saga。
2、react-native、開發工具、檢視與渲染、api操作、Flutter環境搭建、路由、ListView元件、網路請求、打包。練掌握react-native和Flutter框架,並分別使用react-native和Flutter分別能開發移動端專案。
4、大型購物網站實戰,整個專案前後端分離開發;整個專案分為四部分:PC端網頁、移動端APP、小程式、後臺管理。團隊協作開發,使用git進行版本控制。目期間可以擴充套件Three.js 、TypeScript。