好程序员WEB前端培训|HTML5培训|H5培训-好程序员官网

应用领域广阔！大前端引爆科技浪潮孕育无限可能

5个大前端技术应用案例，直达用户，为应用而生！

微信小程序
人脸识别
大数据可视化
区块链
物联网

据微信官方数据显示，目前小程序已经覆盖了 200 多个细分行业，服务用户超过 1000 亿人次，年交易增长超过 600%，创造了 5000 亿以上的行业价值。

HTML5大前端技术优势：

小程序是基于微信平台的轻量级应用，微信小程序在微信平台中只需要开发前端版本，发布的开发者工具也很方便，两天就能开发出一个完整的微信小程序。

近几年，人脸识别技术不断发展，在我们的生活中得到了广泛应用，手机、商场、公园等都可以看到它的身影。据相关分析报告显示，预计今年起人脸识别市场规模将保持20%左右的增速，到2022年，全球人脸识别市场规模将达75.95亿美元。

HTML5大前端技术优势：

HTML5前端技术用人的面部特征规则对图像进行匹配和识别，依据内置规则库进行匹配，实现人脸图像采集及检测、人脸图像预处理、人脸图像特征提取以及匹配与识别。

数据可视化主要旨在借助于图形化手段，清晰有效地传达与沟通信息。广泛应用与传统零售、医疗、电商领域的数据统计分析和精准营销。

HTML5大前端技术优势：

通过Canvas/SVG等Web前端技术对大数据进行数据可视化，通过WebGL技术完成3D/复杂图形数据可视化，具体包含Canvas、SVG、WebGL、ECharts.js、D3.js、Highcharts.js等。

区块链的热度不亚于大数据、人工智能、VR等热门技术。继比特币之后，各大互联网公司纷纷推出“莱茨狗”、“谜恋猫CryptoKitties”等区块链产品。

HTML5大前端技术优势：

web前端通过highcharts, echarts, tradeview等数据可视化技术为虚拟货币交易平台提供了直观的交易数据与走势信息。简化区块链交易流程，优化交易体验，提供直观的交易数据。

随着5G时代的到来，物联网已渗透到生活的方方面面。小到各种可穿戴产品、共享单车，大到汽车、工厂和楼宇，物联网能使一切设备互联并具备智慧。物联网预示着未来，2017年至今，BAT、华为、三大运营商、亚马逊、谷歌等巨头纷纷在物联网领域发起“圈地运动”。

HTML5大前端技术优势：

HTML5前端技术可实现在树莓派、智能手表、语音私人助理等多种智能设备上，网页的正常访问和可用。

咨询更多HTML5应用案例

好程序员HTML5核心授课技术多余业内同行20%

HTML5好程序员V11.0专业课程全面覆盖前端、原生APP开发、混合APP开发，
十大部分内容囊括NodeJS+JAVA+Python多栖后端、Android/iOS混合开发和前端架构！

课程模块

好程序员高端班

千锋就业班

其他机构一

其他机构二

