Web前端基本功

1.HTML

Windows概述、w3c标准、浏览器描述、html简介、html标签详解。

前端开发工具概述、HTML基本语法。

文本标题、物理字体、特殊字符、列表、超链接和图片。

表格、 表单、常用元素、标签语义化、SEO。

可掌握的核心能力：

(1)熟练掌握html/css可以制作网页、能对页面布局排版、样式美化，能够独立设计出精美的网。

可解决的现实问题：

(2)能够根据ui提供的设计图实现html的静态页面。

可拥有的市场价值：

(3)熟练掌握和学习后，可满足市场静态页面布局需求，但是市场就业工资相对较低且且难以找到工作，还需继续进行学习，向高级工程师靠近。

2.css

css概述、css属性、css样式的类型、css选择器、css字体属性、css文本属性、css背景属性、css列表属性、css边框属性、css浮动属性、元素的显示模式、css伪类、三大特性、盒子模型的相关部分、margin、padding、css溢出设置、元素类型及转换、常见的浏览器兼容及解决方法、ps软件学习、定位设置、滚动字幕、宽高自适应等css相关内容

3.项目实战

Div+css、项目开发流程、多种经典的实战案例，京东、天猫等等。

前端高级程序设计

1.JavaScript基础、核心、高级

JavaScript概述、Javascript注意点、直接量、数据类型、流程控制\数组、函数、字符串、bom、dom\面向对象、递归与预解析、正则表达式

可掌握的核心能力:

(1)具备解决复杂问题和技术难点的能力;

(2)丰富的调试技能和组件开发能力;

(3)能够独立设计开发复杂的功能模块。

可解决的现实问题:

(1)能够实现功能的同时，考虑代码的优雅性，注重代码的性能和重用性;

(2)针对项目中的bug和技术难点，能够提供解决办法;

(3)深入理解前端框架实现原理，能够开发和重构通用的前端组件。

2.JQuery

jQuery的优势、jQuery选择器、jQuery中的动画、jQuery插件、jQueryUI、jQuery编程思想、编写jQuery插件、基本元素操作、事件处理

3.Ajax

同步与异步概念、原生Ajax、jQuery的Ajax相关API使用、低层原理分析、实用案例

4.AngularJS

单页应用；MVC；常用指令；双向绑定和单向绑定；模块；控制器controller；$watch；自定义指令；jqLite；过滤器；格式化过滤；数据过滤；服务$http、$location；前端路由；http拦截器

5.VueJS

Vue概述、Vue指令、Vue属性、方法、事件、过滤器、事件处理、钩子函数、组件、动画、路由、API请求、Vue项目实战

6.Bootstrap

环境安装、网格系统、排版、表格、表单、按钮、图片、布局组件、导航元素、导航栏、面包屑导航、分页、 标签、徽章、超大屏幕、附加导航

7.UEditor

开发的所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议

8.百度地图

坐标转换说明、控件、覆盖物、事件、地图图层、工具、服务、用户数据图层、全景图展现、定制个性地图

9.ECharts

常规的折线图，柱状图，散点图，饼图，K线图，用于统计的盒形图，用于地

移动端App开发

1.HTML5/CSS3

HTML5概述、新增语义标签和属性、拖拽列表、拖拽异步上传、多媒体组件、自定义多媒体播放控件、表单新功能解析、地理位置功能解析、桌面提醒功能。CSS3概述、新增选择器、新的颜色表示、盒子模型、边框、渐变、圆角、阴影的应用、2D、3D动画的绘制。HTML5/CSS3响应式设计流程。

可掌握的核心能力:

(1)初步掌握HTML5和CSS3的基础知识，并且掌握H5/CSS3的响应式设计。

(2)了解移动App的开发模式。掌握canvas的绘图技巧，做出漂亮的图标。

(3)了解一些在线的绘图工具，并熟悉该工具。掌握移动App开发的核心知识点。

可解决的现实问题:

(1)能够针对不同的移动设备开发出相关适应的界面。

(2)掌握相关开发过程中用到的框架，并且精通其中几个框架，从而熟练开发。

(3)当这一阶段的相关内容掌握之后基本可以做出符合企业要求的移动App界面。

2.Canvas

canvas基础、canvas绘图操作、图形事件实例、模拟三维动画。 canvas在线绘图工具（主讲各个功能）、svg、svg图标的使用。

3.移动端核心开发

rem适配、主流适配方案、主流设备尺寸划分、Tween算法、Viewport深入分析。 Chrome模拟调试、真机调试。无缝滑屏、像素分析、自定义竖向滑屏、自定义滚动条。Meta标签解析。使用移动平台中特有的事件处理（手势触摸touchstart、touchmove、touchend、touchcancel）tap和taphold事件，横竖切换事件（orientationchange）主流响应式布局框架。iScroll、zepto、framework7、Sass、Less。

4.阶段项目

在线相册。

团购类移动App系统。

o2o订餐系统。

全栈开发

1.前端模块化

AMD CMD RequireJS 淘宝SeaJS

可掌握的核心能力:

（1）掌握前端模块化

（2）掌握nodeJs全栈式解决方案，通过案例实现js在服务器实现高效开发的新模式

（3）熟练使用express框架搭建Web或移动端应用

（4）掌握ReactJS技术

可解决的实际问题:

（1）能够熟练使用nodejs编写服务器程序

（2）能够熟练的使用express框架进行项目开发

（3）能够熟练使用ReatJS技术搭建移动端项目

2.Express

Express 对象、安装、请求和响应、路由、静态文件、文件上传、Cookie管理

3.ReactJS

快速入门；数据渲染、虚拟DOM；交互和动态UI；JSX语法；React 状态；React 组件；组件复用；React AJAX；flux;redux;集成工具；附加模块；生命周期；state props context等

4.项目安排

大型门户网站构建

热门电商网站