01 Web基础知识和应用

HTML

  • WEB应用发展史
  • HTML历史
  • HTML文件结构
  • HTML注释、规范
  • HTML编程问题
  • HTML基本标签
  • 掌握HBuilder的使用；
  • 掌握HTML文件结构；
  • 掌握HTML语法规范；
  • 掌握HTML常用标签；
  • 掌握HTML图片标签；
  • 掌握HTML表单标签；
  • 掌握HTML表格标签。

CSS

  • CSS发展历程
  • CSS含义、作用和优点
  • CSS选择器
  • Css的继承与优先级
  • CSS语法规则
  • CSS盒子模型
  • CSS布局
  • 了解CSS历史；
  • 掌握CSS的样式语法；
  • 掌握CSS的常用样式；
  • 掌握CSS选择器；
  • 掌握CSS继承与优先级；
  • 掌握CSS的盒子模型；
  • 掌握CSS的浮动；
  • 掌握CSS的定位；

Photoshop

  • 安装Photoshop
  • Photoshop基本操作
  • 网页切图
  • 商业实战
  • 掌握PhotoShop软件安装；
  • 掌握移动工具和图层；
  • 掌握选区工具；
  • 掌握液化工具；
  • 掌握网页切图；
  • 掌握静态企业站搭建流程。

02 Web编程基础

JavaScript基础

  • JavaScript历史
  • 变量定义
  • if判断语句
  • for循环语句
  • function函数
  • array数组
  • object对象
  • 了解Javascript发展史；
  • 掌握Javascript语法；
  • 熟练使用Javascript常见的函数；
  • 掌握Javascript优化代码写法；
  • 掌握Javascript在Chrome中的调试方法；
  • 掌握Javascript三种事件编程方式；
  • 掌握Javascript中事件模型；
  • 掌握Javascript的DOM编程；

BOM+DOM编程

  • BOM模型
  • DOM模型
  • DOM节点操作
  • 事件处理
  • 掌握window对象；
  • 掌握location对象；
  • 掌握history对象；
  • 掌握navigator对象；
  • 掌握document对象；
  • 掌握DOM元素的操作方式；
  • 掌握事件处理和三种监听方式。

交互效果及动画特效

  • JavaScript动效原理
  • 常见原生插件
  • 手写常见插件
  • 掌握自定义动画原理；
  • 掌握输入框提示；
  • 掌握Tab菜单切换；
  • 掌握返回顶部；
  • 掌握缓动函数；
  • 掌握轮播插件原理。

jQuery

  • 认识jQuery
  • jQuery选择器
  • jQuery的属性与样式
  • jQuery基本操作
  • jQuery事件处理
  • jQuery文档处理
  • jQuery数组和对象操作。
  • 了解Javascript框架的发展历史；
  • 掌握jQuery中的基本选择器；
  • 掌握jQuery中的其他选择器；
  • 掌握jQuery中选择器的查询范围；
  • 掌握jQuery中查找方法find和closest；
  • 掌握jQuery中DOM操作；

jQuery优质插件

  • jQuery插件的概念和用途
  • jQuery插件生态圈介绍
  • 常用插件的使用
  • 掌握轮播插件；
  • 掌握验证插件；
  • 掌握缓动插件；
  • 掌握自动补全插件；
  • 掌握瀑布流列表显示插件；
  • 掌握全屏滚动插件；
  • 掌握手势密码；
  • 掌握对话框插件；
  • 掌握基于jQuery的在线商城开发。

03 Web编程高级

JavaScript面向对象

  • OOP（面向对象）思想入门
  • JavasScript一切皆对象
  • 面向对象的三大特性
  • 掌握对象原型设计原理及使用
  • 掌握面向对象思想；
  • 掌握类的定义；
  • 掌握JS原型和原型链；
  • 掌握封装原理；
  • 掌握继承原理；
  • 掌握多态原理；
  • 掌握JSON对象。

JavaScript高级特性

  • JavaScript编译原理
  • 对象属性拷贝
  • 作用域进阶
  • this关键字
  • 高阶函数
  • Jquery事件高级
  • 了解JavaScript编译原理；
  • 掌握浅拷贝和深拷贝；
  • 掌握作用域和作用域链；
  • 掌握函数参数的callee属性；
  • 了解惰性载入；
  • 掌握匿名函数；
  • 掌握闭包原理；
  • 掌握回调函数；
  • 掌握this关键字。

jQuery插件开发

  • 学习插件开发模式
  • 自定义jQuery插件
  • 了解插件开发模式；
  • 掌握jquery环境检查；
  • 掌握自定义动态表格插件；
  • 掌握自定义表单验证插件。