Angular	Angular6 基础 Angular 项目实战	Angular6 基础 Angular 项目实战	全部缺失	全部缺失
M站开发	gulp + webpack yo + sass zepto better-scroll handlebars json-server fastclick 自主编写的基于hash的路由	缺失	全部缺失	全部缺失
HTML5 API	1、本地存储（webstorage） 2、应用缓存（application casche） 3、地理定位（Geolocation） 4、拖拽接口 5、video/audio/canvas 6、History 7、webworker 8、websocket	缺失	全部缺失	全部缺失
PC网站布局	1、企业级切图流程，PS，Sketch、zeplin 2、PC端网站布局精讲 3、HTML5 + CSS3 精讲 4、WebApp页面布局 5、16个网站布局项目	1、企业级切图流程，PS，Sketch、zeplin 2、PC端网站布局精讲 3、HTML5 + CSS3 精讲 4、WebApp页面布局 5、16个网站布局项目	1、无企业级切图流程，和UI合作困难 2、PC端布局讲的不够精细 3、授课项目少	1、无企业级切图流程，和UI合作困难 2、PC端布局讲的不够精细 3、授课项目少
WebApp页面布局	1、移动端布局高级：CSS3媒体查询，Web字体、移动端页面设计规范、移动端切图规范、流式布局（100%布局）、等比缩放布局（rem布局）、响应式布局、viewport、rem/vw的使用、flexbox详解、移动端reset, 1px border, 高清图片、淘宝移动端页面适配方案 2、5个M站布局项目	1、移动端布局高级：CSS3媒体查询，Web字体、移动端页面设计规范、移动端切图规范、流式布局（100%布局）、等比缩放布局（rem布局）、响应式布局、viewport、rem/vw的使用、flexbox详解、移动端reset, 1px border, 高清图片、淘宝移动端页面适配方案 2、5个M站布局项目	1、移动端布局高级知识点不全面 2、移动端布局方案不明晰 3、授课项目少	1、M站缺失高级移动端适配知识 2、M站布局项目少
JavaScript高级程序设计	1、原生JavaScript交互功能开发 2、面向对象进阶与ES5/ES6/ES7/ES8/ES9应用 3、设计模式 4、JavaScript工具库自主研发：DOM库、事件库、AJAX库、原型和继承库、MVVM核心库、基于SPA的路由库	1、原生JavaScript交互功能开发 2、面向对象进阶与ES5/ES6/ES7/ES8/ES9应用 3、设计模式 4、JavaScript工具库自主研发：DOM库、事件库、AJAX库、原型和继承库、MVVM核心库、基于SPA的路由库	1、没有讲授ES7/ES8/ES9内容 2、不讲设计模式 3、凸显学生原生JS编程能力的工具库研发缺失	1、没有讲授ES7/ES8/ES9内容 2、不讲设计模式 3、凸显学生原生JS编程能力的工具库研发缺失
PC端全栈开发	1、10个jQuery经典交互特效开发 2、PHP+MySQL后端基础 3、前后端模板：artTemplate,Handlebars, 4、前端工程化与模块化：Gulp、Webpack、NPM、Linux命令、Git/SVN、CommonJS、AMD、CMD、ES6模块化	1、10个jQuery经典交互特效开发 2、PHP+MySQL后端基础 3、前后端模板：artTemplate,Handlebars, 4、前端工程化与模块化：Gulp、Webpack、NPM、Linux命令、Git/SVN、CommonJS、AMD、CMD、ES6模块化	1、jQuery讲的少 2、不讲PHP+MySQL 3、不讲前后端模板 4、前端工程化与模块化讲解不深入，Gulp工程化缺失	1、PHP+MySQL缺失 2、前后端模板缺失 3、前端工程化与模块化缺失
Node.js	1、Node.js基础精讲 2、MongoDB+Mongoose精讲 3、GraphQL精讲 4、Koa2精讲 5、前端测试精讲 6、Socket通信精讲 7、Node.js爬虫	1、Node.js基础精讲 2、MongoDB+Mongoose精讲 3、GraphQL精讲 4、Koa2精讲 5、前端测试精讲 6、Socket通信精讲 7、Node.js爬虫	1、无MongoDB 2、无GraphQL 3、无Koa2 4、无前端测试内容 5、无Socket编程 6、无Node.js爬虫	1、无GraphQL 2、无Koa2 3、无前端测试内容 4、无Node.js爬虫
Vue.js框架	1、Vue基础精讲 2、Vue项目实战精讲 3、Nuxt.js 精讲 4、Mint-UI/Element-UI/iView	1、Vue基础精讲 2、Vue项目实战精讲 3、Nuxt.js 精讲 4、Mint-UI/Element-UI/iView	1、无Vue服务端渲染框架 2、无Vue组件库	1、无Vue服务端渲染框架 2、无Vue组件库
React 框架	1、React基础精讲 2、React 项目实战精讲 3、Next.js 精讲 4、React 高级：styledComponent、Immutable 5、Mobx 状态管理	1、React基础精讲 2、React 项目实战精讲 3、Next.js 精讲 4、React 高级：styledComponent、Immutable 5、Mobx 状态管理	1、Next.js缺省 2、React高级styledComponent、Immutable知识点缺失 3、Mobx状态管理缺失	1、Next.js缺省 2、React高级styledComponent、Immutable知识点缺失 3、Mobx状态管理缺失
微信小程序	1、原生小程序基础精讲 2、原生小程序项目实战精讲 3、小程序框架MpVue, Wepy 4、应用小程序框架开发项目	1、原生小程序基础精讲 2、原生小程序项目实战精讲 3、小程序框架MpVue, Wepy 4、应用小程序框架开发项目	缺少MpVue	缺少MpVue
多端小程序	基于React的多端小程序框架Taro，开发微信小程序，支付宝小程序，百度小程序，字节跳动小程序，H5，RN	基于React的多端小程序框架Taro，开发微信小程序，支付宝小程序，百度小程序，字节跳动小程序，H5，RN	全部缺失	全部缺失
混合APP开发	1、微信公众号开发 2、iOS/Android WebView原理 3、第三方Hybrid框架Cordova/Phone gap 4、第三方Hybrid框架MUI + HTML5	1、微信公众号开发 2、iOS/Android WebView原理 3、第三方Hybrid框架Cordova/Phone gap 4、第三方Hybrid框架MUI + HTML5	全部缺失	全部缺失
原生 APP 开发	1、React Native 开发 2、Flutter 开发	1、React Native 开发 2、Flutter 开发	全部缺失	全部缺失
数据可视化	1、数据可视化基础 2、Echars、Hignchars 3、D3.js 入门 4、Vue+D3.js数据可视化项目	1、数据可视化基础 2、Echars、Hignchars 3、D3.js 入门 4、Vue+D3.js数据可视化项目	全部缺失	全部缺失
框架原理与进阶	1、前端工程化：工程化概念、模块化开发及常用工具（Webpack4）、项目规范化及常用工具（ESLint）、前端自动化及常用工具、自动化测试及常用工具（jest） 2、JavaScript进阶：TypeScript 3、MVVM 框架进阶与实现：Vue.js 原理、Vue.js 使用进阶 4、数据流框架的应用：Redux、Mobx、Vuex 5、服务端渲染 SSR 专题：React.js 服务端渲染方案及 Next.js 框架、Vue.js 服务端渲染方案及 Nuxt.js 跨平台桌面应用开：Electron	缺失	好程序员面授，传智/黑马录播视频	全部缺失
移动APP开发	1、混合式 App 开发框架：Cordova、Phonegap、Ionic 2、混合APP开发：混合APP开发：Webview + H5、JSbridge、NativeScript 3、多端小程序：WEPY、MPVUE、Taro、uni-app 原生应用开发框架：Flutter，React Native	缺失	好程序员面授，传智/黑马录播视频	全部缺失
Node.js进阶	1、Node.js 事件循环：EventLoop 2、Web 应用开发框架：Adonis.js、Egg.js、Koa 前后端分类接口标准：GraphQL	缺失	好程序员面授，传智/黑马录播视频	全部缺失
其他前端前沿技术	1、PWA WebAssembly	缺失	好程序员面授，传智/黑马录播视频	全部缺失
架构与运维	1、git高阶应、chrome中的高级调试功能、如何权衡组件拆分的粒度、什么是最佳实践、常见前端攻击demo详解、什么是前端监控异常、如何了解网站前端代码线上的实际性能、前端代码发布上线流程详述、搭建前端异常监控系统，实现线上异常收集，自动短信报警 2、SPerf、YSlow、PageSpeed 3、Lint、e2e test、codecov、Benchmark 4、Mocha、Jest、AVA、Karma、Nightmare 5、Docker 6、Linux 搭建前端自动化发布系统，实现前端代码自动化上线	缺失	好程序员面授，传智/黑马录播视频	全部缺失
JavaWeb开发基础	1、Java基础 2、前端与Java的合作	缺失	好程序员面授，传智/黑马录播视频	全部缺失
Android/iOS原生开发基础	1、Android 混合开发 2、iOS混合开发	缺失	好程序员面授，传智/黑马录播视频	全部缺失
Python全栈开发	1、Python基础 2、Flask 框架 3、前端与Python的合作	缺失	好程序员面授，传智/黑马录播视频	全部缺失
企业课	1、团队户外拓展训练 2、企业合作项目课程 3、管理课程 4、沟通表达训练 5、职业素养课程	缺失	好程序员面授，传智/黑马录播视频	全部缺失

