深圳Web前端培訓(xùn)課程

【課程內(nèi)容】

一、基礎(chǔ)篇

1、web前端概述

Web應(yīng)用與發(fā)展歷史、現(xiàn)狀與前景，Web開(kāi)發(fā)整體架構(gòu)和流程，Web前端工程師的任務(wù)與職責(zé)，常用熱門Web開(kāi)發(fā)技術(shù)和框架對(duì)比、選型與組合，常用開(kāi)發(fā)工具介紹。

2、常用開(kāi)發(fā)工具與網(wǎng)站發(fā)布

DreamWeaver網(wǎng)頁(yè)設(shè)計(jì)、Hbuilder下Web開(kāi)發(fā)、WebStorm下Web開(kāi)發(fā)、VisualStudioCode，Photoshop圖像處理,IIS、apache網(wǎng)站發(fā)布

3、HTML/HTML5

HTML基本標(biāo)簽、W3C標(biāo)準(zhǔn)及XHTML1.0基本規(guī)范、文本、圖像、鏈接、表格、列表、表單、框架。

html5音頻和視頻處理、表單處理、表單驗(yàn)證、GeolocationAPI、FormsAPI、HTML5拖放、WebStorageAPI、離線Web應(yīng)用、Canvas、SVG、Chart.js框架、Two.js框

4、CSS/CSS3

CSS基礎(chǔ)語(yǔ)法

CSS選擇器(通用選擇器、元素選擇器、id和class選擇器、后代選擇器、偽類選擇器等)

盒模型與背景、文本格式化、表格、顯示與定位

CSS復(fù)雜選擇器（兄弟選擇器、屬性選擇器、偽類和偽元素選擇器等）、動(dòng)畫(huà)、過(guò)渡、2D/3D轉(zhuǎn)換、彈性盒子、CSSHack、CSS優(yōu)化、CSS規(guī)范

響應(yīng)式布局：優(yōu)缺點(diǎn)，設(shè)計(jì)原則,視口,斷點(diǎn)選擇

CSS3前綴和rem、文本效果、漸變效果、邊框圖片效果、變形效果、過(guò)渡效果、動(dòng)畫(huà)效果、傳統(tǒng)布局、多列布局、彈性伸縮布局、使用Emmet插件

二、基礎(chǔ)篇

1、JavaScript程序設(shè)計(jì)

JavaScript引擎、JavaScript基本語(yǔ)法、數(shù)據(jù)類型、變量、表達(dá)式、結(jié)構(gòu)、數(shù)組、字符串、函數(shù)

JavaScript內(nèi)置對(duì)象

事件處理

DOM文檔對(duì)象模型

BOM瀏覽器對(duì)象模型

面向?qū)ο缶幊?/p>

數(shù)據(jù)結(jié)構(gòu)與算法(數(shù)組、鏈表、棧、隊(duì)列、散列、集合、二叉樹(shù)、查找、排序)

ES5/ES6語(yǔ)法、宿主對(duì)象、原型與閉包、上下文、this、作用域鏈、正則表達(dá)式

2、jQuery庫(kù)

jQuery語(yǔ)法、選擇器、事件

HTML元素CRUD

效果、動(dòng)畫(huà)、遍歷

Ajax,Json

jQuery插件

項(xiàng)目實(shí)戰(zhàn)

3、jQueryUI庫(kù)

交互(Resizable、Draggable、Droppable、Selectable、Sortable)

小部件(Accordion、Autocomplete、Button、Datepicker、Dialog、Menu、Progressbar、Slider、Spinner、Tabs、Tooltip)

效果庫(kù)(Effect、Show、Hide、Toggle、AddClass、RemoveClass、ToggleClass、SwitchClass、ColorAnimation)

項(xiàng)目實(shí)戰(zhàn)

4、EasyUI庫(kù)

應(yīng)用、拖放、菜單與按鈕、布局、數(shù)據(jù)網(wǎng)格、窗口、樹(shù)形菜單、表單、插件

項(xiàng)目實(shí)戰(zhàn)（湘北斗官網(wǎng)）

三、進(jìn)階篇

1、BootStrap前端界面框架

BootStrap簡(jiǎn)介、Bootstrap編碼規(guī)范、快速入門

BootStrap框架核心(CSS、布局組件、插件)

第三方擴(kuò)展

2、Less語(yǔ)言

安裝、命令行用法、代碼用法、瀏覽器用法

BootStrapLess

3、Sass擴(kuò)展

入門、語(yǔ)法、函數(shù)、編譯

BootStrapSass

項(xiàng)目實(shí)戰(zhàn)

4、AngularJS前端框架

Angular基礎(chǔ)、指令、MVC框架、模塊、控制器、過(guò)濾器、雙向數(shù)據(jù)綁定。

WebTools(Grunt、Gulp)、Angularscope。

Angular表單校驗(yàn)

依賴注入(DI)

