上海切换校区
全国报名热线
021-6769 0939
H5+PHP
全栈课程拔高升级 零元入学高薪就业
为什么学HTML5？
它火爆、风靡全球、无处不在……
被企业挥金疯抢，一看视频全知道！
四大优势
所向披靡！全程就业零风险！
零元入学
支持零元入学，先就业后付款，分期支付，毫无压力！
零基础
多种班型，零基础也能快速入门，快速上手，快速学会!
合作企业
海量招聘合作企业，每周8到20家上门招聘，足不出户找工作！
高薪就业
6000起薪、万元薪资上不封顶，轻松就业拿高薪！
他们高薪，你的未来
*以上数据为北京开发师平均薪资，数据来源独立第三方，真实可靠。
课程内容循序渐进、环环相扣
让你欲罢不能，不知不觉炼成大牛工程师！
| 阶段 | 技术名称 | 技术内容 |
|---|---|---|
| HTML | 第一天Web前端基础 |
1、IDE环境介绍安装配置
2、WebStorm快捷键
3、HTML入门
4、PS基础
5、PS切图
6、PS实例操作
|
| 第二天DTD文档模型和HTML基础元素 |
1、DTD文档模
2、字体字符
3、HTML基础元素
4、行内元素与块元素
|
|
| 第三天HTML框架集与布局 |
1、文档流
2、frameset框架集
3、iframe内联框架
4、了解div+css布局
5、table布局
|
|
| 第四天HTML Form表单 |
1、form表单描述及input标签
2、form表单配合table标签
3、html5新增input类型
4、表单提交到服务器
5、meta标签
|
|
| 第五天CSS入门 |
1、CSS的使用方式
2、CSS选择器(类、id、元素)
3、CSS优先级
4、CSS基本样式（背景、颜色、字体、尺寸）
|
|
| CSS布局 | 第六天CSS基本样式、基础选择器和选择器优先级 |
1、基本样式（文本、列表）
2、div+css布局
3、选择器(关系、属性、伪类、伪元素)
4、选择器优先级
|
| 第七天C3特性 |
1、2D变换
2、3D转换
3、CSS3过渡
4、CSS3动画
|
|
| 第八天浮动 |
1、浮动
2、清除浮动
3、定位（ position）
4、实例操作
|
|
| 第九天css标准、怪异盒模型 |
1、标准盒子模型
2、怪异盒子模型
3、z-index
|
|
| 第十天弹性、旧弹性盒模型 |
1、弹性盒子模型
2、旧弹性盒子模型
3、实例讲解
|
|
| 第十一天H5新特性详解 |
1、HTML5新增元素
2、表单新增属性
3、HTML5代码规范
|
|
| 第十二天css3媒体查询、图形绘制 |
1、媒体查询
2、多列布局
3、box-sizing
4、绘制三角形、矩形、梯形
5、绘制特殊图形
|
|
| 第十三天雪碧图和滑动门 |
1、CSS Sprite雪碧图
2、实体字符Font Awesome
3、CSS滑动门
4、滑动门实例操作
|
|
| 第十四天项目实战-百度知道网站开发 | 整站开发-百度知道 | |
| 第十五天Bootstrap详解 |
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。 Bootstrap 让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用。 预处理脚本 虽然可以直接使用 Bootstrap 提供的 CSS 样式表，不要忘记 Bootstrap 的源码是基于最流行的 CSS 预处理脚本 - Less 和 Sass 开发的。你可以采用预编译的 CSS 文件快速开发，也可以从源码定制自己需要的样式。 一个框架、多种设备 你的网站和应用能在 Bootstrap 的帮助下通过同一份代码快速、有效适配手机、平板、PC 设备，这一切都是 CSS 媒体查询（Media Query）的功劳。 特性齐全 Bootstrap 提供了全面、美观的文档。你能在这里找到关于 HTML 元素、HTML 和 CSS 组件、jQuery 插件方面的所有详细文档 1、BS栅格系统、排版
2、BS输⼊框、缩略图、表格、表单
3、BS按钮、图⽚、字体图标
4、BS下拉菜单、按钮组
5、BS导航、警告框、进度条
6、BS⾯板、 Well
7、Less语法
|
|
| JavaScript入门 | 第二十一天认识javascript |
1、JS简介
2、基本句法和变量
3、命名规则
4、基本数据类型
5、数据类型自动转换
|
| 第二十二天数据类型、条件语句 |
1、Number对象
2、数学运算符（算术、赋值）
3、判断运算符（比较、逻辑、条件）
4、运算符优先级
5、条件控制语句if、if else、if else if else、switch case
6、break和continue
|
|
| 第二十三天循环语句、函数 |
1、循环控制语句for循环、while循环、do while循环
2、对象object 定义、创建
3、with语句
4、函数function属性、方法
5、函数作用域
6、函数参数
|
|
| 第二十四天js变量、垃圾回收 |
1、变量声明、变量赋值
2、值传递、引用传递
3、作用域
4、变量作用域提升
5、内存问题
6、垃圾回收机制
|
|
| 第二十五天JS对象详解 |
1、Math对象
2、Date对象
3、字符串定义
4、字符串转义
5、字符串属性和方法
|
|
| 第二十六天数组、算法详解 |
1、数组定义
2、数组属性和方法
3、for in循环
4、算法（冒泡排序、数组去重）
5、二维数组
6、实例：打印表格
|
|
| 第二十七天DOM操作 |
1、DOM对象
2、DOM节点
3、document属性和方法
4、DOM操作
5、链式调用
6、实例：模拟键盘
|
|
| 第二十八天JS事件（一） |
1、Event事件
2、事件流（冒泡、捕获）
3、DOM事件级别
4、鼠标事件
5、键盘事件
6、实例：小球运动、键盘按压效果
|
|
| 第二十九天JS事件（二） |
1、Event对象
2、文档事件
3、表单相关事件
4、鼠标事件属性
5、实例：图片放大镜、返回顶部
|
|
| 第三十天BOM对象详解 |
1、window对象
2、location对象
3、navigator对象
4、screen对象
5、history对象
6、BOM操作
7、定时器
8、实例：心形跳动、模拟时钟、Tab自动切换
|
|
| 第三十一天 this、call、apply使用 |
1、this关键字
2、call和apply使用
3、bind绑定
4、变量作用域
5、闭包Closure
6、实例：Tab切换和实时时钟
|
|
| 第三十二天原型、原型链、面向对象、设计模式、JSON |
1、原型prototype
2、原型链
3、面向对象
4、设计模式：工厂模式、构造函数模式、原型模式、混合模式、动态原型模式
5、JSON解析
6、实例：雪花飞舞
|
|
| 第三十三天正则 |
1、正则RegRx基本用法
2、字符串使用正则
3、字符类
4、预定义字符
5、常用正则
6、实例：表单验证
|
|
| 第三十四天实战轮播图、瀑布流 |
1、实例：JS原生封装轮播图
2、实例：JS原生封装瀑布流
|
|
| 第三十五天jQuery入门 |
1、jQuery简介
2、jQuery基本使用
3、链式调用
4、基本选择器
5、基本过滤器
6、属性操作
7、样式操作
8、文本和值操作
|
|
| 第三十六天jQuery操作DOM、事件 |
1、jQuery节点操作：创建、删除、替换
2、jQuery获取元素宽高和位置
3、事件event
4、jQuery事件
5、事件委托
|
|
| 第三十七天合成事件、JS动画详解 |
1、合成事件
2、模拟触发事件
3、预设动画
4、自定义动画
5、停止动画
6、实例：返回顶部、对联广告、发表说说、动态导航、延时动画
7、实例：模拟下拉框
|
|
| 项目实战-蓝莓派网站 | 第三十八天项目实战一 | |
| 第三十九天项目实战二 | ||
| 第四十天项目实战二 | ||
| JavaScript高级 | 第四十一天PHP入门、ajax详解 |
1、PHP服务器搭建
2、原生Ajax：请求原理、请求过程、readyState属性、HTTP状态码
3、Ajax兼容
4、get、post请求
5、Ajax传参
6、Ajax优缺点
|
| 第四十二天跨域 |
1、跨域
2、跨域解决方案
3、jsonp跨域处理
4、img加载，ping跨域
5、Ajax与ping区别
|
|
| 第四十三天封装 |
1、封装
2、封装jQuery查询
3、jQuery中Ajax详解
4、封装原生Ajax
|
|
| 第四十四天封装插件 |
jQuery插件效果： 1、模拟发微博
2、手风琴功能
3、吸顶功能
4、新闻导航功能
5、楼层滚动功能
6、返回顶部功能
jQuery插件封装：封装轮播图1、轮播切换功能
2、效果：淡入淡出、左右切换、上下切换
3、自动轮播功能
|
|
| 第四十五天第三方插件 |
1、地图API
2、Echart统计图
3、layer弹窗
4、富⽂本编辑器
5、全屏滚动插件
6、jQuery.validation表单校验
|
|
| 项目实战-享推官网 | 第四十六天 |
1、首页代码讲解（CSS特效动画、JS动态显示注册人数、JS返回顶部、JS合作单位动态显示）
2、animate、css使用
3、学生完成首页的HTML/CSS/JS的编写
|
| 第四十七天 |
1、案例页面讲解
2、服务页面讲解
学生完成页面的编写
|
|
| 第四十八天项目实战练习 | 分组完成：享推第二版 | |
| 第四十九天项目实战练习 | 分组完成：享推第二版（第二天） | |
| 第五十天项目验收 |
1、学生展示
2、代码讲解
3、代码整理
|
|
| 第五十一天本地存储、设计模式 |
1、会话存储sessionStorage
2、本地存储localStorage
2、cookie
3、消息推送
4、worker线程
5、单例模式
6、代理模式
7、观察者模式
8、享元模式
|
|
| 第五十二天canvas介绍 |
1、canvas基础
2、画线、矩形、圆、圆弧
3、面向对象小球
|
|
| 第五十三天canvas应用1 |
1、描边文字、填充文字、文字居中
2、canvas时钟
3、预加载图片
4、判断网络状态
5、绘制图片
6、随机线性小球
|
|
| 第五十四天canvas应用2 |
1、炫彩小球
2、像素操作
3、像素坐标
4、像素图片
5、像素例子动画
|
|
| 第五十五天移动端适配以及应用 |
适配： 1、移动端适配（定高法和rem法）
2、meta标签详解
3、Touch事件
应用：1、讲解移动端登陆页开发和适配
2、讲解移动端首页开发和适配
|
|
| ES6和高级框架 | 第五十六天Git、Nodejs入门 |
1、Git介绍
2、版本控制：本地、集中、分布式
3、Git安装
4、Git常用命令
5、Nodejs介绍
6、Nodejs安装
7、Nodejs多版本控制
|
| 第五十七天ES6介绍、入门 |
1、ES6简介
2、环境搭建
3、ES6兼容
4、ES6在线转换和本地转换
5、let命令
6、const命令
|
|
| 第五十八天ES6解构 |
1、解构赋值
2、数组解构
3、对象解构
4、字符串解构
5、数值和布尔值解构
6、模式匹配
7、不完全解构
8、默认值
9、圆括号问题
10、使用场景
|
|
| 第五十九天ES6对象扩展 |
1、Number数值扩展
2、二进制和八进制
3、指数运算
4、Number新增方法
5、字符串扩展
6、多字节支持
7、新Unicode表示法
8、正则u
9、遍历器接口
10、扩展方法
11、模板标签
|
|
| 第六十天ES6新增对象和属性 |
1、正则扩展
2、新增flags、新增u、新增y
3、数组扩展：spread展开、map、raduce等
4、Map操作
5、Map遍历
6、WeakMap
7、Set操作
8、WeakSet
|
|
| 第六十一天ES6函数扩展 |
1、函数扩展
2、默认参数
3、length属性
4、默认参数作用域
5、rest参数
6、spread展开运算符
7、Arrow Function箭头函数
8、对象扩展
9、简洁属性
10、属性遍历
11、对象扩展方法
|
|
| 第六十二天ES6 Symbol、Promise对象 |
1、Symbol对象
2、Symbol属性和方法
3、内置Symbol
4、Symbol使用场景
5、Promise对象
6、链式操作
7、Promise状态
8、Promise基本使用方法
|
|
| 第六十三天ES6 遍历 |
1、Iterator遍历器
2、next()、return()、throw()
3、Generator函数
4、yield表达式
5、Generator循环使用
6、yeild*表达式
7、优点和使用场景
|
|
| 第六十四天ES6异步 |
1、异步
2、async函数
3、class类
4、构造函数
5、实例化
6、class表达式
7、私有方法
8、setter和getter
9、static静态类
10、class继承
|
|
| 第六十五天ES6模块化、代理、反射 |
1、module模块
2、export命令
3、import命令
4、模块继承
5、Reflect反射
6、Reflect判断、获取、设置
7、Reflect实例化
8、Proxy代理
9、创建代理
10、代理行为
11、代理实例
|
|
| AngularJS | 第六十六天angularjs入门 |
1、Angular简介
2、表达式
3、指令
4、模型
5、作用域
6、控制器
7、过滤器
|
| 第六十七天angularjs服务 |
1、Service服务
2、Http请求
3、Select 选择下拉
4、表格处理
5、DOM操作
|
|
| 第六十八天angularjs指令 |
1、系统常用命令
2、自定义指令
3、事件
4、模块
5、表单
6、动画
|
|
| 第六十九天angularjs实战（一） | ||
| 第七十天angularjs项目（第二天） | ||
| VUE | 第七十一天Vue基本介绍 |
1、Vue介绍
2、Vue环境搭建
3、Vue基本示例
4、数据响应和组件
5、插值
6、绑定表达式
7、基本指令：v-if、v-show、v-else、v-for、v-bind、v-on
8、修饰符
9、缩写
|
| 第七十二天Vue深入讲解 |
1、Vue事件
2、基本用法
3、内联用法
4、符合使用
5、事件修饰符
6、按键修饰符
7、表单事件绑定
8、计算属性
9、自定义模板
|
|
| 第七十三天Vue高级讲解 |
1、数组变动检测
2、生命周期
3、过渡
4、自定义指令
5、路由
|
|
| 第七十四天Vue项目一 | ||
| 第七十四天Vue项目二 | ||
| 面试辅导 | 第七十五天简历自我介绍编写 | |
“前有古人，后有来者”，老学员的作品，下一个就有你！
项目名称：
蓝莓派
项目描述：
这是一款社区类型作品，具有音乐分享评论，话题创建讨论等
功能，是一款同时支持PC和移动端作品
项目技术：
模块化+Angular+gulp+rem+less+响应式处理
项目名称：
京东到家
项目描述：
这是一款模拟京东到家的app，具有物品查看，添加购物车，
购买，登陆等功能
项目技术：
Webpack+React+React-router+Redux
项目名称：
你的运势
项目描述：
这是一款测试类产品，用户输入名称可以根据用户名名称
进行分析，给出不同的运势结果，并且项目是嵌套在app
中的，通过iOS和Android的webview进行加载
项目技术：
模块化+Angular+gulp+rem+less+响应式处理
权威师资，名师阵容，真正的指点迷津、授业解惑！
石亚平-尚学堂前端高级讲师
多年教学经验，精通HTML、HTML5、CSS、CSS3、
Bootatrap、jQuery等技术。
主讲HTML5、CSS3等课程，以项目驱动教学过程，
以详尽的知识点讲解为基石，朴道于趣，演绎编程之道，
感受编码之美
王鹏飞-尚学堂前端高级讲师
多年的开发和讲师经验，擅长前端多平台开发,iOS。
对HTML5、CSS3、Javascript以及各种前端框架有深入理解。
教学方面擅长总结归纳，化繁为简，教学方法独特，富有激情，
擅以理论结合实际、提高学生项目开发实战的能力！
张天雨-尚学堂前端高级讲师
在IT行业从事多年开发,熟练使用多种开发语言，
拥有丰富的开发经验与培训指导经验。
曾参与国家级网络安全、网络基站通信、游戏等方面多种项目。
讲课内容大多风趣幽默，富有耐心。
刘兴宇-尚学堂前端高级讲师
曾担任悦成三际Web高级开发工程师
曾担任北邮3GWeb高级讲师
曾担任极客学院金牌布道师负责Android课程、
HTML5课程、Typescript课程和Bootstrap课程等
5年软件开发经验，3年IT讲师工作经验，
对待学员积极、主动、有耐心，所负责课程获得学员的好评。
大量工作项目经验等你来取。同时课程在腾讯课堂、
网易云课堂等第三方平台上广泛传播并获得用户好评。
石亚平
王鹏飞
张天雨
刘兴宇
合作企业500+，每周8-20家企业上门招聘
让你高薪就业，永无后顾之忧！
招聘企业名称
- 中安永恒(北京)科技有限公司
- 北京新昕科技有限公司
- 中科软寿险二部
- 北京新昕科技有限公司
- 北京中油瑞飞信息技术有限公司
- 中安永恒(北京)工程技术有限公司
- 北京悦禾旅游有限公司
- 北京维德维康生物技术有限公司
- 中科软行业推广行业推广部
- 荷马金融
- 中软融鑫信息技术有限公司
- 广州通达汽车电气集团
- 北京远景智业科技有限公司
- 北京雪迪龙科技股份有限公司
- 亚联创新科技有限责任公司
- 北京新昕科技有限公司
李聪伟 | 北京北大软件工程发展有限公司
经过四个月的学习，在尚学堂的时间很快就结束了，在这段时间里，我不仅收获了知识和技术，还有和老师、同学之间的友谊，并且如愿找到了理想的工作，在此非常感谢尚学堂的老师们耐心的解答和辛勤的栽培，我会在今后的工作和学习中不断充实自己，不辜负老师对我的期望......
倾听属于他的故事
倾听属于他们的故事
你与逆袭仅差一个按钮 
咨询
每一个成功者都有一个开始 勇于开始，就能找到成功的路！
上海尚学堂松江校区地址：上海市松江区荣乐东路2369弄45号绿地伯顿大厦2层 咨询电话：021-67690939
Copyright 2006-2017 上海尚学堂智能科技有限公司 的icp备案号 （沪ICP备16053543号）
Copyright 2006-2017 上海尚学堂智能科技有限公司 的icp备案号 （沪ICP备16053543号）