与其他培训机构详细对比图

16类大型项目驱动深挖企业主流需求

好程序员HTML5高端班项目实战紧凑高效且深度加大，PC端、移动端、webApp等16类项目贯穿始终。
采用真实数据，完全模拟真实开发环境，1：1还原大厂中高端项目。
自主搭建项目脚手架、项目性能优化、紧急BUG修复等实战性模拟，所学即所用！

Java商城项目
打造美食APP
打造萌宠交易平台
打造仿拉勾网M站
打造公安警情
可视化系统
Smartisan手机
商城整站开发
打造直播课
管理系统
打造拉勾网
后台管理系统
打造仿猫眼电影
移动端网站
打造豆瓣电影App
打造在线报表系统
Python爬虫实战
Android
外卖系统项目
打造跨平台
手机APP
打造多端小程序
电商项目
Flutter项目

Java商城项目Java全栈开发

项目介绍

全国休闲食品连锁加盟品牌，全国一线品牌，提供零食店连锁服务，加盟费便宜，食品种类丰富,购物方便实惠。

技术点

1.linux系统下开发环境安装与配置指导。
2.FTP服务对接、富文本上传。
3.商品总价计算复用封装、高效分页及动态排序。
4.MD5明文加密、guava缓存。
5.订单模块、收货地址、支付模块开发。

打造美食APPReact基础与实战

项目介绍

中国最优质的美食,食谱,菜谱网。做你最喜爱的美食网,菜谱网。提供最人性化的菜谱大全,食谱家常菜,家常菜谱大全的美食网。

技术点

1.React官方脚手架create-react-app安装与使用。
2.React + React-router4.0 + redux + react-redux全家桶进行开发。
3.React内置动画特效提升用户体验。
4.React的UI组件Ant-design界面美化和高效开发。
5.路由懒加载、PureComponent等优化项目。

打造萌宠交易平台微信(公众号+小程序)基础与实战

项目介绍

专业的在线宠物交易小程序，支持发布宠物交易信息，提供宠物担保交易，宠物交易安全放心，功能强大，深受用户信赖。

技术点

1.小程序的基础知识与概念以及开发技巧。
2.小程序api与内置组件，生命周期钩子函数的合理利用。
3. mpvue小程序开发框架引入实现高效开发。
4.小程序测试、发布上线一体化流程。

打造仿拉勾网M站WebApp基础与实战

项目介绍

拉勾网是一家专为拥有3至10年工作经验的资深互联网从业者，提供工作机会的招聘网站。拉勾网专注于在为求职者提供更人性化、专业化服务的同时，降低企业端寻觅良才的时间和成本。

技术点

1. Gulp + Webpack + Git + Sass 实现前端工程化、自动化开发。
2. 移动M站布局技巧、屏幕适配与事件处理。
3. Swiper、Better-Scroll等热门插件工具。
4. Director.js + Handlebar.js 打造高体验RMVC架构的SPA单页应用。
5. Canvas/Navigator等H5高级API应用。

打造公安警情可视化系统数据可视化基础与实战

项目介绍

警情可视化系统是一体大屏可视化决策系统，面向公安指挥中心大屏环境，具备优秀的大数据显示性能以及多机协同管理机制，完美支持大屏、多屏、超大分辨率等显示情景

技术点

1.数据可视化基础，基本开发工具的使用。
2.ChartBlocks、Infogram、plotly、Raw、Tableau等简易化开发工具。
3.高级可视化插件D3.js、Echarts.js、Highcharts.js的使用。
4.Socket.io实现数据动态更新后的图表re-render。

Smartisan手机商城整站开发阶段：PC全栈网站开发

项目介绍

