好程序员全栈HTML5+课程优势
好程序员HTML5奢华级课程体系,历时两年精心策划、百余位强师全情参与,由专业课程
与企业课程两部分组成,技术点广而全深而精,覆盖大前端、混合开发、多栖后端及架
构,囊括NodeJS+JAVA+Python多栖后端以及Android和前端架构
企业合作项目、素质拓展等授课阶段力造复合型高端人才。三十类项目贯穿课程始终,真正
的全栈工程师+架构师的梦工厂
授课内容根据潮流技术及学员反馈新升级,实用性强,不掺杂无用讲解。
全套辅助视频教程,课余时间轻松巩固知识点,好奇心和创造力在课堂内外同步激发
现在,这份课程优异的HTML5课程大纲就成现在你的面前,他的奥秘,让我们一起领略
V9.0颠覆性学习路线图耀世上线
三十类项目贯穿始终 理论与实战同步递增
- 部分 前端开发基本功 (4周)
-
项目1:
PC端网站布局基础项目(1周)- HTML基础,CSS基础,CSS核心属性
- CSS样式层叠,继承,盒模型
- 容器,溢出及元素类型
- 浏览器兼容与宽高自适应
- 定位,锚点与透明
- 图片整合
- 表格,CSS属性与滤镜
- 表单,iframe与全屏布局
- BFC
- 可置换元素与非可置换元素
-
项目2:
PC端网站布局实战项目(1周)- PC页面设计规范
- PC 网站布局实战
-
项目3:
原生JavaScript交互基础项目(2周)- 基本语法
- 循环语句
- 函数与数组
- String与Date
- BOM与DOM
- 事件
- 正则表达式
- 拖拽效果
- 第二部分 JavaScript程序设计 (2周)
-
项目4:
Ajax与面向对象基础应用项目(0.5周)- cookie存储
- Ajax
- 面向对象基础
-
项目5:
面向对象进阶与ES5/ES6应用项目(1周)- Promise
- 设计模式(观察者模式等)
- 原型链
- 构造函数
- 执行上下文栈与执行上下文
- 变量对象与活动对象
- 作用域链
- 闭包
- this
- ES5
- ES6
-
项目6:
JavaScript工具库自主研发项目(0.5 周)- DOM库
- 事件库
- AJAX库
- 原型和继承库
- MVVM库
- SPA路由库
- 第三部分 PC端全栈开发 (3周)
-
项目7:
jQuery经典交互特效开发(0.5周)- 时间轴特效
- tab页面切换效果
- 网页定位导航特效
- 滑动门特效
- 焦点图轮播特效
- 导航条菜单效果
- 瀑布流特效
- 弹出层效果
- 倒计时效果
- 抽奖效果
-
项目8:
HTTP协议、Ajax进阶(0.5周)- HTTP(s)协议详解
- Ajax进阶与跨域
- Apache与Nginx 环境搭建与配置
- 接口的定义
- Mock数据与RESTful
- 前后端联调
- 前端安全(XSS,CSRF,JSON注入)
-
项目9:
前端工程化与模块化应用项目(0.5周)- Gulp
- Webpack
- NPM
- Linux命令
- Git/SVN
- CommonJS
- AMD
- CMD
-
项目10:
PC端网站开发项目(1周)- 大首页、列表页与详情页
- 展示与交互特效
- 搜索
- 登录与注册
- 购物车
-
项目11:
PC端管理信息系统前端开发项目(0.5周)- jQueryUI 与 jQuery EasyUI
- Bootstrap(ACE)
- Highcharts/Echarts
- ArtTemplate
- velocity
- smarty
- 云平台系统前端
- 第四部分:移动端WebApp开发(5周)
-
项目12:
HTML5+CSS3基础项目(1周)- HTML5新增的元素与属性
- 表单域增强元素
- CSS3选择器
- 文字字体相关样式
- 背景与渐变
- CSS3位移与变形处理
- CSS3 2D转换与过度动画
- CSS3 3D转换与关键帧动画
- 弹性盒模型
- 媒体查询
- 响应式设计
- 本地存储与离线缓存
- Canvas
- Video 与 audio
-
项目13:
WebApp项目开发(1周)- 移动端页面设计规范
- 移动端页面布局基础:pixel像素、viewport、meta、rem、vw等
- flexbox弹性盒布局实战
- 移动端页面布局方案:100%布局、等比缩放布局与响应式布局
- 移动web特别样式处理(reset, 1px border, 高清图片)
- 移动端事件
- Zepto、IScroll、Swiper、Animate.css
- 项目实战
-
项目14:
应用Vue.js开发WebApp项目(1周)- WebApp开发基础(Webstorage,移动端事件,UI组件, Zepto, IScroll, Swiper)
- Vue.js基础
- 模块化
- 单文件组件
- 路由
- 与服务器通信
- 状态管理
- 单元测试与生产发布
- 服务端渲染SSR与Nuxt.js
- 基于Vue.js企业级项目开发(Mint UI, Element UI)
-
项目15:
应用React.js开发WebApp项目(1周)- ReactJS基础
- JSX语法
- 组件
- flux+Redux
- React-Router路由
- 动画效果
- 基于React 企业级项目研发( Antd, Antd Mobile)
-
项目16:
应用Angular开发WebApp项目(1周)- TypeScript 基础与进阶
- 开发环境配置
- Hello World
- 架构、模块与组件
- 模板
- 元数据、数据绑定与数据显示
- 表单
- 服务与指令
- 依赖注入
- 路由
- Ionic 3 MUI框架
- 项目实战
- 第五部分:混合(Hybrid,RN)开发(2周)
-
项目17:
微信公众号开发(0.2周)- 初识微信公众号
- 订阅号的基本功能
- 使用百度BAE实现代码的快速上线
- 使用Git完成线上代码部署
- 公众号开发权限及功能接入
- 微信JSSDK接口API
- 微信场景项目开发与接入
-
项目18:
微信小程序开发(0.6周)- 微信小程序初探
- 小程序入门必学
- 小程序组件体验
- 小程序大功能
- 项目实战带你征服小程序
-
项目19:
React Native(1周)- React Native初探
- React Native 项目导航
- React Native 项目文本框
- React Native 项目滚动分页
- React Native 项目第三方登录
- React Native 其他组件
-
项目20:
各类混合应用开发(0.2周)- 自主原生Navtive Hybrid(iOS、Android)
- 第三方Hybrid框架Cordova/Phone gap
- 第三方Hybrid框架MUI + HTML5+
- 第六部分:NodeJS全栈开发(1周)
-
项目21:
基于Vue+Node+MongoDB+微信的全栈项目(1周)- NodeJS介绍
- 开发环境搭建
- 模块与包管理工具
- CommonJS模块
- URL网址解析
- QueryString参数处理
- HTTP模块
- HTTP小爬虫
- request方法
- 事件 events模块
- 文件 fs模块
- Stream 流模块
- 原生路由与参数接收
- 读取图片文件
- npm scripts
- Yarn 与 PM2
- MongoDB介绍与环境搭建
- 数据库常用命令
- Collection聚集集合
- document文档操作
- 聚集集合查询
- NodeJS连接MongoDB
- GraphQL初探:从REST到GraphQL
- GraphGL安装
- 准备数据源
- 搭建GraphQL服务器
- 数据查询
- express 介绍
- 安装和创建基于Express的项目
- Express 4.1x 初始化项目详解
- 路由简介
- 模板引擎EJS
- 模板引擎Pug(Jade)
- Koa入门
- Koa应用
- 中间件
- Context
- async await
- 请求与响应
- 搭建框架
- 断言assert
- 项目测试
- 运行多个测试
- Socket简介和通讯流程
- 基于net模块实现socket
- WebSocket
- Socket.io
基于Vue+Node+MongoDB+微信的全栈项目开发
- 第七部分:大数据可视化(1周)
-
项目22:
大数据可视化化基础与实战一、数据可视化入门
- 数据可视化基础
- 零编程工具使用: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周)
-
项目23:
企业级开发技术架构实战- Java/JSP进阶
- Struts
- Spring
- Hibernate
- Oracle
-
项目24:
商城项目整站开发- 基于Apache的集群搭建(负载均衡)
- 模板引擎FreeMarker
- 项目整站静态化
- 构建工具Maven
- 第九部分:Android原生开发(1周)
-
项目25:
外卖系统项目开发- Android基础与环境搭建
- Android UI基础与进阶
- 核心组件应用
- 数据存储于相关组件
- 移动开发主流界面
- 应用核心组件
- view深入开发
-
项目26:
Android混合开发项目- 为什么使用JSBridge
- JSBridge初始化
- JS加载Java模块
- Java执行JS
- 应用打包部署与发布
- 第十部分:Python全栈开发与架构(2周)
-
项目27:
WebApp后端系统开发(1周)一、Python基础
- Python基础语法
- python字符串解析
- python时间和日历
- python文件操作,数据处理
- python面向对象语法
- 命名空间和作用域
- Python正则表达式
- Python常用第三方库
- Python网络编程
二、Django
- Django介绍
- 安装和创建基于Django的项目
- 初始化项目详解
- 路由简介
- 模板引擎
- 模型
- Admin管理工具
- Django + Mysql项目实战
-
项目28:
web框架Flask - 共享单车后台系统(0.5周)- VirtualEnv安装
- 创建Flask项目
- 路由
- 视图与模板引擎Jinja2
- MongoDB
- MongoEngine
- 共享单车后台系统开发
-
项目29:
Python爬虫实战(0.5周)- 爬虫基础
- Urllib库的基本使用
- Urllib库的用法
- URLError异常处理
- Cookie的使用
- Beautiful Soup的用法
- 利用爬虫获取商品价格
- 比价网实战
-
项目30:
大型前端项目架构实战- git高阶应用
- chrome中的调试功能
- 如何权衡组件拆分的粒度
- 什么是佳实践
- 常见前端攻击demo详解
- 什么是前端监控异常
- 如何了解网站前端代码线上的实际性能
- 前端代码发布上线流程详述
- 搭建前端异常监控系统,实现线上异常收集,自动短信报警
- 搭建前端自动化发布系统,实现前端代码自动化上线
好程序员HTMl5大前端企业课程学习路线
企业课程包含团队拓展训练、企业合作项目课程、管理课程、职业素养等五部分,
打造符合企业实际需求的复合型高端人才、项目管理人才。
- 部分
- 第二部分
- 第三部分
- 第四部分
- 第五部分