400-888-5228

課程介紹:

前端生態(tài)圈目前有各種有大量框架和工具,對(duì)于初次進(jìn)入前端開(kāi)發(fā)的人員,這些工具和框架的選擇和使用常常非常讓人苦惱,艾威Avtechcn(中國(guó))JavaScript框架與工具培訓(xùn)課程通過(guò)梳理和介紹常見(jiàn)的框架和工具,使剛剛接觸前端開(kāi)發(fā)工作的開(kāi)發(fā)者快速掌握如何選擇框架,并了解每種框架的配合工具,及不同框架生態(tài)系統(tǒng)的優(yōu)劣,為開(kāi)發(fā)者事半功倍的進(jìn)行前端開(kāi)發(fā)提供幫助。

 

學(xué)習(xí)前提:

基本編程知識(shí)

 

課程目標(biāo):

了解瀏覽器工作原理與 JavaScript 工作方式

了解常見(jiàn)的框架 angular、reactjs、vuejs 的特點(diǎn)和應(yīng)用場(chǎng)景

了解常見(jiàn)前端工具如 bower、gulp、grunt、webpack,yeoman 等

了解常見(jiàn)的前端測(cè)試工具如 jasmine、karma、selenium 等

了解打包工具如 cordoava、ionic 等

 

課程時(shí)長(zhǎng):

2天

目標(biāo)學(xué)員:

即將進(jìn)行前端開(kāi)發(fā)的開(kāi)發(fā)者

 

課程大綱:

瀏覽器工作方式介紹

HTML 引擎工作方式及特點(diǎn)

JavaScript 引擎工作方式及特點(diǎn)

常見(jiàn)瀏覽器廠商的產(chǎn)品特性

移動(dòng)端瀏覽器行為的特點(diǎn)

JavaScript 與設(shè)計(jì)模式基本技巧

這一部分介紹通用模式下的代碼編寫規(guī)范

Javascript 嚴(yán)格模式詳解

這一部分介紹如何進(jìn)行嚴(yán)格模式下的 JavaScript 代碼開(kāi)發(fā)

JavaScript 中自行編寫對(duì)象

這一部分介紹如何自行編寫對(duì)象組織代碼,達(dá)到解耦和復(fù)用的目的

使用模塊化組織代碼

這一部分介紹在將代碼組織為對(duì)象模式之后,如何進(jìn)行模塊化的封裝。

前端框架介紹

這一部分分別介紹 angular 框架與 MVVM 架構(gòu)、reactjs 生態(tài)圈,vuejs 特點(diǎn)

前端開(kāi)發(fā)輔助工具介紹

Nodejs 的安裝

Npm 的使用

Bower 進(jìn)行包管理

Gulp 和 grunt 進(jìn)行自動(dòng)化構(gòu)建

Webpack 與打包

Yeoman 與工程的自動(dòng)構(gòu)建

測(cè)試工具的使用

Jasmine 與單元測(cè)試

Karma 與 BDD

Selenium 與 E2E 測(cè)試

打包與發(fā)布工具

Cordova 與 phonegap 打包

Ionic 與 angular 結(jié)合打包

使用微信發(fā)布

(sp)