Smartisan线上商城是一家移动互联网终端设备电商型项目,致力于打造用户体验一流的数码消费类产品(智能手机为主交易),主打坚果手机系列有坚果R1手机,坚果3手机等。

技术点

1.HTML5+CSS3实现高精度还原页面布局。
2. Javascript + jQuery 实现页面逻辑交互、动效。
3. Ajax 、cookie数据交互技术实现前后端分离开发。
4. Gulp + Git + Sass + Bower 前端工程化开发。
5. PHP + MySQL + Apache服务端部署。

打造直播课管理系统Angular基础与实战

项目介绍

直播管理系统是一款为直播应用服务的管理平台系统，提供了直播内容管理、礼物管理、直播间管理等功能的立体解决方案，同时大大优化了用户操作体验。

技术点

1. Angular-cli搭建项目开发环境，初始化CMS项目。
2. TypeScript + ES6高级语法学习。
3. AngularRouter实现路由重定向、嵌套路由、resolve守卫。
4. 依赖注入、数据绑定、响应式编程和管道。
5. 组件通信、表单处理、数据交互构建界面主要功能结构。

打造拉勾网后台管理系统Node.js基础与实战

项目介绍

拉勾网管理系统是为拉钩内部人员使用的职位信息等数据管理的的平台项目，主要功能有：权限验证，查看职位信息，增加、修改、删除职位信息内容等功能。

技术点

1. Node.js环境安装与NPM包管理的使用方式。
2. Javascript在Node.js中的运行模式。
3. Node.js常用模块实用技巧(http/url/querystring...)。
4. Express框架 + AdminLTE框架开发CMS系统。
5. 搭配MongoDB实现数据的增删改查操作。

打造仿猫眼电影移动端网站Vue.js基础与实战

项目介绍

猫眼电影是美团旗下的一家集媒体内容、在线购票、用户互动社交、电影衍生品销售等服务的一站式电影互联网平台。

技术点

1.Vue-CLI3.0脚手架快速创建项目骨架。
2.Vue-Router搭建SPA方式的单页面应用。
3.Vuex进行数据共享，实现状态管理。
4.自定义组件、第三方UI组件封装高效可复用模块。
5.通过axios进行数据获取，localStorage进行本地存储。

打造豆瓣电影AppReactNative基础与实战

项目介绍

今日影视大全提供最新的电影介绍及评论包括上映影片的影讯查询及购票服务。你可以记录想看、在看和看过的电影电视，顺便打分、写影评，也会根据用户的喜好习惯推荐精彩内容。

技术点

1. Yarn + react-native-cli 搭建RN开发环境，Xcode模拟器及真机调试运行项目。
2. react-navigation、StackNavigator导航组件开发实现多界面跳转。
3. Fetch网络编程技术，封装ListView实现拉动刷新特效。
4. 模块组件分离开发，AsyncStorage数据库技术及离线缓存。
5. React Native与IOS 、Android混合开发。

打造在线报表系统支付宝小程序

项目介绍

人人可用的在线表单工具,快速创建问卷调查、活动报名、意见反馈、信息登记、在线订单、考试测评等表单，自动化收集整理数据，节省工作时间。

技术点

1.采用RESTful风格API，对接线上数据。
2.flex弹性布局方案 + rpx适配。
3.小程序组件搭建与底层API调用。
4.登录授权、报表创建与更新、支付等功能实现。
5.小程序测试、发布上线一体化流程。

Python爬虫实战Python Web开发

项目介绍

随时随地发现新鲜事！微博带你欣赏世界上每一个精彩瞬间，了解每一个幕后故事。分享你想表达的，让全世界都能听到你的心声！

技术点

1.抓包工具安装及介绍、自动化控制工具安装。
2.查找域名对应的IP地址，向IP对应的服务器发送请求。
3.服务器响应请求，发回网页内容，浏览器解析网页内容。
4.Python中自带urllib及urllib2模块抓取。
5.对于反爬虫机制的处理，多进程抓取。

Android外卖系统项目Android开发

项目介绍

外卖覆盖全国各城市优质外卖商家、快餐和特色美食，拥有优秀的外卖网上订餐平台和外卖送餐团队，提供24小时叫外卖服务。

技术点

1.封装自己的WebView框架，一键式混合App部署。
2.购物车飞入效果实现，酷炫MD风格商品详情。
3.购物车数据计算和逻辑梳理。
4.通用购物车UI实现和封装。
5.登录、注册功能开发(ORM框架-GreenDao)。

打造跨平台手机APPIonic+Cordova基础与实战

项目介绍

起点读书是起点中文网推出的一款阅读软件，它具有便捷使用方便读、舒适阅读贴心用、海量书库热门推、格式多样支持强等特点，同时提供了赏心悦目的UI及轻松舒适的图书阅读体验，支持多端适配。

技术点

1. Ionic CLI 进行项目的初始化构建，VSCode 必备插件。
2. Ionic Provider，Ionic 请求 RESTful，Ionic Loading、Ionic Toast等模块的抽象。
3. Ionic Native应用及模拟器与真机测试。
4. 第三方Hybrid框架Cordova/Phone gap。
5. 自主原生Navtive Hybrid(iOS、Android)。

打造多端小程序电商项目多端小程序

项目介绍

开发电商小程序应用，应用基于 Taro 与 Taro UI，应用可以编译成多种不同的版本，比如微信小程序，支付宝小程序，H5 应用或者移动端应用。

