上海網(wǎng)頁前端開發(fā)工程師

課程安排

本課程適合零基礎(chǔ)學(xué)員或有意向轉(zhuǎn)行的技術(shù)人員。

第一階段 HTML5+CSS3基礎(chǔ)

掌握PS基礎(chǔ)知識(shí)、切圖及插件切圖、HTML基本語法、HTML常用標(biāo)簽及屬性、HTML語義化、Html表單、 CSS語法及使用技巧、背景圖技術(shù)、CSS3高級(jí)選擇器、盒子模型和浮動(dòng)、定位和flex布局、變形和動(dòng)畫、響應(yīng)式布局，移動(dòng)端布局、 瀏覽器見兼容性解決方案、瀏覽器調(diào)試工具的使用方法、掌握網(wǎng)站重構(gòu)開發(fā)基本流程和規(guī)范、掌握移動(dòng)端屏幕適配的解決方案、掌握設(shè)備系統(tǒng)不同的解決方案、掌握移動(dòng)端重構(gòu)常見的兼容

第二階段 Javascript實(shí)現(xiàn)交互設(shè)計(jì)

JavaScript的基本語法、JavaScript內(nèi)置對(duì)象、JavaScript常見算法、JavaScript函數(shù)應(yīng)用、DOM文檔對(duì)象模型的、BOM瀏覽器對(duì)象模型、掌握定時(shí)器、掌握J(rèn)avaScript事件的對(duì)象、使用正則表達(dá)式進(jìn)行表單驗(yàn)證、掌握閉包的應(yīng)用場(chǎng)景及優(yōu)缺點(diǎn)、掌握AJAX的實(shí)現(xiàn)原理及封裝、熟練使用面向?qū)ο笏枷脒M(jìn)行編程、掌握項(xiàng)目的開發(fā)流程、掌握To****js在移動(dòng)端的應(yīng)用、 熟悉jQuery常見操作、熟悉jQuery DOM操作、掌握jQuery核心API掌握Zepto的使用方法

第三階段 Js進(jìn)階和ES6

js進(jìn)階：

掌握js面向?qū)ο笏枷?、原型、原型鏈、預(yù)解析、this指針和指針改變及綁定； 前后端分離、剖析Http協(xié)議、前后端數(shù)據(jù)交互、API接口規(guī)范、數(shù)據(jù)交互實(shí)戰(zhàn)、跨域請(qǐng)求；

E6基本語法：

let和const、塊級(jí)作用域、解構(gòu)和析構(gòu)、函數(shù)、數(shù)組、對(duì)象擴(kuò)展、箭頭函數(shù)、smybol、常用數(shù)據(jù)結(jié)構(gòu)，set和list、map、promise和async異步編程，class基本語法、繼承和super使用；module語法、export和import命令、模塊加載和繼承

第四階段 No***js服務(wù)端開發(fā)

掌握Node特性、掌握Node操作文件和目錄、掌握Node搭建服務(wù)器、掌握前后臺(tái)交互過程掌握Express的用法、掌握Express的路由配置、掌握Express的內(nèi)置中間件使用、掌握Express的常見第三方中間件使用、掌握Express渲染視圖模板、掌握MySQL數(shù)據(jù)庫設(shè)計(jì)規(guī)范、掌握MySQL之CURD操作指令、掌握Node操作MySQL、掌握MVC和MVP概念、

掌握Webpack打包項(xiàng)目過程、熟悉Gulp用法、掌握ES6和commonjs模塊化用法、掌握WebSocket、熟悉Koa2的用法、掌握接口設(shè)計(jì)規(guī)范、掌握權(quán)限系統(tǒng)設(shè)計(jì)、掌握token令牌設(shè)計(jì)、掌握登錄攔截、掌握項(xiàng)目部署；

第五階段 Vue+React前端框架

常用指令：指令、屬性、模板和過濾器

新特性：計(jì)算屬性、實(shí)例屬性

生命周期：生命周期、鉤子函數(shù)

組件技術(shù)：定義組件的方式、組件分類、引用模板和動(dòng)態(tài)組件、組件間數(shù)據(jù)傳遞、單向數(shù)據(jù)傳遞

路由/動(dòng)畫：路由使用、路由嵌套、參數(shù)傳遞、路由動(dòng)畫、單文件組件、腳手架、模塊化

vuex和axios：自定義全局組件、vuex狀態(tài)管理、分模塊組件狀態(tài)、Axios使用及數(shù)據(jù)請(qǐng)求、展示、交互、腳手架配置：webpack入口/輸出/加載器/模塊解析/熱替換

熟悉Git版本控制軟件的使用； 熟悉數(shù)據(jù)可視化工具的使用；

掌握React的JSX語法使用； 掌握React事件綁定的方法； 掌握React組件的定義和通信； 掌握React路由及相關(guān)路由組件的使用方法； 掌握React網(wǎng)絡(luò)請(qǐng)求的使用方法； 熟悉React狀態(tài)管理Flux、Redux的原理和流程； 熟悉React項(xiàng)目?jī)?yōu)化、部署流程

第六階段 項(xiàng)目實(shí)戰(zhàn)

Vue+webAPP移動(dòng)端實(shí)戰(zhàn) 電商APP項(xiàng)目；實(shí)現(xiàn)京東、淘寶、美團(tuán)、一號(hào)店

Vue+ElementUI企業(yè)項(xiàng)目實(shí)戰(zhàn)

實(shí)現(xiàn)后臺(tái)管理系統(tǒng)、信息管理系統(tǒng)、審核系統(tǒng)、權(quán)限管理系統(tǒng)