Angular工廠和服務(wù)

Angular模板

單頁(yè)應(yīng)用SPA(SinglePageApplications)、AngularngRouter、UI-Router

與服務(wù)器通信，Restful接口規(guī)范

Angular測(cè)試

5、mui庫(kù)

ui組件、窗口管理、事件管理、工具、Ajax、下拉刷新、上傳加載

項(xiàng)目實(shí)戰(zhàn)

四、移動(dòng)篇

1、ionic移動(dòng)App框架

移動(dòng)混合開(kāi)發(fā)、ionic與AngularJS

Ionic框架的主要組成、Ionic的UI框架、Ionic的擴(kuò)展指令

ioniccss布局、ionicjs指令布局、ionic路由頁(yè)面切換、tabs、側(cè)邊欄、列表、上拉、下載、手勢(shì)。

項(xiàng)目實(shí)戰(zhàn)

2、PhoneGap/Cordova

AndroidandiOS平臺(tái)SDK安裝

Cordova環(huán)境搭建

創(chuàng)建Android和iOS模擬器

Cordova存儲(chǔ)、事件、本地設(shè)備訪問(wèn)(電池、相機(jī)、加速度傳感器、定位、視頻、振動(dòng))，開(kāi)機(jī)畫(huà)面

3、移動(dòng)應(yīng)用接口

微信公眾號(hào)

微信小程序

支付寶接口

地圖接口

項(xiàng)目實(shí)戰(zhàn)

五、后臺(tái)篇

1、Node.js

Node.js環(huán)境搭建、Node.js模塊

HTTP協(xié)議、RESTAPI

數(shù)據(jù)本地存儲(chǔ)

連接MongoDB數(shù)據(jù)庫(kù)

2、Express

expressapi

express中間件

ejs/jade

3、noSQL數(shù)據(jù)庫(kù)

mongodb與mongoose

框架中間件

項(xiàng)目實(shí)戰(zhàn)

【教學(xué)管理】

1、標(biāo)準(zhǔn)化管理

學(xué)生從招生，教學(xué)，考試到就業(yè)各個(gè)環(huán)節(jié)都嚴(yán)格按照標(biāo)準(zhǔn)實(shí)施管理。并根據(jù)各個(gè)環(huán)節(jié)要求，制定了相應(yīng)的崗位規(guī)范手冊(cè)，確保學(xué)生滿意度在98%以上。

2、教學(xué)管理

學(xué)校設(shè)有教學(xué)質(zhì)量部，采取教管分開(kāi)，互相督促，共同提高的教學(xué)管理模式。每個(gè)班配有專業(yè)技術(shù)老師，班主任和就業(yè)指導(dǎo)教師，其中，專業(yè)技術(shù)老師負(fù)責(zé)提升學(xué)員的專業(yè)技能，班主任負(fù)責(zé)提升學(xué)員的職業(yè)素養(yǎng)，就業(yè)指導(dǎo)老師負(fù)責(zé)提升學(xué)員的就業(yè)能力。三方共同努力，確保學(xué)員學(xué)有所成。

【教學(xué)環(huán)境】

【教學(xué)管理】

1、標(biāo)準(zhǔn)化管理

學(xué)生從招生，教學(xué)，考試到就業(yè)各個(gè)環(huán)節(jié)都嚴(yán)格按照標(biāo)準(zhǔn)實(shí)施管理。并根據(jù)各個(gè)環(huán)節(jié)要求，制定了相應(yīng)的崗位規(guī)范手冊(cè)，確保學(xué)生滿意度在98%以上。

2、教學(xué)管理

學(xué)校設(shè)有教學(xué)質(zhì)量部，采取教管分開(kāi)，互相督促，共同提高的教學(xué)管理模式。每個(gè)班配有專業(yè)技術(shù)老師，班主任和就業(yè)指導(dǎo)教師，其中，專業(yè)技術(shù)老師負(fù)責(zé)提升學(xué)員的專業(yè)技能，班主任負(fù)責(zé)提升學(xué)員的職業(yè)素養(yǎng)，就業(yè)指導(dǎo)老師負(fù)責(zé)提升學(xué)員的就業(yè)能力。三方共同努力，確保學(xué)員學(xué)有所成。

【學(xué)校簡(jiǎn)介】

鯤鵬IT憑借自身不斷的努力與創(chuàng)新，形成了一套集課程研發(fā)、教學(xué)、管理和就業(yè)為一體的職業(yè)教育體系。先后累計(jì)為騰訊、百度、華為、中軟國(guó)際、中興通訊、金蝶國(guó)際、中聯(lián)宏達(dá)、拜特科技、巨雷科技等多家知名企業(yè)培養(yǎng)輸送了8萬(wàn)多中軟件開(kāi)發(fā)人才，是華南地區(qū)具規(guī)模、口碑好的高端軟件人才培訓(xùn)機(jī)構(gòu)。