技术点

1、React
2、微信小程序
3、Taro
4、TaroUI

Flutter项目

项目介绍

飞机票，特价机票，提供国内2600多条航线的飞机票查询服务和特价机票信息。同时搜索国航、南航、携程等上千家机票预订网站。

技术点

1.Flutter混合开发流程原理、场景，Scaffold与PageView创建，轮播Banner插件应用。
2.Flutter网络编程和本地存储，Future与FutureBuilder的使用。
3.基于GridView实现网格列表，下拉刷新与上拉加载更多。
4.打包发布Flutter Android应用打包发布Flutter iOS应用。
5.Flutter与AI智能的结合引入与调用Native SDK 实现语音搜索的功能。

获取课程项目视频展示

拒绝纸上谈兵多学科联合项目开发

UI+HTML5+Java项目联合开发，旨在提高学员团队协作力、全项目周期把控力、需求分析与技术实现力，
从而胜任企业高难度大型项目研发。项目覆盖网站、系统管理等内容，行业涉及移动互联网、电商、金融等。

云之家 6期项目联合大赛 第1名
SOUL 6期项目联合大赛 第2名
Q爱宠 6期项目联合大赛 第3名

平均得分：94.17分

讲师评价：项目UI设计美观大方，交互符合企业办公人员的使用习惯。功能完善，可以作为企业项目直接使用。前端应用新技术，包含小程序，公众号，混合开发，React等技术。后端应用SSM，MySQL数据库等技术。这个项目是本次联合项目功能全、可用度高的项目

项目介绍

云之家，基于组织通讯录的即时消息、签到、请假、文件、公告及应用接入服务，提高工作效率。云之家是中国企业移动互联网领域的领先品牌。它通过移动办公与团队协作APP应用，帮助企业打破部门与地域限制，提升工作效率，激活组织活力。

APP功能

1.主页登录注册等功能
2.智能审批等功能
3.聊天管理等功能
4.朋友圈等功能

技术难点

1.自动回复
2.百度地图的引入
3.二维码的自动生成
4.红包

获取学员联合项目源码

平均得分：93.8分

讲师评价：一款社交APP，项目设计独特，可以自动匹配好友。手机验证、用户云、筛选组件、测试题库等是本项目的亮点。项目完成度较高，前后端技术新颖。功能、性能、安全方面都完成的较好。

项目介绍

Soul是一款基于心灵的社交应用，用户可以在上面真实的表达自己，打造全新的社交身份。产品通过“化学反应的匹配算法”一键推荐用户可能喜欢的人，让用户通过在Soul上和聊得来的朋友沟通和交流来降低孤独感，提升幸福感。

APP功能

技术难点

框架使用：React、ui组件库 antd-mobile、状态管理-redux、数据性能优化immutable
样式: styled-components
滚动插件：better-scroll

查看全部项目介绍

平均得分：92.75分

讲师评价：一款在线宠物交易，在线宠物交流的APP。项目从信息发布到交易整体流程完成的不错。前端后端技术新颖，项目性能和用户体验都非常好。

项目介绍

Q爱宠是一款专门为爱狗人士准备的一个电商平台，它包含宠物狗、宠物狗粮、宠物用品的售卖，同时，还会分享一些宠物的视频和文章，让用户可以科学养犬，也是一个养狗沟通和交流的社区。

APP功能

手机号/邮箱验证注册、微信支付、微信公众号、精确搜索、社区交流、一体化服务、针对性服务。

技术难点

1.react-router-dom
2.redux
3.immutable
4.axios
5.swiper

查看全部项目介绍

专业与企业课程双线并行技术纵深与横向双向打通

好程序员web前端培训着重培养复合型管理人才
毕业直接担任团队leader，缩短1-2年晋升周期

专业课程

企业课程

第一阶段
第二阶段
第三阶段
第四阶段

学习时长：3周

可从事岗位：Web前端开发工程师、前端页面布局与重构工程师

学完本阶段薪资待遇：4K-6K

课程细类

课程内容

课程项目

PC端网站布局	- HTML基础，CSS基础，CSS核心属性 - CSS样式层叠，继承，盒模型 - 容器，溢出及元素类型 - 浏览器兼容与宽高自适应 - 定位，锚点与透明 - 图片整合 - 表格，CSS属性与滤镜	世纪佳缘用户注册页布局卧龙控股网站项目布局华帅灯饰网站项目布局千锋互联网站项目布局京东首页布局腾讯游戏首页布局 BOSS直聘布局麦田国际项目布局
HTML5+CSS3基础	- HTML5新增的元素与属性 - 表单域增强元素 - CSS3选择器 - 文字字体相关样式 - CSS3位移与变形处理 - CSS3 2D转换与过度动画 - CSS3 3D转换与关键帧动画 - 弹性盒模型 - 媒体查询 - 响应式设计	探路者页面布局 2D相册 3D相册 CSS3绘制机器猫 CSS3绘制自行车骰子布局
PC端网站布局	- 移动端页面设计规范 - 移动端切图 - 流式布局（100%布局） - 等比缩放布局（rem布局） - 响应式布局 - viewport - rem/vw的使用 - flexbox详解 - 移动端reset, 1px border, 高清图片 - 淘宝移动端页面适配方案	Ghost 开源博客平台页面的响应式布局足球圈M站布局

学习时长：7周

