课程大纲

HTML5课程大纲

第一阶段

HTML5 、CSS3、 Photoshop、网易严选综合实战项目

核心技术:

1、开发工具的使用,了解常用的浏览器和浏览器内核

2、了解语义化的概念以及 HTML、CSS 的使用技巧,DIV+CSS 布局模式

3、CSS 选择器、CSS 属性值、CSS 常用属性、CSS 动画效果

4、HTML5 新特性与常用标签

5、 实 用 技 术: 常 见 布 局、CSS Sprite、 滑 动 门、base64、PS 技 巧、Emmet 插件、SVG

6、兼容性出路:IE 条件注释、IE Haslayout、IE Bugs、CSS Hack

7、HTML + CSS 整站开发:CSS Reset 、CSS 预处理器、代码性能优化

8、网易严选项目、努比亚项目


学习目标:

1、开发工具的使用,了解常用的浏览器和浏览器内核

2、了解语义化的概念以及 HTML、CSS 的使用技巧,DIV+CSS 布局模式

3、CSS 选择器、CSS 属性值、CSS 常用属性、CSS 动画效果

4、HTML5 新特性与常用标签

5、 实 用 技 术: 常 见 布 局、CSS Sprite、 滑 动 门、base64、PS 技 巧、Emmet 插件、SVG

6、兼容性出路:IE 条件注释、IE Haslayout、IE Bugs、CSS Hack

7、HTML + CSS 整站开发:CSS Reset 、CSS 预处理器、代码性能优化

8、网易严选项目、努比亚项目

关键字:

BFC、IFC、line box、inline box、inline-level box、block box、block-level box、block container、containing block、baseline、line-height、vertical-align、replaced element、non-replaced element

第二阶段

前端基本功(JavaScript 基础,Web APIs,jQuery,JavaScript 高级、ES6)

核心技术:

1、JavaScript 的基本语法

2、DOM 的各种操作(CURD,事件处理等)

3、BOM 相关(window、document、userAgent)

4、正则表达式的使用

5、JavaScript 高级语法(介绍、组成、this、Object、new、原型链)、this丢失问题、实例、继承的多种实现、instanceof 和 constructor、Object 和Function、包装类型、JSON、命名空间

6、常见设计模式的实现和使用(工厂、单例、观察者、中介者等等)

7、jQuery 的常用 API(核心、DOM 操作、事件处理、动画、插件机制),jQuery UI 以及使用和编写 jQuery 插件

8、jQuery 源码解析,达到自己编写 jQuery 框架的目标

9、ES6 语法新特性

10、CoffeeScript、TypeScript、Babel

11、HTML5 API(GeoLocation、localStorage、webSoket)

12、Canvas绘图、基本知识、理解Canvas坐标系、获取Canvas环境上下文、理解路径、路径操作 API、绘制线条、绘制矩形、绘制圆弧、绘制贝塞尔曲线、绘制图片、线条属性、线条颜色、填充、绘图状态。游戏原理、制作2D游戏引擎、理解游戏循环、渲染引擎实现、使用引擎构建游戏实例、游戏常用算法。使用Canvas 绘制基本的特效页面,实现广告、活动页面。

13、开发 HTML5 小游戏(开心消消乐、俄罗斯方块、坦克大战、像素鸟等)

14、京东 M 站项目、微金所项目、QQ 浏览器项目、游戏制作


学习目标:

1、具备 javaScript 开发能力,能够完成常见页面效果开发

2、能够独立完成常见网站的页面开发(包括 HTML 结构、CSS 样式、JS 开发创建特效页面)


关键字:

javaScriptg 高级、jQuery、jQuery 插件、TypeScript、Canvas、GeoLocation、localStorage、webSoket、运动处理

第三阶段

PHP 服务器开发、AJAX、前端模块化

核心技术:

1、AMD,CMD,CommonJS、RequireJS、loadJS、SeaJS

2、单元测试(mocha、sinon、jasmin、qUnit)

3、MVC/MVVM/MVM 框 架(Angular、React、Vue、Backbone、Konckout、Ember)

4、 开 发 工 作 流 程(Git/SVN、Yeoman、npm、Bower、Grunt、Gulp、Webpack)

5、建立客户端服务器模型,网络通信相关概念

6、PHP 基础语法,使用 PHP 操作 MySQL 数据库

7、HTTP 协议,原生 Ajax 请求流程和细节,常见的跨域技巧

8、基于 jQuery 的 Ajax 相关 API 开发常见的前端功能

9、独立开发基于后台接口的动态网站、Ajaxs 数据交互的项目

10、电商企业级实战项目


学习目标:

1、能够建立起客户端服务器交互模型,熟练使用AJAX实现前端功能,能够进行前后端协作开发,能够独立开发基于后台接口的数据管理平台

2、掌握前后端协作开发相关技术,能够快速融入实际的工作场景

第四阶段

HTML5+CSS3 移动 web Git 移动电商项目

核心技术:

1、Bootstrap、Zepto、Cordova、Ionic、isScroll、less 语 言、Animate、WOW、ScrollReveal、flexbox 布 局、MouseWhee 插件

