自從HTML5與CSS3橫空出世以來，WEB前端的功能實現(xiàn)了質(zhì)的飛躍，并對傳統(tǒng)開發(fā)產(chǎn)生了巨大的沖擊，BAT名企、創(chuàng)業(yè)企業(yè)、中小型企業(yè)，二三線城市均需要Web前端+全棧工程師尤以二三線城市及創(chuàng)業(yè)型企業(yè)對此類全能型人才急需，并開出較高薪資聘用。而普通高校一般還未能開設(shè)相關(guān)課程，前端開發(fā)可以說是時代的新風(fēng)口。

一、PC端頁面重構(gòu)。

1、認(rèn)知行業(yè)、崗位、部分專業(yè)術(shù)語，就業(yè)趨勢與行業(yè)未來展望；

2、HTML5核心元素及布局應(yīng)用；

3、CSS3核心屬性及布局應(yīng)用；

4、圖形、圖像軟件的使用（PS,FW,AI）；

5、瀏覽器兼容及解決方案；

6、圖片整合、滑動門及寬高自適應(yīng)等應(yīng)用技術(shù)；

7、初步接觸。

二、PC端交互開發(fā)（原生JS）。

1、基礎(chǔ)語法和變量、控制語句、循環(huán)語句、函數(shù)、事件處理、數(shù)組、常見排序算法；

2、D0M操作和B0M操作；

3、定時器、Cookie本地存儲、內(nèi)置對象、正則表達(dá)式、閉包、JS面向?qū)ο笳Z法、JS0N、堆棧結(jié)構(gòu)；

4、Ajax動態(tài)讀取數(shù)據(jù)、異步操作、與D0M、JS0N的結(jié)合使用；

5、各種主流瀏覽器兼容性處理；

6、單例、工廠、、觀察者等設(shè)計模式；

7、ECMA6.0新特性介紹。

三、PC端交互開發(fā)（JQuery）。

1、初識jQuery、jQuery的優(yōu)勢、jQuery框架核心功能、容易混淆的幾個概念；

2、jQuery各種選擇器的使用，及選擇器的應(yīng)用優(yōu)化；

3、Dom節(jié)點操作、插入、刪除、復(fù)制、移動節(jié)點等操作；

4、事件處理、事件處理模型、事件處理機制、jQuery事件封裝機制、jQuery事件應(yīng)用；

5、jQuery中的動畫、動畫時間的概念、基本動畫方法、復(fù)雜動畫方法、停止動畫與參數(shù)說明、jQuery動畫的隊列問題；

6、表單開發(fā)，設(shè)計可用性表單、表單驗證、增強型表單；

7、Ajax、XMLHttpRequest 基礎(chǔ)、jQuery Ajax、工具函數(shù)、緩存；

8、在jQuery中編寫插件、插件擴展、插件應(yīng)用、jQuery.pagination分頁、jQuery.qtip信息提示、jQuery.artDialog彈出層、jQuery.jscrollpane滾動條。

9、理解模塊式開發(fā)，以及requirejs插件的使用。

四、PC項目實訓(xùn)。

1、前端開發(fā)框架-Bootstrap；

2、CSS預(yù)處理器-SASS；

3、分布式版本控制系統(tǒng)-GIT；

4、了解項目需求，項目流程；

5、了解項目管理，模塊分配，項目時間預(yù)估；

6、了解產(chǎn)品周期，參與團隊協(xié)作；

7、綜合運用HTML+CSS,JS,JQ, Bootstrap,SASS,JQUERY UI, jquery easyui等技術(shù)，完成大型PC端項目開發(fā)。

五、HTML5+CSS3 精講。

1、HTML5與HTML4的區(qū)別, 表單域增強元素；

2、CSS3選擇器, 文字與字體相關(guān)樣式；

3、CSS3中的變形處理；

4、css3中的過度動畫和關(guān)鍵幀動畫；

5、彈性盒與媒體查詢；

6、本地存儲，本地緩存；

7、使用Canvas，svg繪制圖形；

8、多媒體播放器開發(fā) 、workers。

六、WebAPP開發(fā)。

1、移動端切圖（viewport/meta，.Rem/vw的使用，iconfont，flexbox詳解，移動web特別樣式處理）；

2、頁面交互（Tap，touch，ECMAScript 5，ECMAScript 6）；

3、前端工程（gulp，webpack）；

