2019年最新前端學習線路圖——愛創課堂專業前端培訓

隨着前端的發展，各個技術也在不斷交替更新，下面小編爲你精心整理了2019年前端線路圖，但願對你的前端發展有所幫助。
前端線路總圖：
一．前端相關概念創建
學習時長：約0.5天
學習目標： 創建起整個前端與後端的知識大致系，給以後的學習打好地基。
主要內容：
瀏覽器的概念介紹：
瀏覽器的做用、工做方式
瀏覽器的概念介紹：
瀏覽器的做用、工做方式
HTTP協議：
協議產生的緣由、做用、及內容
頁面加載流程：
當用戶打開瀏覽器，輸入地址欄並按下回車以後發生的事情

二．HTML-CSS-JS基礎-jQuery
學習週期：約23天
學習目標：
熟悉HTML佈局、CSS樣式、JS內容、jQuery的使用。
熟悉CSS盒模型、CSS的各類常見屬性與屬性值
熟悉頁面的書寫過程及簡單的JS交互
熟悉一些較爲常見的動態效果
學習內容：
HTML及HTML5：
理解瀏覽器如何解析HTML、基本的語法規則、不一樣標籤的使用方式、嵌套方式
CSS：
理解層疊式樣式表的語法規則、各類盒模型及經常使用佈局
CSS3：
僞類、新選擇器及高級盒模型
JavaScript：
理解JS的做用、運行規則、語法規則、數據類型、斷定、循環
對象、數組、函數、日期、正則、異常
jQuery：
$函數、選擇器、經常使用方法、鏈式調用、項目實戰。前端培訓諮詢、視頻資源、學習路線 請+VX:haomei0452領取

三．JS進階-面向對象-H5新特性
學習週期：約16天
學習目標：
可以使用JS實現更加複雜的功能及動畫
可以熟練操做DOM
可以理解面向對象的相關知識
可以使用HTML5的canvas進行小遊戲的開發
主要內容：
DOM：
理解DOM的做用及使用規則
JS進階：

快捷屬性和尺寸、瀏覽器檢測、事件流程

面向對象：

構造函數、原型、繼承

H5新特性：

多線程、事件推送、前端存儲、canvas、歷史記錄等

四．設計模式-AJAX-NodeJS-數據庫
學習週期：約14天
學習目標：
可以理解函數的高級運用如閉包、IIFE、JS執行隊列、垃圾回收機制
可以理解並會熟練運用設計模式
可以學會如何發送AJAX請求並處理響應
可以使用Express建立服務器應用程序
學會操做數據庫
學習內容：
設計模式：

單例模式、工廠模式、閉包類、MVC思想、MVVM等

AJAX：

AJAX優缺點、異步請求、字符串模板、跨域

NodeJS：

Node服務器的相關知識、接口、文件操做、Express框架

數據庫：

數據的概念、分類、使用Node操做數據庫、MongoDB數據庫

五．工程化-CSS預編譯-ES2015-小程序
學習週期：約11天
學習目標：
可以使用工程化工具進行代碼的壓縮、編譯、檢測
可以使用Less、Sass進行CSS的開發
學會使用ES6語法、async、await等更高版本的ECMA內容
可以使用微信開發者工具進行小程序的開發
主要內容：
工程化：
Gulp使用、Webpack使用
CSS預編譯：
Less使用、Sass使用
ES2016：
塊級做用域、新的定義變量關鍵字、新的方法拓展、字符串模板與插值、新的數據結構、新的編程方式、類、繼承、模塊化
小程序 ：
小程序註冊、介紹、組件、API、開發跨平臺通用程序

六．Vue-React-Angular
學習週期：約18天
學習目標：

可以使用高級框架進行前端代碼的開發
熟悉NodeJS全棧開發流程
概括前端工做流程，從新認識前端，溫故知新

學習內容：
Vue：

Vue詳解、Vue插件、Vue腳手架、Vue項目實戰

React與ReactNative：

React詳解、React組件化、Redux狀態管理、React項目實戰
ReactNative詳解、ReactNative建立移動端應用、ReactNative項目實戰

Angular：

Angular詳解、Angular特性、Angular項目實戰