哈爾濱Web前端網(wǎng)頁開發(fā)

課程級別：入門級

培訓(xùn)周期：4-6個月

上課時間：全日制、周末班

班 型：10人/班

上課地點(diǎn)：哈爾濱市南崗區(qū)哈西大街299號西城紅場B座15層愛尚實(shí)訓(xùn)

授課對象：針對在讀大專、本科學(xué)生、研究生、在職、離職準(zhǔn)備轉(zhuǎn)崗人員等編程愛好人員

同時開設(shè)：Java編程開發(fā)、Python、大數(shù)據(jù)開發(fā)、人工智能等主流專業(yè)

愛尚特色

闖關(guān)式實(shí)訓(xùn)模式

每天一次項(xiàng)目解讀、每天一次作業(yè)提交，每周一次技術(shù)考評，每月一次項(xiàng)目答辯，每階段一次闖關(guān)考核，使學(xué)員“畢業(yè)即可上崗，上崗就能勝任”。

企業(yè)化管理方式

以項(xiàng)目組為單位的（10-15人）小班教學(xué)，分配工位、佩戴工牌、指紋考勤、項(xiàng)目管理工具、企業(yè)化開發(fā)與測試環(huán)境配備，資深項(xiàng)目經(jīng)理親自帶隊(duì)。

商業(yè)化項(xiàng)目案例

一線商用實(shí)訓(xùn)項(xiàng)目，涉及電子商務(wù)、ERP（企業(yè)資源計劃）、MIS(管理信息系統(tǒng)）、CRM（客戶關(guān)系管理）、BI（商業(yè)智能）、數(shù)據(jù)分析等領(lǐng)域。

無憂的就業(yè)保章

收/退費(fèi)標(biāo)準(zhǔn)透明合理（每課時30元），一次收費(fèi)培訓(xùn)至滿意就業(yè)為止，闖關(guān)成功即可推間就業(yè)（IT行業(yè)對口就業(yè)），簽署正規(guī)協(xié)議，保正學(xué)員權(quán)益。

哈爾濱愛尚實(shí)訓(xùn)Web前端開發(fā)

第意部分前端核心技術(shù)

包括：HTML+CSS基礎(chǔ)、、 D0M、高級、jQuery框架

HTML+CSS基礎(chǔ)

1、介紹網(wǎng)頁設(shè)計規(guī)范，案例講解HTML常用標(biāo)簽及使用表格簡單布局

2、案例講解如何使用HTML4、HTML5表單、框架頁標(biāo)簽

3、介紹CSS樣式表在網(wǎng)頁中的使用，css3多媒體控件、新的屬性

4、網(wǎng)頁布局，css復(fù)合選擇器、浮動

5、定位、背景、字體圖標(biāo)、精靈圖

★實(shí)訓(xùn)項(xiàng)目★：電商購物平臺

基礎(chǔ)語法

1、介紹如何在網(wǎng)頁中嵌入代碼及其基礎(chǔ)語法、運(yùn)算符、數(shù)據(jù)類型、分支結(jié)構(gòu)

2、循環(huán)結(jié)構(gòu)、while、dowhile、for

3、數(shù)組、索引、創(chuàng)建、添加、遍歷

4、函數(shù)、調(diào)用、返回值、參數(shù)、匿名函數(shù)、作用域

5、對象、字面量對象、創(chuàng)建對象、對象的操作、內(nèi)置對象的使用

D0M

1、 D0M和B0M編程、D0M概念、獲取D0M的幾種方式、事件原理及執(zhí)行過程、排它操作、事件類型、操作D0M對象的屬性,內(nèi)容,樣式

2、節(jié)點(diǎn)操作、自定義屬性

3、事件間聽、解綁、冒泡、事件對象、事件捕獲

4、鍵盤事件、定時器、location、history

5、offset、client、page、scroll

6、動畫、輪播圖

7、高級特效

高級

1、面向?qū)ο�、原型、原型�?/span>

2、函數(shù)進(jìn)階、call、apply、bind、高階函數(shù)

