好程序员全栈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大前端企业课程学习路线

企业课程包含团队拓展训练、企业合作项目课程、管理课程、职业素养等五部分,
全方位打造符合企业实际需求的复合型高端人才、项目管理人才。

  • 第一部分
  • 第二部分
  • 第三部分
  • 第四部分
  • 第五部分
团队户外拓展训练
(16课时)
企业合作项目课程
(48课时)
管理课程
(40课时)
沟通表达训练
(110课时)
职业素养课程
(40课时)
团队建设、团队协作
『众志成城』培养通力合作精神 『信任背摔』培养团队相互信任
逆境生存法则
『挑战NO.1』压力面前绝不退缩 『高空断桥』相信自我挑战极限

在线申请

1 前端开发基本功

2 JavaScript高级程序设计

3 PC端全栈开发

4 移动端WebApp开发

5 混合(Hybrid,RN)开发

6 NodeJS全栈开发

7 大数据可视化

8 JAVA全栈开发

9 Android原生开发

10 Python全栈开发与架构