可从事岗位：移动前端开发工程师、项目经理、团队leader

学完本阶段薪资待遇：6K-10K

课程细类

课程内容

课程项目

原生JavaScript交互功能开发	- 基本语法 - 循环语句 - 函数与数组 - String与Date - BOM与DOM - 事件 - 拖拽效果 - cookie存储 - 正则表达式 - Ajax - 面向对象基础 - 运动与游戏开发	蘑菇街瀑布流打砖块游戏开发淘宝商品查询微信飞机大战游戏开发智能问答机器人
面向对象进阶与ES5/ES6/ES7应用	- Promise - 设计模式（观察者模式等） - 原型链 - 构造函数 - 执行上下文栈与执行上下文 - 变量对象与活动对象 - 作用域链 - 闭包 - this - ES5 - ES6 - ES7	微信飞机大战游戏开发（升级版）
JavaScript工具库自主研发	- DOM库 - 事件库 - AJAX库 - 原型和继承库 - MVVM核心库 - 基于SPA的路由库	千锋JS工具库
jQuery经典交互特效开发	- 时间轴特效 - tab页面切换效果 - 网页定位导航特效 - 滑动门特效 - 焦点图轮播特效 - 导航条菜单效果 - 瀑布流特效 - 弹出层效果 - 倒计时效果 - 抽奖效果	天猫首页交互开发
PHP+MySQL后端基础	- Apache - PHP - MySQL - HTTP(s)协议详解 - Ajax进阶、跨域与Defered - Apache与Nginx 环境搭建与配置 - 接口的定义 - Mock数据 - Restful - 前后端联调 - 前端安全(XSS,CSRF,JSON注入)	Smartisan手机商城后端接口开发
前端工程化与模块化应用	- Gulp - Webpack - NPM - Linux命令 - Git/SVN - CommonJS - AMD - CMD - ES6模块化	Smartisan手机商城开发工程化环境搭建
PC端全栈开发项目	- 大首页、列表页与详情页 - 展示与交互特效 - 搜索 - 登录与注册 - 购物车 - jQueryUI 与 jQuery EasyUI - Bootstrap(ACE) - Highcharts/Echarts - ArtTemplate - velocity - smarty - 云平台系统前端 - Apache+PHP+MySQL服务器搭建	Smartisan手机商城开发工程化环境搭建

学习时长：8周

可从事岗位：小程序开发工程师、数据可视化开发工程师

学完本阶段薪资待遇：15K-20K

课程细类

课程内容

课程项目

Node.js基础	一、Node.js基础 - Node.js介绍 - 开发环境搭建 - 模块与包管理工具 - 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）五、Koa2 - 路由 - 请求数据获取 - 静态资源加载 - cookie/session - 模板引擎 - 文件上传 - 数据库MySQL - JSONP实现 - 测试与debug 六、测试框架mocha - 搭建框架 - 断言assert - 项目测试 - 运行多个测试七、socket 即时通信项目 - Socket简介和通讯流程 - 基于net模块实现socket - WebSocket - Socket.io	Node.js基础案例
Node.js高级全栈项目	基于M站+Node.js+MongoDB高级全栈项目开发	打造仿拉勾网M站
Vue.js开发基础	- WebApp开发基础(Webstorage,移动端事件,UI组件, Zepto, IScroll, Swiper) - MVVM模式 - 前端组件化 - 单文件组件 - 组件间传值 - Vue实例 - E19Vue实例生命周期 - Vue的模版语法 - 计算属性,方法与侦听器 - 计算属性的 getter 和 setter - Vue中的样式绑定 - Vue中的条件渲染 - Vue中的列表渲染 - Vue中的set方法 - 父子组件间的数据传递 - 组件参数校验与非 props 特性 - 给组件绑定原生事件 - 非父子组件间的传值 - 在Vue中使用插槽 - 作用域插槽 - 动态组件与 v-once 指令 - Vue动画	Vue.js基础案例
应用Vue.js开发WebApp项目	- 环境配置 - 项目代码介绍 - 单文件组件与Vue中的路由 - 单页应用VS多页应用 - Mint UI - Element UI - 项目的联调，测试与发布上线	打造仿卖座网移动端网站
React 开发基础	- React简介 - React开发环境准备 - React中的组件 - JSX语法 - 拆分组件与组件之间的传值 - React developer tools 安装及使用 - PropTypes 与 DefaultProps 的应用 - props，state 与 render 函数的关系 - 深入了解React虚拟DOM - 虚拟 DOM 中的 Diff 算法 - React 中 ref 的使用 - React的生命周期函数及使用场景 - 使用Charles实现本地数据mock - React 中实现 CSS 动画效果 - react-transition-group 实现动画 - Redux 概念简述和工作流程 - Action 和 Reducer 的编写 - ActionTypes 的拆分 - 使用 actionCreator 统一创建 action - UI组件和、容器组件及无状态组件 - 使用Redux-thunk 中间件实现ajax数据请求 - Redux-saga 中间件使用 - React-redux 中间件使用	React基础案例
应用Reat开发WebApp项目	- Ant Design组件库 - React Router 4 路由 - 项目组件编写 - 使用 Immutable.js 来管理store中的数据 - 项目的联调、测试与发布上线	打造在线英文教育网
微信公众号开发	- 初识微信公众号 - 订阅号的基本功能 - 使用百度BCE实现代码的快速上线 - 使用Git完成线上代码部署 - 公众号开发权限及功能接入 - 微信JSSDK接口API - 微信场景项目开发与接入	卖座电影项目接入微信
微信小程序开发	- 微信小程序初探 - 小程序入门必学 - 小程序组件体验 - 小程序API讲解 - Wepy小程序开发框架 - MpVue小程序开发框架	造萌宠交易平台
阿里钉钉企业E应用（支付宝小程序）	- E应用功开发入门 - E应用开发流程 - E应用开发基础 - E应用开发实战	支付宝小程序报表系统
Angular6基础	- TypeScript 基础与进阶 - 开发环境配置 - Hello World - 架构、模块与组件 - 模板 - 元数据、数据绑定与数据显示 - 表单 - 服务与指令 - 依赖注入 - 路由 - Ionic 3 框架	直播课管理系统跨平台手机APP
大数据可视化基础与实战	- 数据可视化基础 - Echars、Hignchars - D3.js 入门 - D3.js 进阶 - D3.js 选择集与数据 - D3.js 高级应用 - D3.js 应用工具：NVD3、n3-charts	公安警情可视化系统
React Native开发	- RN 开发环境准备与基础组件介绍 - 多组件集成应用实现TodoList - 美食App首页布局及Tabbar的深入理解 - 引入路由，通用模块及列表页面布局 - 复用组件并在项目中引入redux - 页面代码优化及Webview组件的使用 - 使用RN中的本地存储实现设置功能 - RN内置API详解 - RN内置组件，Expo内置API详解及项目上线流程	爱美食APP
flutter	- 开发准备 - 界面结构 - 基础部件 - 布局 - 视图 - SLIVER - 路由 - 表单 - 输入 - 状态管理 - 网络请求等	Flutter版爱美食App
前端相关前沿技术精讲	- Webpack 4 - Koa2 + AdonisJS + Egg.js - 服务端渲染基础 + Next.js + Nuxt.js - Mobx状态管理 - TypeScript在Vue.js及React中的应用 - APICloud + DCloud - Vue 与 React 源码解读	前沿技术在项目中的应用

