WEB前端開(kāi)發(fā)課程能收獲提升技術(shù)，未來(lái)就業(yè)輕松

通過(guò)WEB前端工程師培訓(xùn)班的學(xué)習(xí)，學(xué)員有了一定的網(wǎng)頁(yè)規(guī)劃和搭建能力，能熟練快速完成網(wǎng)頁(yè)界面設(shè)計(jì)、網(wǎng)站美工設(shè)計(jì)；能運(yùn)用H5+JS進(jìn)行開(kāi)發(fā)前端交互設(shè)計(jì)能力，利用vue.js、Node.js、react.js 開(kāi)發(fā)各種網(wǎng)頁(yè)框架；通過(guò)網(wǎng)頁(yè)網(wǎng)站實(shí)訓(xùn)模塊，學(xué)生能熟練掌握門(mén)戶(hù)網(wǎng)站，電子商務(wù)網(wǎng)站，企事業(yè)單位網(wǎng)站，垂直類(lèi)網(wǎng)站等成套商業(yè)網(wǎng)站的設(shè)計(jì)流程，設(shè)計(jì)理念，設(shè)計(jì)風(fēng)格等；

課程具有含金量，緊扣行業(yè)需求

學(xué)習(xí)大綱 學(xué)習(xí)內(nèi)容

Web前端布局與交互開(kāi)發(fā)

1、Html標(biāo)簽、常用標(biāo)簽、智能表單應(yīng)用

2、CSS3三大引用方式、七類(lèi)常用樣式的用法

3、CSS3炫酷的用法、過(guò)渡屬性和動(dòng)畫(huà)屬性

4、CSS3 11大類(lèi)選擇器的用法

5、CSS3 四大布局技巧、盒子模型、浮動(dòng)設(shè)置

6、媒體查詢(xún)的引用方式和使用方法、元素的字號(hào)適配

7、CSS3優(yōu)化技巧、優(yōu)先級(jí)計(jì)算、兼容性調(diào)試技巧

8、PS切圖、頁(yè)面布局整體講解、企業(yè)站、商城站、響應(yīng)式頁(yè)面實(shí)戰(zhàn)

Web前端JavaScript交互

1、JS組成和語(yǔ)法、對(duì)象的創(chuàng)建方式和this詳解、JS中的數(shù)據(jù)類(lèi)型

2、基本的數(shù)據(jù)類(lèi)型、引用數(shù)據(jù)類(lèi)型、不同對(duì)象類(lèi)型之間的轉(zhuǎn)換

3、DOM和BOM操作、頁(yè)面布局、事件處理、瀏覽器兼容處理

4、JavaScript事件機(jī)制、Offset家族和Scroll家族、鍵盤(pán)事件及鍵盤(pán)碼屬性

5、正則表達(dá)式，正則的三大核心、正則的使用和替換、完整版表單校驗(yàn)

6、面向?qū)ο蠛兔嫦蜻^(guò)程，原型和原型鏈、企業(yè)開(kāi)發(fā)中的沙箱模式

7、JQuery選擇器、JQuery動(dòng)畫(huà)詳解、鏈?zhǔn)骄幊毯碗[式迭代、JQuery插件的使用和制作

8、Bootstrap開(kāi)發(fā)介紹、響應(yīng)式開(kāi)發(fā)原理、框架使用、柵格化系統(tǒng)詳解、Bootstrap中Javascript使用

9、ECMAscript嚴(yán)格模式、語(yǔ)法詳解、代碼簡(jiǎn)潔化的方法、定義變量的新方式LET和const

10、Ajax技術(shù)、請(qǐng)求方式、JSON數(shù)據(jù)分析、跨域訪問(wèn)方法、企業(yè)接口化開(kāi)發(fā)

Web前端移動(dòng)端開(kāi)發(fā)

1、Git版本控制，Git常用指令、可視化工具TortoiseGit常規(guī)操作

2、HTML5功能，canvas用法、多媒體標(biāo)簽使用，智能化表單和完成后臺(tái)數(shù)據(jù)交互、存儲(chǔ)標(biāo)簽

3、WebAPP開(kāi)發(fā)，視口Viewport、移動(dòng)端的事件交互、彈性布局

4、微信公眾號(hào)開(kāi)發(fā)，微信官方API接口函數(shù)、微信分享、投票、掃一掃、定位打卡的設(shè)計(jì)與實(shí)現(xiàn)

5、微信小程序開(kāi)發(fā)環(huán)境搭建、小程序開(kāi)發(fā)組件、API使用、網(wǎng)校實(shí)訓(xùn)項(xiàng)目

6、抖音小程序開(kāi)發(fā)，開(kāi)發(fā)環(huán)境搭建、布局原理、自定義組件開(kāi)發(fā)

7、階段考核，獨(dú)立完成移動(dòng)端開(kāi)發(fā)

Web框架

1、Vue.js簡(jiǎn)介與安裝、Vue.js三大基礎(chǔ)語(yǔ)法、監(jiān)聽(tīng)屬性與偵聽(tīng)器

2、鉤子函數(shù)、自定義組件開(kāi)發(fā)、過(guò)渡與動(dòng)畫(huà)、數(shù)據(jù)請(qǐng)求工具axios的使用

3、腳手架vue-cli使用、路由router、狀態(tài)管理vuer、自動(dòng)打包工具webpack

4、路由簡(jiǎn)介、編程式導(dǎo)航、命名路由和命名視圖、路由的傳參、導(dǎo)航守衛(wèi)

5、認(rèn)識(shí)Vuex，Vue.js狀態(tài)管理、Vuex五大核心屬性、網(wǎng)站1個(gè)月免登陸功能實(shí)現(xiàn)

6、商城項(xiàng)目實(shí)訓(xùn)：開(kāi)發(fā)環(huán)境搭建、商城各個(gè)功能的實(shí)現(xiàn)

7、Element-ui簡(jiǎn)介、安裝element-ui、主題設(shè)置、常用組件、element-admin后臺(tái)項(xiàng)目實(shí)踐

8、React.js簡(jiǎn)介、遍歷數(shù)組、樣式綁定、組件開(kāi)發(fā)、餓了么點(diǎn)餐項(xiàng)目實(shí)戰(zhàn)

Web后臺(tái)交互與開(kāi)發(fā)

1、PHP簡(jiǎn)介、基礎(chǔ)、流程控制、自定義函數(shù)、基礎(chǔ)對(duì)象類(lèi)型

2、面向?qū)ο?、圖形處理庫(kù)介紹及原理、圖形驗(yàn)證碼的開(kāi)發(fā)

3、數(shù)據(jù)庫(kù)基本語(yǔ)法與基本操作、PHP執(zhí)行數(shù)據(jù)庫(kù)操作語(yǔ)法、用戶(hù)登錄

4、Note.js基礎(chǔ)介紹、Note.js模塊創(chuàng)建、事件驅(qū)動(dòng)程序

5、Web服務(wù)器、使用Node創(chuàng)建服務(wù)器和客戶(hù)端

6、Express簡(jiǎn)介與安裝、請(qǐng)求與響應(yīng)