好程序员-千锋教育旗下高端IT职业教育品牌关注微信新浪微博

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

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

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

好程序员HTML5奢华级课程体系,历时两年精心策划、百余位名师全情参与,由专业课程与企业课程两部分组成,技术点广而全深而精,全面覆盖大前端、混合开发、多栖后端及架构,囊括NodeJS+JAVA+Python多栖后端以及Android和前端架构。企业合作项目、素质拓展等授课阶段力造复合型高端人才。三十类项目贯穿课程始终,真正的全栈工程师+架构师的梦工厂。授课内容根据潮流技术及学员就业反馈更新升级,实用性强,不掺杂无用讲解。全套辅助视频教程,课余时间轻松巩固知识点,让好奇心和创造力在课堂内外同步激发。现在,这份性能优异的HTML5课程大纲就呈现在你的眼前,它的奥秘,让我们一同领略。

HTML5“好程序员”专业课程V8.0

第一部分:前端开发基本功(4周)

课程项目 授课内容
项目一、PC端网站布局项目(1周) - HTML基础,CSS基础,CSS核心属性
- CSS样式层叠,继承,盒模型
- 容器,溢出及元素类型
- 浏览器兼容与宽高自适应
- 定位,锚点与透明
- 图片整合
- 表格,CSS属性与滤镜
- 表单,iframe与全屏布局
- BFC
- 可置换元素与非可置换元素
项目二、PC端网站布局项目(1周) - PC页面设计规范
- PC 网站布局实战
项目三、原生JavaScript交互基础项目(2周) - 基本语法
- 循环语句
- 函数与数组
- String与Date
- BOM与DOM
- 事件
- 正则表达式
- 拖拽效果

第二部分:JavaScript高级程序设计(2周)

课程项目 授课内容
项目四、Ajax与面向对象基础应用项目(0.5周) - cookie存储
- Ajax
- 面向对象基础
- 运动与游戏开发
项目五、面向对象进阶与ES5/ES6应用项目(1周) - Promise
- 设计模式(观察者模式等)
- 原型链
- 构造函数
- 执行上下文栈与执行上下文
- 变量对象与活动对象
- 作用域链
- 闭包
- this
- ES5
- ES6
项目六、JavaScript工具库自主研发项目(0.5 周) - DOM库
- 事件库
- AJAX库
- 原型和继承库
- MVVM库
- SPA路由库

第三部分:PC端全栈开发(3周)

课程项目 授课内容
项目七、jQuery经典交互特效开发(0.5周) - 时间轴特效
- tab页面切换效果
- 网页定位导航特效
- 滑动门特效
- 焦点图轮播特效
- 导航条菜单效果
- 瀑布流特效
- 弹出层效果
- 倒计时效果
- 抽奖效果
项目八、HTTP协议、Ajax进阶(0.5周) - HTTP(s)协议详解
- Ajax进阶与跨域
- Apache与Nginx 环境搭建与配置
- 接口的定义
- Mock数据与RESTful
- 前后端联调
- 前端安全(XSS,CSRF,JSON注入)
项目九、前端工程化与模块化应用项目(0.5周) - Gulp
- Webpack
- NPM
- Linux命令
- Git/SVN
- CommonJS
- AMD
- CMD
- ES6模块化
项目十、PC端网站开发项目(1周) - 大首页、列表页与详情页
- 展示与交互特效
- 搜索
- 登录与注册
- 购物车
项目十一、PC端管理信息系统前端开发项目(0.5周) - jQueryUI 与 jQuery EasyUI
- Bootstrap(ACE)
- Highcharts/Echarts
- ArtTemplate
- velocity
- smarty
- 云平台系统前端

第四部分:移动端WebApp开发(5周)