2、使用 HTML5/CSS3 实现网页特效效果

3、常用移动框架的使用,常用移动端调试方法,移动端适配方法

4、移动端事件以及手势封装

5、响应式布局的写法,CSS 预处理器 less 的使用

6、使用 GIT/SVN 对比文件差异、还原、合并,冲突解决

7、移动端整站开发架构搭建、项目开发、性能优化等整站开发能力

8、移动电商项目


学习目标:

1、具备移动端 Web 开发能力,拥有根据设计图转化为对应的 web,同时处理移动设备适配问题,掌握工作中多人开发的操作方式

2、具备移动 Web 开发能力,能够和后天交互,独立开发移动端的交互网站

第五阶段

Anglua.js、 Vue.js 基础、 Vue.js 实战项目

核心技术:

1、AngluaJS 基础知识、服务、控制器、指令、作用域、过滤器、模块化、模块控制、表单处理、http 服务和模板、AngluaJS 路由,AngluaJS 项目实战及 API 使用。

2、Vue 基础知识:MVC/MVVM 模式,v-bind、v-if、v-for、v-show、v-on 等常用指令,过滤器、修饰符等,computed、watch 等等。

3、Vue 组件使用:局部、全局组件,组件通信 props、自定义事件,v-model 双向绑定,组件高级话题等。

4、Vue 插槽用法:slot 基本使用、具名 slot 等相关用法。

5、Vue 动画相关:结合 CSS 实现动画,animate.css 动画,钩子函数动画控制等。

6、Vue 插件使用:vue-router 路由管理,vuex 状态管理,Mint-UI 界面搭建等。

7、Vue 工程化:Webpack 解析打包,Vue-CLI 脚手架项目搭建等。

8、Vue 网络请求:Vue-resource、jQuery+Ajax、axios 对比、使用以及网络请求工具封装等

9、Vue 独立组件:开发过程,包含各种独立组件封装:TabBar、NavigationBar、GridList、ListView、Comments 等一些列独立组件的封装。

10、高级话题补充:ES6 最新语法、SVG 图片使用、路由懒加载方案、Node 解决跨域方案等等内容 .

11、Vue 项目实战:小码哥商城 APP,包含首页、订单、个人、新闻列表、新闻详情、商品列表、商品排序、商品详情、图文详情、商品评论、图片分享、图片详情等页面开发。


学习目标:

1、了解项目开发的流程,能够熟练开发移动端和 PC 端的交互式网站

2、能够使用目前热门 JS 框架 Vue.js 来开发项目

3、通过实战项目掌握 Vue.JS 开发电商网站的核心业务

4、能够一个人胜任前端项目的独立开发,从项目框架搭建开始到业务功能的实现,以及后台api的调用均能胜任。


第六阶段

NodeJS

核心技术:

1、Linux/Windows/OS X 环境配置、REPL 环境和控制台程序、异步编程、模块管理工具、非阻塞 I/O、io.js、V8 引擎。

2、全局对象 global、process、console、util。

3、事件驱动、事件发射器、加密解密、路径操作、序列化和反序列化、文件流操作、Socket.IO 等。

4、数据酷操作和数据访问(MySQl,MongoDB,Mongoose)

5、Express 简介、Expressc 常用 API、Expressl 路由模块、Jade/Ejs 模板引擎、koa 路由。

6、爬虫技术


学习目标:

1、掌握 Express 的使用

2、能够使用 NodeJS 开发后台接口,打通前后端

3、熟悉常见的数据库操作,加密和解密原理



第七阶段

React、 React Native

核心技术:

1、JSX 语法编写组件 、React Native 常用的组件 : View ,Text,ListView , ScrollView,FlatList 等 ;

2、编写组件、自定义组件、组件生命周期、组件的复用、组件的属性和状态使用 fetch 进行数据请求、数据的存储技术、Promise 处理异步消息、上拉刷新和下拉加载

4、第三方的框架:swiper , TabNavigator ,ScrollableTabView 等

5、高仿美团 APP(首页、逛一逛、附近、订单、我的等模块)


学习目标:

1、能够使用 React.js 完成 web 应用的开发

2、具备前后端和跨平台的前端开发者。能熟练使用各种前端工具,具有项目部署的能力,能与其他开发者合理沟通协作开发项目,符合企业高端需求


第八阶段

微信小程序

核心技术:

1、常用组件 : view,image,video,scroll-view, navigator,swiper 等

2、三种样式的书写、 数据绑定 、条件渲染、列表渲染

3、使用 wx.request 发起网络请求,Stroage 存储数据 , 操作反馈小工具

4、事件的处理、配置的详解、界面的跳转和页面之间数据的传递

5、APPID 的申请

6、小米商城小程序项目开发


学习目标:

掌握开发微信小程序的各种 API


第九阶段

编程内功

核心技术:

1. 数据结构和算法的认识、堆、栈、队列的认识和使用

2. 单向链表和双向链表的认识和操作

3. 集合的操作

4. 树的认识、基于二叉树的简单操作

5. 平衡树和二叉树的使用以及图论和矩阵的认识和使用

6. 图论的详细操作

7、各种算法的时间和空间的效率比较