自从HTML5与CSS3横空出世以来，WEB前端的功能实现了质的飞跃，并对传统开发产生了巨大的冲击，BAT名企、创业企业、中小型企业，二三线城市均需要Web前端+全栈工程师尤以二三线城市及创业型企业对此类全能型人才急需，并开出较高薪资聘用。而普通高校一般还未能开设相关课程，前端开发可以说是时代的新风口。

一、PC端页面重构。

1、认知行业、岗位、部分专业术语，就业趋势与行业未来展望；

2、HTML5核心元素及布局应用；

3、CSS3核心属性及布局应用；

4、图形、图像软件的使用（PS,FW,AI）；

5、浏览器兼容及解决方案；

6、图片整合、滑动门及宽高自适应等应用技术；

7、初步接触。

二、PC端交互开发（原生JS）。

1、基础语法和变量、控制语句、循环语句、函数、事件处理、数组、常见排序算法；

2、D0M操作和B0M操作；

3、定时器、Cookie本地存储、内置对象、正则表达式、闭包、JS面向对象语法、JS0N、堆栈结构；

4、Ajax动态读取数据、异步操作、与D0M、JS0N的结合使用；

5、各种主流浏览器兼容性处理；

6、单例、工厂、、观察者等设计模式；

7、ECMA6.0新特性介绍。

三、PC端交互开发（JQuery）。

1、初识jQuery、jQuery的优势、jQuery框架核心功能、容易混淆的几个概念；

2、jQuery各种选择器的使用，及选择器的应用优化；

3、Dom节点操作、插入、删除、复制、移动节点等操作；

4、事件处理、事件处理模型、事件处理机制、jQuery事件封装机制、jQuery事件应用；

5、jQuery中的动画、动画时间的概念、基本动画方法、复杂动画方法、停止动画与参数说明、jQuery动画的队列问题；

6、表单开发，设计可用性表单、表单验证、增强型表单；

7、Ajax、XMLHttpRequest 基础、jQuery Ajax、工具函数、缓存；

8、在jQuery中编写插件、插件扩展、插件应用、jQuery.pagination分页、jQuery.qtip信息提示、jQuery.artDialog弹出层、jQuery.jscrollpane滚动条。

9、理解模块式开发，以及requirejs插件的使用。

四、PC项目实训。

1、前端开发框架-Bootstrap；

2、CSS预处理器-SASS；

3、分布式版本控制系统-GIT；

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

5、了解项目管理，模块分配，项目时间预估；

6、了解产品周期，参与团队协作；

7、综合运用HTML+CSS,JS,JQ, Bootstrap,SASS,JQUERY UI, jquery easyui等技术，完成大型PC端项目开发。

五、HTML5+CSS3 精讲。

1、HTML5与HTML4的区别, 表单域增强元素；

2、CSS3选择器, 文字与字体相关样式；

3、CSS3中的变形处理；

4、css3中的过度动画和关键帧动画；

5、弹性盒与媒体查询；

6、本地存储，本地缓存；

7、使用Canvas，svg绘制图形；

8、多媒体播放器开发 、workers。

六、WebAPP开发。

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 构建WebApp；

6、场景项目。

七、HybridApp 开发基础。

1、Phonegap

1 ) HybridApp介绍(独立App项目，嵌入式App项目，嵌入项目)

2 ) 工具与环境搭建

3 ) WebviewJsBridge(扫一扫，图像选择与上传，加速器，地理定位，通讯录，通知)

4 ) 构建，打包与发布

5 ) Hybrid里页面测试

2、接口开发

1 ) 熟悉WebAPP嵌入流程

2 ) 本地开发环境搭建与测试

3 ) JS-SDK使用

4 ) WebAPP X5浏览器兼容

八、Angular+ionic 框架

1、AngularJS

1 ) 基础知识（ng-app,Modules,Controller,$apply,$watch）

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

3 ) 过滤器(date,limitTo,filter)

4 ) 表单(NgModelController，表单验证)

5 ) 服务（自定义服务，Angular提供的服务：$log,$timeout,$q,$http）

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

7 ) directive（指令，组件）

8) ng-router

2、ionic基础

1 ) ionic css布局

2 ) ionic js指令布局

3 ) ionic路由 页面切换

4 ) ionic-tabs

5 ) ionic侧边栏ion-side-menus

6 ) ionic列表 ion-list

7 ) 上拉下载更多与下拉刷新

【北大青鸟合肥一元校区www.bdqnhf.com】

编程类开设有：java编程、大数据、web前端、网络运维、Linux云计算、Python人工智能、嵌入式、软件测试等课程

设计类开设有：UIUE设计、平面设计、插画、UED、手绘、PS美工等课程。。

1、Java编程课程内容：java基础语言、Java SE核心、WEB全栈及数据库、微服务及超高并发互联网架构。

2、网络安全课程内容：Windows网络及安全、网络规划及实施、网络及应用攻防、网安精英特训。

3、Java大数据课程：java核心语言、企业级架构、分布式架构、微服务结构、大数据架构。

4、Python人工智能课程内容：python语言核心编程、python软件开发技术、python web全栈式工程师、python爬虫工程师、大数据分析工程师、人工智能工程师。

5、影视视效课程内容：剪辑艺术&视听语言、影视合成&MG动画、三维造型&材质贴图、影视&三维动画、包装设计&项目实战。

6、软件测试课程内容：软件测试核心技术、数据库/linux/接口测试/手机测试、python和接口自动化测试、Selenium自动化测试/JMeter性能测试。

7、设计课程内容：品牌设计（平面创意+品牌广告）、设计（品牌设计+全案+商业提案）、产品交互设计（品牌设计+设计+产品交互）、全链路UI用户体验设计（品牌设计+设计+产品交互+用户界面）

8、嵌入式课程内容：标准C及数据结构、linux系统级开发、标准C++及QT框架库、容器及数据库、大项目实战。