3、正則、繼承、閉包、深拷貝、淺拷貝、線程

4、游戲編程

★實(shí)訓(xùn)項(xiàng)目★：js游戲

jQuery框架

1、jQuery發(fā)展史、jQuery的優(yōu)勢、jQuery設(shè)計模式、選擇器分步講解

2、鏈?zhǔn)骄幊�、動畫函�?shù)、事件委托、過濾和查找、隱式迭代

3、網(wǎng)頁常見動效案例、插件的制作和使用、jQuery案例演練、js動效綜合案例

第二部分 H5C3

包括：H5新特性+css3、CSS3新特性、CSS3高級、布局

H5新特性+css3

自定義播放器、媒體選擇器、子元素選擇器、相鄰兄弟選擇器、通用兄弟選擇器

CSS3新特性

錨點(diǎn)偽類、用戶行為偽類、目標(biāo)偽類、目標(biāo)偽類實(shí)現(xiàn)圖片切換、checked狀態(tài)偽類、自定義單選按鈕、CSS3結(jié)構(gòu)類、CSS3結(jié)構(gòu)類實(shí)現(xiàn)尺子效果、否定選擇器、偽元素

CSS3高級

背景、過渡、旋轉(zhuǎn)、動畫、縮放、漸變

布局flex布局

★實(shí)訓(xùn)項(xiàng)目★；2個H5C3特效

第三部分 移動端

包括：bootstrap、less

Bootstrap

響應(yīng)式布局、移動web開發(fā)、bootstrap、屏幕尺寸、屏幕分辨率、屏幕像素密度

Less

less語法、使用、移動端事件

第四部分 前后端交互

包括：ES6、node.js、mongoDB、Express、AJAX、Webpack

ES6

es6語法，模塊開發(fā)、箭頭函數(shù)

node.js

基礎(chǔ)語法、系統(tǒng)模塊、第三方模塊、nodemon、請求報文、路由

mongoDB

Mongoose、數(shù)據(jù)庫操作

Express

Express框架特性 、中間件、構(gòu)建模塊化路由、 Express路由參數(shù)、靜態(tài)資源的處理

AJAX

原生ajax，驗(yàn)證、Jqueryajax、同步、異步、回調(diào)

Webpack

工作原理、loader與plugin、打包各種資源、開發(fā)環(huán)境打包、生產(chǎn)環(huán)境打包、模塊熱替換、代碼分離、打包優(yōu)化

★實(shí)訓(xùn)項(xiàng)目★：博客系統(tǒng)

第五部分框架

包括：vue、vue實(shí)訓(xùn)項(xiàng)目、小程序、小程序?qū)嵱?xùn)項(xiàng)目、公眾號、公眾號項(xiàng)目

Vue

1、Vue的基本認(rèn)識與使用、模板語法、計算屬性和監(jiān)視、class與style綁、條件渲染與列表渲染、事件處理與表單數(shù)據(jù)收集

2、Vue實(shí)例生命周期、過渡與動畫、自定義過濾器、內(nèi)置指令與自定義指令、使用vue-cli創(chuàng)建模板項(xiàng)目、組件定義與使用、組件間通信

3、基本路由、嵌套路由、向路由組件傳遞數(shù)據(jù)、緩存路由組件、編程式路由導(dǎo)航、vuex: 理解與基本使用、vuex: 相關(guān)API與結(jié)構(gòu)分析

4、mint-ui、mui、animate、promise、axios、mock.js

★vue實(shí)訓(xùn)項(xiàng)目★：電商app

小程序原生小程序開發(fā)，小程序api、ui框架

★小程序?qū)嵱?xùn)項(xiàng)目★：本地生活小程序

公眾號

校驗(yàn)服務(wù)器有效性、服務(wù)端獲取用戶消息、回復(fù)微信服務(wù)器消息、接口管理、用戶管理、獲取用戶基本信息、群發(fā)消息、獲取全局接口調(diào)用憑據(jù)(ticket)

公眾號項(xiàng)目：愛尚電影