【課程內(nèi)容】
一、基礎(chǔ)篇
1、web前端概述
Web應(yīng)用與發(fā)展歷史、現(xiàn)狀與前景,Web開發(fā)整體架構(gòu)和流程,Web前端工程師的任務(wù)與職責(zé),常用熱門Web開發(fā)技術(shù)和框架對(duì)比、選型與組合,常用開發(fā)工具介紹。
2、常用開發(fā)工具與網(wǎng)站發(fā)布
DreamWeaver網(wǎng)頁設(shè)計(jì)、Hbuilder下Web開發(fā)、WebStorm下Web開發(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ǔ)語法
CSS選擇器(通用選擇器、元素選擇器、id和class選擇器、后代選擇器、偽類選擇器等)
盒模型與背景、文本格式化、表格、顯示與定位
CSS復(fù)雜選擇器(兄弟選擇器、屬性選擇器、偽類和偽元素選擇器等)、動(dòng)畫、過渡、2D/3D轉(zhuǎn)換、彈性盒子、CSSHack、CSS優(yōu)化、CSS規(guī)范
響應(yīng)式布局:優(yōu)缺點(diǎn),設(shè)計(jì)原則,視口,斷點(diǎn)選擇
CSS3前綴和rem、文本效果、漸變效果、邊框圖片效果、變形效果、過渡效果、動(dòng)畫效果、傳統(tǒng)布局、多列布局、彈性伸縮布局、使用Emmet插件
二、基礎(chǔ)篇
1、JavaScript程序設(shè)計(jì)
JavaScript引擎、JavaScript基本語法、數(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ì)列、散列、集合、二叉樹、查找、排序)
ES5/ES6語法、宿主對(duì)象、原型與閉包、上下文、this、作用域鏈、正則表達(dá)式
2、jQuery庫
jQuery語法、選擇器、事件
HTML元素CRUD
效果、動(dòng)畫、遍歷
Ajax,Json
jQuery插件
項(xiàng)目實(shí)戰(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)
項(xiàng)目實(shí)戰(zhàn)
4、EasyUI庫
應(yīng)用、拖放、菜單與按鈕、布局、數(shù)據(jù)網(wǎng)格、窗口、樹形菜單、表單、插件
項(xiàng)目實(shí)戰(zhàn)(湘北斗官網(wǎng))
三、進(jìn)階篇
1、BootStrap前端界面框架
BootStrap簡(jiǎn)介、Bootstrap編碼規(guī)范、快速入門
BootStrap框架核心(CSS、布局組件、插件)
第三方擴(kuò)展
2、Less語言
安裝、命令行用法、代碼用法、瀏覽器用法
BootStrapLess
3、Sass擴(kuò)展
入門、語法、函數(shù)、編譯
BootStrapSass
項(xiàng)目實(shí)戰(zhàn)
4、AngularJS前端框架
Angular基礎(chǔ)、指令、MVC框架、模塊、控制器、過濾器、雙向數(shù)據(jù)綁定。
WebTools(Grunt、Gulp)、Angularscope。
Angular表單校驗(yàn)
依賴注入(DI)
Angular工廠和服務(wù)
Angular模板
單頁應(yīng)用SPA(SinglePageApplications)、AngularngRouter、UI-Router
與服務(wù)器通信,Restful接口規(guī)范
Angular測(cè)試
5、mui庫
ui組件、窗口管理、事件管理、工具、Ajax、下拉刷新、上傳加載
項(xiàng)目實(shí)戰(zhàn)
四、移動(dòng)篇
1、ionic移動(dòng)App框架
移動(dòng)混合開發(fā)、ionic與AngularJS
Ionic框架的主要組成、Ionic的UI框架、Ionic的擴(kuò)展指令
ioniccss布局、ionicjs指令布局、ionic路由頁面切換、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è)備訪問(電池、相機(jī)、加速度傳感器、定位、視頻、振動(dòng)),開機(jī)畫面
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ù)庫
2、Express
expressapi
express中間件
ejs/jade
3、noSQL數(shù)據(jù)庫
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ì)量部,采取教管分開,互相督促,共同提高的教學(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ì)量部,采取教管分開,互相督促,共同提高的教學(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ì)為騰訊、百度、華為、中軟國際、中興通訊、金蝶國際、中聯(lián)宏達(dá)、拜特科技、巨雷科技等多家知名企業(yè)培養(yǎng)輸送了8萬多中軟件開發(fā)人才,是華南地區(qū)具規(guī)模、口碑好的高端軟件人才培訓(xùn)機(jī)構(gòu)。