模块化组件开发

  • 模块化编程的历程
  • 搭建模块化架构
  • 了解AMD和CMD规范
  • RequireJS框架使用
  • RequireJS框架案例实战
  • 了解模块化编程的历史和演变；
  • 自己动手来实现模块化管理；
  • 了解AMD和CMD规范；
  • 掌握RequireJS框架使用；
  • 掌握RequireJS框架案例实战。

04 全栈开发

Node.JS

  • NodeJs介绍
  • NodeJs安装和简单使用
  • NodeJs文件方式运行
  • CommonJs介绍
  • NodeJs模块管理
  • NPM包管理工具
  • Event事件编程/EventEmitter事件对象
  • 异步和同步
  • 文件操作
  • 了解NodeJs历史；
  • 了解CommonJs介绍；
  • 掌握NodeJs安装和简单使用；
  • 掌握NodeJs文件方式运行；
  • 掌握NodeJs模块定义；
  • 掌握NPM包管理工具安装和使用；
  • 掌握CNPM淘宝镜像；
  • 掌握Event事件编程/EventEmitter事件对象；

Node.JS
-Web框架
-Express

  • 网络编程介绍
  • HTTP协议
  • Express介绍
  • Express入门
  • 了解网络编程；
  • 掌握HTTP协议；
  • 掌握Express服务器搭建；
  • 掌握Express-generator生成器；
  • 掌握Express-WebStorm创建；
  • 掌握Express app路由方法；
  • 掌握Express Router小路由；
  • 掌握Express响应对象；
  • 掌握Express参数接收；
  • 掌握Express中间件。

Nosql
-Mongodb

  • 数据库概述
  • mongodb安装
  • 可视化工具安装
  • 环境变量设置
  • 启动mongodb
  • 常用语句
  • Mongoose工具
  • 了解数据库作用；
  • 掌握mongodb安装掌握；
  • 掌握可视化工具安装；
  • 掌握常用语句，实现CRUD操作；
  • 掌握Mongoose工具；
  • 掌握CMS案例；
  • 掌握留言板案例。

AJAX交互

  • Ajax介绍及工作原理
  • Ajax引擎对象
  • Ajax GET/POST示例
  • AJAX案例
  • 前端模板的技术
  • 了解Ajax介绍及工作原理；
  • 掌握Ajax引擎对象的方法与属性；
  • 掌握Ajax发送GET/POST请求；
  • 掌握Ajax验证用户实例；
  • 掌握JSON字符串转换成对象；
  • 了解前端模板的概念；
  • 了解artTemplate模板介绍；
  • 掌握artTemplate的语法；

05 响应式网站开发

HTML5

  • HTML5时代的契机
  • 语义标签及属性
  • H5图形技术SVG和Canvas
  • 多媒体标签
  • 基于浏览器的(LBS)地理定位
  • Web存储技术
  • H5项目实战
  • 了解HTML5时代的契机；
  • 了解H5图形技术SVG和Canvas的使用；
  • 掌握HTML5语义标签及属性；
  • 掌握多媒体标签；
  • 掌握高德和百度地图API的使用；
  • 掌握Web存储技术；
  • 掌握H5希望清单项目。

CSS3

  • CSS3的发展历史
  • CSS3新选择器
  • CSS3布局
  • Web字体
  • 渐变
  • 过渡动画
  • 动画效果案例
  • 了解CSS3的发展历史；
  • 掌握CSS3新选择器；
  • 掌握伸缩布局；
  • 掌握多列布局；
  • 掌握Web字体；
  • 掌握CSS3渐变；
  • 掌握过渡动画；
  • 掌握动画效果案例。

响应式原理及布局

  • 互联网发展趋势
  • 目前主流布局
  • 设备尺寸
  • 响应式设计原理
  • 媒体查询
  • 响应式网站案例
  • 了解互联网发展趋势；
  • 掌握目前5种主流布局及优劣；
  • 了解设备尺寸；
  • 掌握响应式原理；
  • 掌握CSS3媒体查询；
  • 掌握响应式网站案例。

Bootstrap

  • Bootstrap布局系统（响应式布局）
  • Bootstrap全局CSS
  • Bootstrap组件
  • Bootstrap插件
  • 掌握Bootstrap栅格布局；
  • 掌握Bootstrap响应式布局；
  • 掌握Bootstrap编写技巧；
  • 掌握Bootstrap插件使用。

GIT
/SVN
/Bower
依赖管理

  • 版本控制软件的历史
  • SVN应用
  • GIT应用
  • 版本管理工具由来；
  • SVN/GIT服务器搭建；
  • SVN/GIT客户端安装；
  • SVN/GIT客户端使用(检出、更新、提交、冲突和分支)；
  • Bower前端库管理工具安装和使用。