4、移動端常用框架（css framework，Zepto，iScroll/lazyload，swiper）；

5、css framework + framework + Zepto + iScroll + swiper 構(gòu)建WebApp；

6、場景項目。

七、HybridApp 開發(fā)基礎(chǔ)。

1、Phonegap

1 ) HybridApp介紹(獨立App項目，嵌入式App項目，嵌入項目)

2 ) 工具與環(huán)境搭建

3 ) WebviewJsBridge(掃一掃，圖像選擇與上傳，加速器，地理定位，通訊錄，通知)

4 ) 構(gòu)建，打包與發(fā)布

5 ) Hybrid里頁面測試

2、接口開發(fā)

1 ) 熟悉WebAPP嵌入流程

2 ) 本地開發(fā)環(huán)境搭建與測試

3 ) JS-SDK使用

4 ) WebAPP X5瀏覽器兼容

八、Angular+ionic 框架

1、AngularJS

1 ) 基礎(chǔ)知識（ng-app,Modules,Controller,$apply,$watch）

2 ) 指令(ng-repeat,ng-class,ng-show,ng-hide)

3 ) 過濾器(date,limitTo,filter)

4 ) 表單(NgModelController，表單驗證)

5 ) 服務(wù)（自定義服務(wù)，Angular提供的服務(wù)：$log,$timeout,$q,$http）

6 ) 其他（Controller as 語法，安全的依賴注入方法）

7 ) directive（指令，組件）

8) ng-router

2、ionic基礎(chǔ)

1 ) ionic css布局

2 ) ionic js指令布局

3 ) ionic路由 頁面切換

4 ) ionic-tabs

5 ) ionic側(cè)邊欄ion-side-menus

6 ) ionic列表 ion-list

7 ) 上拉下載更多與下拉刷新

【北大青鳥合肥一元校區(qū)www.bdqnhf.com】

編程類開設(shè)有：java編程、大數(shù)據(jù)、web前端、網(wǎng)絡(luò)運維、Linux云計算、Python人工智能、嵌入式、軟件測試等課程

設(shè)計類開設(shè)有：UIUE設(shè)計、平面設(shè)計、插畫、UED、手繪、PS美工等課程。。

1、Java編程課程內(nèi)容：java基礎(chǔ)語言、Java SE核心、WEB全棧及數(shù)據(jù)庫、微服務(wù)及超高并發(fā)互聯(lián)網(wǎng)架構(gòu)。

2、網(wǎng)絡(luò)安全課程內(nèi)容：Windows網(wǎng)絡(luò)及安全、網(wǎng)絡(luò)規(guī)劃及實施、網(wǎng)絡(luò)及應(yīng)用攻防、網(wǎng)安精英特訓(xùn)。

3、Java大數(shù)據(jù)課程：java核心語言、企業(yè)級架構(gòu)、分布式架構(gòu)、微服務(wù)結(jié)構(gòu)、大數(shù)據(jù)架構(gòu)。

4、Python人工智能課程內(nèi)容：python語言核心編程、python軟件開發(fā)技術(shù)、python web全棧式工程師、python爬蟲工程師、大數(shù)據(jù)分析工程師、人工智能工程師。

5、影視視效課程內(nèi)容：剪輯藝術(shù)&視聽語言、影視合成&MG動畫、三維造型&材質(zhì)貼圖、影視&三維動畫、包裝設(shè)計&項目實戰(zhàn)。

6、軟件測試課程內(nèi)容：軟件測試核心技術(shù)、數(shù)據(jù)庫/linux/接口測試/手機測試、python和接口自動化測試、Selenium自動化測試/JMeter性能測試。

7、設(shè)計課程內(nèi)容：品牌設(shè)計（平面創(chuàng)意+品牌廣告）、設(shè)計（品牌設(shè)計+全案+商業(yè)提案）、產(chǎn)品交互設(shè)計（品牌設(shè)計+設(shè)計+產(chǎn)品交互）、全鏈路UI用戶體驗設(shè)計（品牌設(shè)計+設(shè)計+產(chǎn)品交互+用戶界面）

8、嵌入式課程內(nèi)容：標(biāo)準(zhǔn)C及數(shù)據(jù)結(jié)構(gòu)、linux系統(tǒng)級開發(fā)、標(biāo)準(zhǔn)C++及QT框架庫、容器及數(shù)據(jù)庫、大項目實戰(zhàn)。