前端学院培训课程
上海学满分 > 上海培训课程 > 电脑IT设计 > html5 > 前端学院培训课程

前端学院培训课程

前端学院培训课程

优惠价格:预约特惠请联系[400-882-6311]

课程人气:已有58人浏览报名

在线团购:参与

剩余名额:9

开班时间: 滚动开班

联系电话:400-882-6311

课程评价

课程质量4.0分

教学环境3.9分

服务态度4.8分

学习收获4.7分

4.3分
(已有 40 条评价)

400-882-6311
培训学校直接接听,专业课程顾问免费服务哦!

课程详情-前端学院培训课程

前端学院培训课程

  随着社会的发展,学习HTML5的学员逐渐增加,我校针对想学习HTML5的学员开设了前端学院培训课程,帮助学员提高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项目二
面试辅导 第七十五天简历自我介绍编写

更多 课程开班招生问答, 考试资料, 学习资料课程优惠学校地址 等,请点击上海尚学堂教育 , 咨询电话: 400-882-6311 ,QQ咨询: 上海尚学堂教育为您服务

您也可以留下您的联系电话,课程老师会时间给您回电解答:预约咨询

上一篇: H5前端高级开发

前端学院培训课程-预约免费试听

*学员姓名
*手机号码

我们成功申请了试听

俞** 1878983****前端学院培训课程

王** 1371236****前端学院培训课程

周** 1321836****前端学院培训课程

吴** 1891796****前端学院培训课程

余** 1819092****前端学院培训课程

陈** 1341236****前端学院培训课程

任** 1351636****前端学院培训课程

乌** 1878983****前端学院培训课程

赵** 1891901****前端学院培训课程

郑** 1861621****前端学院培训课程

鱼** 1351236****前端学院培训课程

陶** 1891876****前端学院培训课程

欧阳** 1391236****前端学院培训课程

赵** 1651246****前端学院培训课程

黄** 1987362****前端学院培训课程

赵** 1351879****前端学院培训课程

王** 1819092****前端学院培训课程

梦** 1351636****前端学院培训课程

400-882-6311
培训学校直接接听,专业课程顾问免费服务哦!

前端学院培训课程-开班时间与地点

前端学院培训课程-最新开班

上海尚学堂教育-最新动态 NEWS更多>>

学校首页| 课程导航| 最新开班| 学校简介| 名师推荐| 校区地址| 最新优惠| 学员问答| 学员评价| 最新动态| 学校相册

上海尚学堂教育 上海尚学堂|尚学堂培训怎么样|尚学堂公开课|尚学堂学费多少

上海尚学堂教育 团购预约热线: 400-882-6311

扫描手机访问