2019最新WEB前端開發小白必看的學習路線(附學習視頻教程)

2019最新WEB前端開發小白必看的學習路線(附學習視頻教程)。web前端自學之路：史上最全web學習路線，HTML5是萬維網的核心語言，標準通用標記語言下的一個應用超文本標記語言（HTML）的第五次重大修改，一方面提高了用戶體驗，另外一方面HTML5技術跨平臺，適配多終端，改變了傳統開發者需針對不一樣操做系統進行研發的局面。web前端全棧HTML5融合大數據可視化內容、深化PHP+MySQL，學員求職可任項目leader！

web前端初級開發工程師

HTML5課程介紹

互聯網發展趨勢
H5語言的優點
簡單易學人人都能編程
H5就業和薪資狀況
H5常見的項目與產品
H5的將來與方向
HTML基礎​​​​​​​

HTML簡介與歷史版本
經常使用開發軟件
常見標籤與屬性
表格與表單
標籤規範與標籤語義化
實戰：網頁結構佈局
CSS基礎​​​​​​​

css簡介與基本語法
常見的各類樣式屬性
CSS選擇器與標籤類型
理解盒子模型與CSS重置
浮動與定位
利用photoshop工具測量樣式
HTML+CSS開發網頁
實戰：高仿電商首頁效果
CSS3基礎​​​​​​​

css3常見樣式
css3選擇器
變形與動畫
3D效果與關鍵幀
彈性盒模型
移動端佈局​​​​​​​

移動端基本概念
viewport窗口設置
移動端佈局方案
rem、vh、vw等單位
響應式佈局
bootstrap框架
JavaScript基礎​​​​​​​

JS簡介
JS變量
數據類型與類型轉換
運算符與優先級
流程控制-if..else
流程控制-switch...case
流程控制-while、do..while、for循環
break、continue語法
函數定義與調用
全局變量與局部變量
函數傳參與返回值
函數做用域與變量做用域
DOM的基本操做
定時器使用
this指向與修改指向
數組、字符串等方法操做
時間對象與正則對象
掌握常見BOM操做
常見事件與事件細節
JSON與AJAX
JSONP跨域操做
前端cookie的使用
實戰：JS配合HTML與CSS完成電商項目
jquery框架​​​​​​​

jquery框架介紹及優點介紹
jquery核心思想
jquery常見方法
jquery動畫操做
jqueryAJAX操做
jquery工具方法
利用jquery快速開發網頁
PHP基礎​​​​​​​

PHP簡介與基本語法
mysql數據庫及sql語法
apache服務器與集成開發工具
PHP連接數據庫
PHP與AJAX交互
實戰：留言板、登陸、註冊等
H5基礎項目​​​​​​​

項目簡介
項目功能演示
項目劃分及框架
編寫HTML頁面結構
設置CSS樣式
添加JS交互
可選框架：bootstrap、jquery、PHP等
項目調試及兼容
項目驗收
web前端中高級開發工程師

面向對象基礎

面向對象概述
對象和構造函數（類）之間的關係
對象的屬性和方法
原型與原型鏈
包裝對象與內部實現
對象中實現繼承方式
設計模式及實際運用
JavaScript高級

JS算法與排序算法
promise異步處理
運動與tween算法
閉包與模塊化
JS組件開發
打造小型jquery框架
JS性能優化
ES6新增功能
前端工程化

gulp基本使用
less、sass、babel等預編譯框架
理解模塊概念，AMD與CMD規範
前端模塊框架seaJS、requireJS
webpack基本使用
多人協做

svn基本用法與可視化工具
多人開發流程
git基本用法
命令行操做
分區及分支等概念
遠程github操做
實戰：多人協做開發項目
HTML5新功能

canvas繪圖
svg繪圖
音頻與視頻
本地存儲與離線存儲
地理信息
web Worker
web Socket
NodeJS基礎

node與npm概念及使用
node模塊方式
node經常使用內置模塊
node爬蟲與文件自動化處理
node搭建服務器與簡單路由
mongodb非關係數據庫
mongodb安裝與db操做
mongodb增刪改查
mongodb與node結合開發
mongoose數據建模
mongoose與node結合開發
express框架
中間件與ejs模板引擎
Robomongo與postman工具
express+mongoose搭建後端框架
設計Restful API
實戰：先後端分離式開發
微信端開發

移動端交互與移動端事件
微信場景與swiper框架
微信公衆號介紹
網頁受權與JSSDK
微信web開發者工具使用
微信小程序開發
實戰：公衆號與小程序項目同步開發
web前端大神級開發工程師

VueJS框架

Vue框架簡介
漸進式與響應式
模板語法與計算屬性
指令與數據處理器
生命週期
組件與組件通訊
Vuex狀態管理
Vue動畫與路由
單文件組件與腳手架
基於Vue的組件框架
實戰：Vue與Node全棧開發
ReactJS框架

React框架簡介
JSX語法
組件與組件通訊
屬性與狀態設置
虛擬DOM
生命週期
redux架構
react-redux使用
react-router使用
Mem腳手架使用
實戰：React與Node全棧開發
AngularJS框架

Angular框架簡介
TypeScript基礎與進階
開發環境配置
架構、模塊與組件
模板、元數據與數據顯示
服務於指令
依賴注入
路由
實戰：Angular與Node全棧開發
Hybrid App開發

App介紹與分類
Android/ios與H5通訊
Cordova/Phonegap框架
HTML5+基於HB工具
React Native
前端架構

單元測試與編寫測試用例自動化測試方案前端安全與HTTP協議項目上線與一鍵部署數據統計與SEO優化搭建組件庫與按需載入瀏覽器渲染與瀏覽器引擎深刻理解後端開發模式