CSS
预处理语言
(Less+Sass)

  • CSS的预处理框架Less/Sass介绍
  • 环境安装
  • 基本语法
  • 编译工具
  • 掌握CSS的预处理框架作用；
  • 掌握环境安装；
  • 掌握嵌入语法；
  • 掌握嵌套语法；
  • 掌握3种编译工具；
  • 项目改版实战；
  • 响应式金融借贷平台实战。

06 框架与项目管理

Grunt/Gulp

  • 前端自动化构建工具的原理
  • Grunt安装和使用
  • Gulp安装和使用
  • 了解前端自动化构建工具的原理；
  • 掌握Grunt/Gulp安装；
  • 掌握Grunt/Gulp配置；
  • 掌握JS/Css/图片压缩；
  • 掌握代码合并；
  • 掌握代码编译；
  • 掌握代码发布；
  • 掌握前端开发服务器。

MVC+Backbone+MVVM架构模式

  • 前端MVC架构模式原理
  • MVC架构实战
  • MVP
  • MVVM
  • 了解MVC架构的由来；
  • 掌握前端MVC架构模式；
  • 掌握Backbone+MVC待办事项应用实战；
  • 了解MVP/MVVM架构的由来。

VueJS

  • Vue历史及前端趋势
  • Vue环境搭建
  • Vue基本语法
  • Vue常见指令
  • Vue过滤器
  • Vue双向绑定原理详解
  • Vue与服务端通信&mock数据
  • Vue路由
  • 了解Vue历史及前端趋势；
  • 掌握Vue案例初体验；
  • 掌握Vue环境搭建；
  • 掌握Vue基本语法；
  • 掌握Vue常见指令；
  • 掌握Vue表单操作；
  • 掌握Vue过滤器；
  • 掌握Vue双向绑定原理详解；
  • 掌握Vue与服务端通信&mock数据；
  • 掌握Vue路由。

Webpack模块加载器 &打包工具

  • 模块化历史回顾
  • Webpack安装/配置
  • JS/Css/图片压缩
  • 代码合并
  • 代码编译
  • 代码发布
  • 前端开发服务器
  • Webpack异步模块
  • 模块化历史回顾；
  • 了解Webpack历史；
  • 掌握Webpack安装；
  • 掌握Webpack配置；
  • 掌握JS/Css/图片压缩；
  • 掌握代码合并；
  • 掌握代码编译；
  • 掌握代码发布；
  • 掌握前端开发服务器；
  • 掌握Webpack异步模块。

ReactJS

  • ReactJs简介
  • ReactJs入门
  • JSX语法详解
  • ReactJs组件开发
  • ReactJs声明周期
  • 基于ES6的React组件开发
  • React-Router
  • 了解ReactJs历史；
  • 掌握ReactJs环境搭建的3种方式；
  • 掌握JSX语法详解；
  • 掌握ReactJs组件开发；
  • 掌握ReactJs声明周期；
  • 掌握ES6新特性；
  • 掌握ES6的React组件开发；
  • 掌握React-Router；
  • 掌握基于SPA架构的智慧社区项目。

07 混合式移动应用开发

React Native

  • 混合式开发简介
  • 混合式环境搭建
  • Flexbox回顾
  • 常见组件
  • 进阶组件
  • 了解混合式开发历史；
  • 掌握Android/IOS开发环境搭建；
  • 掌握手机模拟器安装；
  • 掌握Flexbox；
  • 掌握常见组件；
  • 掌握进阶组件；
  • 掌握案例实现。

微信小程序

  • 小程序简介
  • 小程序入门
  • 小程序常用组件
  • 事件交互
  • 小程序使用技巧
  • 了解小程序应用常见；
  • 掌握小程序环境搭建；
  • 掌握小程序常用组件事件交互；
  • 掌握数据绑定；
  • 掌握列表渲染；
  • 掌握模板使用。

就业指导

  • 一、礼仪及注意事项
  • 二、简历书写指导
  • 三、面试技巧
  • 四、如何拿到高薪
  • 通过就业指导课，完成简历书写；
  • 进行模拟面试，一对一进行面试辅导；
  • 为面试做好充分准备。

就业指导

模拟面试&薪资评定

  • 一、采用真实面试方式进行模拟
  • 二、根据面试提出意见和建议
  • 二、解决学员心中的疑惑
  • 三、根据整体情况制定薪资
  • 通过模拟面试让学员预知面试的细节；
  • 消除学员心中的恐惧，让其充满信心；
  • 为学员制定薪资能让学员拿到更加满意薪资。

模拟面试&薪资评定