学习时长：4周

可从事岗位：资深Web前端工程师、多栖全栈工程师、前端架构师

学完本阶段薪资待遇：20K-25K

课程细类

课程内容

课程项目

企业级开发技术架构实战	- Java/JSP进阶 - Struts - Spring - Hibernate - Oracle	Java Web基础案例
商城项目整站开发	- 基于Apache的集群搭建(负载均衡) - 模板引擎FreeMarker - 项目整站静态化 - 高级构建工具Maven	共享单车后台系统（Java版）
Android开发	- Android基础与环境搭建 - Android UI基础与进阶 - 核心组件应用 - 数据存储于相关组件 - 移动开发主流界面 - 应用核心组件 - view深入开发	外卖系统项目
iOS混合开发	- 为什么使用JSBridge - JSBridge初始化 - JS加载iOS模块 - iOS执行JS - 应用打包部署与发布	iOS混合开发项目
Python基础	一、Python基础 Python基础语法 python字符串解析 python时间和日历 python文件操作，数据处理 python面向对象高级语法命名空间和作用域 Python正则表达式 Python常用第三方库 Python网络编程二、Django Django介绍安装和创建基于Django的项目初始化项目详解路由简介模板引擎模型 Admin管理工具 Django + Mysql项目实战	WebApp后端系统
web框架Flask	- VirtualEnv安装 - 创建Flask项目 - 路由 - 视图与模板引擎Jinja2 - MongoDB - MongoEngine - 共享单车后台系统开发	共享单车后台系统（Python版）
Python爬虫实战	- 爬虫基础 - Urllib库的基本使用 - Urllib库的高级用法 - URLError异常处理 - Cookie的使用 - Beautiful Soup的用法 - 利用爬虫获取商品价格 - 比价网实战	比价网
大型前端项目架构与联合项目	- git高阶应用 - chrome中的高级调试功能 - 如何权衡组件拆分的粒度 - 什么是最佳实践 - 常见前端攻击demo详解 - 什么是前端监控异常 - 如何了解网站前端代码线上的实际性能 - 前端代码发布上线流程详述 - 搭建前端异常监控系统，实现线上异常收集，自动短信报警 - 搭建前端自动化发布系统，实现前端代码自动化上线	架构实战

第一部分团队户外拓展训练（16课时）
第二部分企业合作项目课程（48课时）
第三部分管理课程（48课时）
第四部分沟通表达训练（48课时）
第五部分职业素养课程（48课时）

团队建设、团队协作

“众志成城”
培养通力合作精神

“信任背摔”
培养团队相互信任

逆境生存法则

“挑战NO.1”
压力面前绝不退缩

“高空断桥”
相信自我挑战极限

课程名称	负责人/组织	授课时间
团队建设、团队协作	专业拓展公司	第4周周六全天
逆境生存法则	专业拓展公司	第12周周六全天

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

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

课程名称	负责人/组织	授课时间
课前分享	职业规划师/讲师	每周上午9:20-9:40 每周下午2:00-2:20
课前模拟面试	职业规划师/讲师	每周上午9:20-9:40 每周下午2:00-2:20

课程名称	负责人/组织	授课时间
自我沉淀与自我管理	职业规划师	每月第三周7:30-9:30
心态修炼与自我“洗脑”	职业规划师
交际沟通与自我营销	职业规划师
职业生涯与企业关系	职业规划师
工作高效、领导满意、快速升职加薪“秘决”	职业规划师

