好程序员.移动产业联盟联合打造-精品人才培养工程 专业iOS.Android.HTML5高端培训机构关注微信新浪微博

起薪10000,只有我们做到了
课程简介 课程大纲 师资团队
大纲前沿

当你翻阅这份好程序员H5高端班课程大纲时,
我相信你一定做好了充分的准备迎接挑战,并希望通过自己的努力,成长为那10%的精英人才。
我们培养的不是初级,中级的前端工程师,我们要解决的是如何成为这个行业的翘楚!
毫无疑问,在未来几年,HTML5将会颠覆传统web应用,颠覆移动互联网的解决方案。
好程序员HTML5高端课程,前端架构师,全栈工程师进阶之路,不塑庸才,只造精英!

课程时长 报名条件 授课方式
20周(五个月) 18周岁以上,本科及以上学历(若基础较好可放宽至大专),计算机相关专业。 本套课程适合具备一定编程基础(C、JAVA、.net等)的人士学习。 面授
HTML5高端课程

性能优异的HTML5教学大纲,历时两年精心策划、百余位名师全情参与,完整涵盖PC terminal、Mobile terminal、Hybrid开发前端与后端完美融合,V2.0版本特别添加Java开发、游戏开发、Android开发、PHP等多元化高端课程,V2.1版本混合(RN,HybridApp)开发阶段特别加入微信小程序开发,授课内容与根据潮流技术及学员就业反馈完美升级,实用性强,不掺杂无用讲解。报名即送完整随堂视频,课余时间轻松巩固知识点,让好奇心和创造力在课堂内外同步激发。现在,这份性能优异的H5课程大纲就呈现在你的眼前,它的奥秘,让我们一同领略。

HTML5高端课程大纲V2.1
前端页面重构
课程项目 授课内容
PC端网站布局项目(2.5周) HTML基础,CSS基础,CSS核心属性
CSS样式层叠,继承,盒模型
容器,溢出及元素类型
浏览器兼容与宽高自适应
定位,锚点与透明
图片整合
表格,CSS属性与滤镜
表单,iframe与全屏布局
BFC
可置换元素与非可置换元素
HTML5+CSS3基础项目(1周) HTML5新增的元素与属性
表单域增强元素
CSS3选择器
文字字体相关样式
背景与渐变
CSS3位移与变形处理
CSS3 2D转换与过度动画
CSS3 3D转换与关键帧动画
弹性盒模型
媒体查询
响应式设计
WebApp页面布局项目(0.5周) 移动端页面设计规范
移动端切图
文字流式/控件弹性/图片等比例/特殊设计的100%布局
等比缩放布局
viewport/meta
rem/vw的使用
flexbox详解
移动web特别样式处理(reset, 1px border, 高清图片)
JavaScript高级程序设计
课程项目 授课内容
原生JavaScript交互功能开发项目(3周) 基本语法
循环语句
函数与数组
String与Date
BOM与DOM
事件
拖拽效果
cookie存储
正则表达式
Ajax
面向对象基础
运动与游戏开发
面向对象进阶与ES5/ES6应用项目(1周) Promise/A+
设计模式(观察者模式等)
原型链
构造函数
执行上下文栈与执行上下文
变量对象与活动对象
作用域链
闭包
this
ES5
ES6
JavaScript工具库自主研发项目(1周) DOM库
事件库
AJAX库
原型和继承库
MVVM库
SPA路由库
PC端全栈开发
课程项目 授课内容
jQuery经典交互特效开发(1周) 时间轴特效
tab页面切换效果
网页定位导航特效
滑动门特效
焦点图轮播特效
导航条菜单效果
瀑布流特效
弹出层效果
倒计时效果
奖效果
HTTP协议、Ajax进阶(0.5周) HTTP(s)协议详解
Ajax进阶、跨域与Defered
Apache与Nginx 环境搭建与配置
接口的定义
Mock数据
前后端联调
前端安全(XSS,CSRF,JSON注入)
前端工程化与模块化应用项目(0.5周) Gulp
Webpack
NPM
Git/SVN
CommonJS
AMD
CMD
ES6模块化
PC端网站开发项目(1周) 大首页、列表页与详情页
展示与交互特效
搜索
登录与注册
购物车
AngularJS项目(0.5周) 基础知识(ng-app,Modules,Controller,$apply,$watch)
指令(ng-repeat,ng-class,ng-show,ng-hide)
过滤器(date,limitTo,filter)
表单(NgModelController,表单验证)
服务(自定义服务,Angular提供的服务:$log,$timeout,$q,$http)
其他(Controller as 语法,安全的依赖注入方法)
directive(指令,组件)
ng-router
PC端管理信息系统前端开发项目(0.5周) jQueryUI 与 jQuery EasyUI
Bootstrap(ACE)
Highcharts/Echarts
ArtTemplate
velocity
smarty
云平台系统前端
移动端WebApp开发