授课内容
项目十二、HTML5+CSS3基础项目(1周) - HTML5新增的元素与属性
- 表单域增强元素
- CSS3选择器
- 文字字体相关样式
- 背景与渐变
- CSS3位移与变形处理
- CSS3 2D转换与过度动画
- CSS3 3D转换与关键帧动画
- 弹性盒模型
- 媒体查询
- 响应式设计
- 本地存储与离线缓存
- Canvas
- Video 与 audio
项目十三、WebApp项目开发(1周) - 移动端页面设计规范
- 移动端页面布局基础:pixel像素、viewport、meta、rem、vw等
- flexbox弹性盒布局实战
- 移动端页面布局方案:100%布局、等比缩放布局与响应式布局
- 移动web特别样式处理(reset, 1px border, 高清图片)
- 移动端事件
- Zepto、IScroll、Swiper、Animate.css
- 项目实战
项目十四、应用Vue.js开发WebApp项目(1周) - WebApp开发基础(Webstorage,移动端事件,UI组件, Zepto, IScroll, Swiper)
- Vue.js基础
- 模块化
- 单文件组件
- 路由
- 与服务器通信
- 状态管理
- 单元测试与生产发布
- 服务端渲染SSR与Nuxt.js
- 基于Vue.js企业级项目开发(Mint UI, Element UI)
项目十五、应用React.js开发WebApp项目(1周) - ReactJS基础
- JSX语法
- 组件
- flux+Redux
- React-Router路由
- 动画效果
- 基于React 企业级项目研发( Antd, Antd Mobile)
项目十六、应用Angular开发WebApp项目(1周) - TypeScript 基础与进阶
- 开发环境配置
- Hello World
- 架构、模块与组件
- 模板
- 元数据、数据绑定与数据显示
- 表单
- 服务与指令
- 依赖注入
- 路由
- Ionic 3 MUI框架
- 项目实战

第五部分:混合(Hybrid,RN)开发(2周)

课程项目 授课内容
项目十七、微信公众号开发(0.2周) - 初识微信公众号
- 订阅号的基本功能
- 使用百度BAE实现代码的快速上线
- 使用Git完成线上代码部署
- 公众号开发权限及功能接入
- 微信JSSDK接口API
- 微信场景项目开发与接入
项目十八、微信小程序开发(0.6周) - 微信小程序初探
- 小程序入门必学
- 小程序组件体验
- 小程序大功能
- 项目实战带你征服小程序
项目十九、React Native(1周) - React Native初探
- React Native 项目导航
- React Native 项目文本框
- React Native 项目滚动分页
- React Native 项目第三方登录
- React Native 其他组件
项目二十、各类混合应用开发(0.2周) - 自主原生Navtive Hybrid(iOS、Android)
- 第三方Hybrid框架Cordova/Phone gap
- 第三方Hybrid框架MUI + HTML5+

第六部分:NodeJS全栈开发(1周)

课程项目 授课内容
项目二十一、基于Vue+Node+MongoDB+微信的高级全栈项目(1周) 一、NodeJS基础 - NodeJS介绍
- 开发环境搭建
- 模块与包管理工具
- CommonJS模块
- URL网址解析
- QueryString参数处理
- HTTP模块
- HTTP小爬虫
- request方法
- 事件 events模块
- 文件 fs模块
- Stream 流模块
- 原生路由与参数接收
- 读取图片文件
- npm scripts
- Yarn 与 PM2
二、MongoDB - MongoDB介绍与环境搭建
- 数据库常用命令
- Collection聚集集合
- document文档操作
- 聚集集合查询
- NodeJS连接MongoDB
三、GraphGL - GraphQL初探:从REST到GraphQL
- GraphGL安装
- 准备数据源
- 搭建GraphQL服务器
- 数据查询
四、Express - express 介绍
- 安装和创建基于Express的项目
- Express 4.1x 初始化项目详解
- 路由简介
- 模板引擎EJS
- 模板引擎Pug(Jade)
五、Koa - Koa入门
- Koa应用
- 中间件
- Context
- async await
- 请求与响应
六、测试框架mocha - 搭建框架
- 断言assert
- 项目测试
- 运行多个测试
七、socket 即时通信项目 - Socket简介和通讯流程
- 基于net模块实现socket
- WebSocket
- Socket.io
八、基于Vue+Node+MongoDB+微信的高级全栈项目开发

第七部分:大数据可视化(1周)