获取完整版课程大纲

全部总监架构师级讲师亲授用心成就每一位

好程序员HTML5王炸导师团甄选自千人教研团，讲师上岗需经历5个维度筛选、6轮培训提升，
百度、新浪、中科院等名企大咖深度参与教学与课程研发，践行每行代码力量！

陆老师专业课第三、第四阶段

HTML5大前端教学副总监HTML5大前端教研院成员

试学片段

好程序员明星讲师，负责HTML5好程序员核心课程讲授。前去哪儿网高级前端工程师，曾主导去哪儿网在线服务频道Hybrid App开发，负责架构组产品的应用与推广。曾任海淀园电子政务高级产品经理，主导海淀区在线办公，海淀园OA系统交互设计与前端开发。擅长Node.js，React，Vue，Angular，Hybrid，RN，Flutter，微信小程序，移动端布局与适配等课程讲授。曾发布《DOM探索之旅》，《Avalon探索之旅》，《Node.js基础与实战》，《Angular基础与实战》，《M站开发实战》，《大数据可视化基础》等视频教程，深受学生好评。

授课时长13周

带班人数5000+

带班薪资12K+ 18K+

学员评分99.66

学员评价

胡同学 HTML5 7期

千锋大神讲师，诙谐、幽默、认真

更多随堂教程

赵老师专业课第一、第二、第三阶段

金牌讲师好程序员高级讲师

试学片段

好程序员HTML5前端讲师，5年web前端开发经验，曾负责参与多个大型电商和门户类型项目的前端和移动端开发，擅长NodeJS Vue React Webpack 移动端布局与适配。教学风格形象生动，思路清晰，并善于站在学生的角度看待问题，从而引导学生自主解决问题，注重理论基础与实战相结合，便于学生的理解与识记。

授课时长13周

带班人数2000+

带班薪资12K+ 18K+

学员评分99

学员评价

张同学 HTML5 9期

诙谐幽默认真

更多随堂教程

杨老师专业课第三阶段

HTML5教学主管（深圳）

试学片段

曾任职于顺丰科技有限公司，在丰声项目组负责iOS和前端H5开发。为其他业务系统开发团队提供协助。开发了多款混合APP以及门户型APP搭载微服务项目。擅长Objective-C、Node.js、angular.js、Vue、React、Hybrid、微信小程序。深刻理解混合开发原理，熟练使用corodva、H5+等混合开发框架。现负责好程序员深圳HTML5教学主管。帮助学员短时间内，高效率，快速实现技术积累与储备，教学夯基打实，深入浅出，以实际项目和前沿技术为导向，让学员吃透知识点，深受学生好评。

授课时长13周

带班人数5000+

带班薪资12K+ 18K+

学员评分99+

学员评价

刘同学 HTML5 13期

耐心，负责

更多随堂教程

杨老师专业课第二阶段

HTML5大前端二阶段教学主管HTML5大前端教研院成员

试学片段

好程序员明星讲师，负责HTML5好程序员二阶段授课，曾主导或深度参与过电商类，社保类，门户类多种大型网站。负责技术选型，项目架构，企业人才选拔及培训。 2017年在腾讯讲师峰会上获奖《最受欢迎讲师》，推出线上课程《https与密码学》《异步专题》《不懂MVVM教你写个MVVM框架》《设计模式专题》等多部视频课程广受好评。

授课时长7周

带班人数3000+

带班薪资12K+ 18K+

学员评分98.91

学员评价

谷同学 HTML5 19期

认真，亲和力，知识点教授全面

更多随堂教程

谢老师专业课第二阶段

金牌讲师好程序员高级讲师

试学片段

毕业于西安电子科技大学,现任Adobe专家委员会委员,曾任职于西安电子科技大学，任西安美院，交通大学，西北工业大学，思源学院，西京大学客座讲师,曾任北京八维计算机研修学院动画学院院长,曾任北京东方漫林总经理,曾任北京红马传媒(大麦网)前端技术主管,曾任北京竞技世界有限公司(JJ斗地主)前端主管,曾任中彩网前端开发主管,曾任北京超闪软件技术总监，游戏制作人,精通前端开发，桌面应用开发，页游开发，手机视频项目开发，手机H5游戏开发，手机2D游戏开发，手机3D开发。曾开发的产品，大麦网在线购票系统，永乐票务购票系统，人人网JJ斗地主游戏，Mirage引擎UI编辑器，骨骼编辑器，动画编辑器，粒子编辑器，轩辕剑山和云的彼端online版，传神3D手游3D版。

授课时长7周

带班人数5000+

带班薪资12K+ 18K+

学员评分99.32

学员评价

欧阳同学 HTML5 18期

认真,幽默,负责

更多随堂教程

马老师专业课第一阶段

HTML5大前端一阶段教学主管HTML5大前端教研院成员

试学片段

6年前端及移动端开发实践经验。4年教学经验，曾参与负责多个大型项目的前端开发，在多年的实践中总结了实际工作中所需要的技能及技巧。对待教学认真负责，平易近人，细心辅导，不厌其烦，讲课内容深入浅出，擅长调动课堂气氛。在教学中经常拓展实际工作中经验，分享并传授给学生，能让学生很快的将所学知识应用到实际项目中。

授课时长4周

带班人数3000+

带班薪资12K+ 18K+

学员评分98.68