授课内容
Touch端项目(0.6周) Canvas基础知识
绘制矩形、圆弧、线段、曲线、渐变与图像
Canvas图表绘制案例
localStorage、sessionStorage与离线缓存
webworker 与 websocket
animate.css
Yo/Mui
touch.js
zepto.js
swipe
iScroll
微信场景项目(0.4周) WeUI
Swiper animate 在微信场景项目中的使用
常见的页面布局
常见的交互与动画
实战项目
应用Vue.js开发WebApp项目(1周) Vue.js基础
模块化
单文件组件
路由
与服务器通信
状态管理
单元测试
生产发布
应用Ionic开发WebApp项目(1周) css components
ionic基于angularJS扩展的交互指令介绍
blank模板的安装
头部与尾部
内容区域
列表
区域滚动
下拉刷新与上拉加载
页签导航

loading 效果
actionsheet 效果
弹出窗口
弹出浮动层
底部满屏滑动窗口
ionic 自带的swiper滑动
基于swiper组件的swiper滑动
页面导航切换
侧边栏菜单
应用React.js开发WebApp(1周) ReactJS基础
JSX语法
组件
flux架构
配置模块化开发环境
动画效果
数据双向绑定
混合(RN,HybridApp)开发
课程项目 授课内容
微信小程序开发(1周) 微信小程序简介及从技术上和产品上的分析
构建第一个应用:创建项目、创建小程序实例与创建页面
框架、组件、API及工具详解
微信小程序项目开发
React Native(0.6周) React Native介绍
原生组件
异步执行
触摸事件处理
弹性盒(Flexbox)和样式
兼容通用标准和扩展性
React Native项目开发
各类混合应用开发(0.4周) Cordova/Phone gap
嵌入客户端(iOS、Android)
微信服务号接口(JSSDK)开发
HTML5+
NodeJS开发
课程项目 授课内容
WebApp后端系统开发 NodeJS介绍
NodeJS环境搭建与入门
ES6在NodeJS中的应用
CommonJS模块
fs与path模块
stream
http模块API
URL模块
noSQL数据库mongodb/mongoose
框架中间件
基于Socket.io聊天室系统 socket.io
express api
express 中间件
ejs/jade模板
关系型数据库MySQL
游戏开发
课程项目 授课内容
植物大战僵尸 深入理解DOM操作
面向对象思想的实际应用
动画原理,运动模式,运动路径,构建动画引擎
碰撞检测原理,编写碰撞事件
物理算法的应用
捕鱼达人 深入理解canvas应用
canvas动画模式
使用第三方动画引擎及物理算法引擎,createjs,cocos2d
WebGL,应用three.js
理解3D,以及应用3D
JAVA开发
课程项目 授课内容
企业级开发技术架构实战 Java/JSP进阶
Struts
Spring
Hibernate
Oracle
商城项目整站开发 基于Apache的集群搭建(负载均衡)
模板引擎FreeMarker
项目整站静态化
高级构建工具Maven
PHP开发
课程项目 授课内容
微信管理系统 PHP基本语法
PHP基础应用
面向对象基础
微信公众号申请与相关配置
微信JSSDK开发
微信支付
短信发送与邮件发送
商城系统 Thinkphp
MVC
MySQL数据库
模板引擎
RESTful封装
主流PHP免费系统的使用 社交论坛系统:Discuz/PHPwind
内容管理系统:PHPCMS/DedeCMS/帝国CMS
商城系统:ShopEx/ShopNC
Android开发
课程项目 授课内容
外卖系统项目开发 Android基础与环境搭建
Android UI基础与进阶
核心组件应用
数据存储于相关组件
移动开发主流界面
应用核心组件
view深入开发
Android混合开发项目 为什么使用JSBridge
JSBridge初始化
JS加载Java模块
Java执行JS
应用打包部署与发布
BUILDING A BETTER CONNECTED WORLD
Copyright 2007-2015 北京千锋互联科技有限公司 .All Rights Reserved
京ICP备12003911号-5 京公网安备11010802011455号