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

【課程內(nèi)容】

一、基礎(chǔ)篇

1、web前端概述

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

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

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

3、HTML/HTML5

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

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

4、CSS/CSS3

CSS基礎(chǔ)語法

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

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

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

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

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

二、基礎(chǔ)篇

1、JavaScript程序設(shè)計

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

JavaScript內(nèi)置對象

事件處理

DOM文檔對象模型

BOM瀏覽器對象模型

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

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

ES5/ES6語法、宿主對象、原型與閉包、上下文、this、作用域鏈、正則表達式

2、jQuery庫

jQuery語法、選擇器、事件

HTML元素CRUD

效果、動畫、遍歷

Ajax,Json

jQuery插件

項目實戰(zhàn)

3、jQueryUI庫

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

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

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

項目實戰(zhàn)

4、EasyUI庫

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

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

三、進階篇

1、BootStrap前端界面框架

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

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

第三方擴展

2、Less語言

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

BootStrapLess

3、Sass擴展

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

BootStrapSass

項目實戰(zhàn)

4、AngularJS前端框架

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

WebTools(Grunt、Gulp)、Angularscope。

Angular表單校驗

依賴注入(DI)

Angular工廠和服務(wù)

Angular模板

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

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

Angular測試

5、mui庫

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

項目實戰(zhàn)

四、移動篇

1、ionic移動App框架

移動混合開發(fā)、ionic與AngularJS

Ionic框架的主要組成、Ionic的UI框架、Ionic的擴展指令

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

項目實戰(zhàn)

2、PhoneGap/Cordova

AndroidandiOS平臺SDK安裝

Cordova環(huán)境搭建

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

Cordova存儲、事件、本地設(shè)備訪問(電池、相機、加速度傳感器、定位、視頻、振動)，開機畫面

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

微信公眾號

微信小程序

支付寶接口

地圖接口

項目實戰(zhàn)

五、后臺篇

1、Node.js

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

HTTP協(xié)議、RESTAPI

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

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

2、Express

expressapi

express中間件

ejs/jade

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

mongodb與mongoose

框架中間件

項目實戰(zhàn)

【教學(xué)管理】

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

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

2、教學(xué)管理

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

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

【教學(xué)管理】

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

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

2、教學(xué)管理

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

【學(xué)校簡介】

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