课程项目 授课内容
项目二十二 大数据可视化化基础与实战 一、数据可视化入门 - 数据可视化基础
- 零编程工具使用:ChartBlocks、Infogram、plotly、Raw、Tableau
二、D3.js详解 - D3.js 入门
- D3.js 进阶
- D3.js 选择集与数据
- D3.js 高级应用
- D3.js 应用工具:NVD3、n3-charts
三、其他JS库 - Highcharts
- FusionCharts
- Polymaps
四、项目实战

第八部分:JAVA全栈开发(1周)

课程项目 授课内容
项目二十三、企业级开发技术架构实战 - Java/JSP进阶
- Struts
- Spring
- Hibernate
- Oracle
项目二十四、商城项目整站开发 - 基于Apache的集群搭建(负载均衡)
- 模板引擎FreeMarker
- 项目整站静态化
- 高级构建工具Maven

第九部分:Android原生开发(1周)

课程项目 授课内容
项目二十五、外卖系统项目开发 - Android基础与环境搭建
- Android UI基础与进阶
- 核心组件应用
- 数据存储于相关组件
- 移动开发主流界面
- 应用核心组件
- view深入开发
项目二十六、Android混合开发项目 - 为什么使用JSBridge
- JSBridge初始化
- JS加载Java模块
- Java执行JS
- 应用打包部署与发布

第十部分:Python全栈开发与架构(2周)

课程项目 授课内容
项目二十七、WebApp后端系统开发(1周) 一、Python基础 - Python基础语法
- python字符串解析
- python时间和日历
- python文件操作,数据处理
- python面向对象高级语法
-命名空间和作用域
- Python正则表达式
- Python常用第三方库
- Python网络编程
二、Django - Django介绍
- 安装和创建基于Django的项目
- 初始化项目详解
- 路由简介
- 模板引擎
- 模型
- Admin管理工具
- Django + Mysql项目实战
项目二十八、web框架Flask - 共享单车后台系统(0.5周) - VirtualEnv安装
- 创建Flask项目
- 路由
- 视图与模板引擎Jinja2
- MongoDB
- MongoEngine
- 共享单车后台系统开发
项目二十九、Python爬虫实战(0.5周) - 爬虫基础
- Urllib库的基本使用
- Urllib库的高级用法
- URLError异常处理
- Cookie的使用
- Beautiful Soup的用法
- 利用爬虫获取商品价格
- 比价网实战
项目三十:大型前端项目架构实战 - git高阶应用
- chrome中的高级调试功能
- 如何权衡组件拆分的粒度
- 什么是最佳实践
- 常见前端攻击demo详解
- 什么是前端监控异常
- 如何了解网站前端代码线上的实际性能
- 前端代码发布上线流程详述
- 搭建前端异常监控系统,实现线上异常收集,自动短信报警
- 搭建前端自动化发布系统,实现前端代码自动化上线
HTML5“好程序员”企业课程V8.0

第一部分:团队户外拓展训练(共16课时)

负责人/组织 课程名称
专业拓展公司 团队建设、团队协作
逆境生存法则

第二部分:企业合作项目课程(共48次课)

负责人/组织 课程名称
合作企业技术总监 项目需求分析与交互设计;
前后端及移动端流行工具、框架与库的企业项目深度应用实战;
JavaScript框架设计;
移动端组件库设计;
项目架构与产品选型;
大厂的项目开发流程、项目测试、部署与发布实践;
项目安全、性能与可用性实战;
如何与兄弟部门及项目团队各方密切合作与有效沟通。

第三部分:管理课程(共40课时)

负责人/组织 课程名称
专业PMP讲师 项目管理架构及流程
整合管理和范围管理
时间管理、成本管理和质量管理
人力资源管理、沟通管理、风险管理
基层管理者领导力提升培训解决方案

第四部分:沟通表达训练(共110课时)

负责人/组织 课程名称
职业规划师/讲师 课前分享
课前模拟面试

第五部分:职业素养课程(共40课时)

负责人/组织 课程名称
职业规划师 自我沉淀与自我管理
心态修炼与自我“洗脑”
交际沟通与自我营销
职业生涯与企业关系
工作高效、领导满意、快速升职加薪“秘决”
BUILDING A BETTER CONNECTED WORLD
Copyright 2007-2015 北京千锋互联科技有限公司 .All Rights Reserved
京ICP备12003911号-5 京公网安备11010802011455号