Web前端学习班
HTML5是什么
万维网的核心语言、超文本标记语言（HTML）的第五次重大修改。HTML5已经于2014年10月正式定稿。然而，大部分现代浏览器已经具备了某些HTML5支持。HTML5是web时代*前沿的技术，它特有canvas标签和多种选择的游戏开发引擎，让游戏开发更便捷。如果说苹果重新发明了手机，那么HTML5则重新定义了网络。它是链接手机、平板电脑、PC以及其他移动终端的桥梁，可以更丰富地展现，让视频、音频、游戏以及其他元素构成一场华丽的代码盛宴。
简介：本课程学习，让你从小白到主管、经理或创业者转变。根据企业人才需求，定制研发，三分理论 七分实战课程体系，超长标准课时，与多元化知识体系、思维模式及实战类型，更亲近 名企高薪。
适合人群：在校学生、企业白领、网站美工、其他职业
学三月=80%的人2年才能成为WEB工程师的梦想！
**阶段：PS/DW
第二阶段：页面架构布局：HTML、DIV CSS
第三阶段：页面交互及特效：JavaScript、jQuery
第四阶段：移动端页面布局：HTML5 CSS3
| 课程模块 | 课程内容 | 培养目标 |
| HTML/CSS | 1、认识WEB前端 | 达到初、中级前端开发工程师的要求，能够完成网站页面的开发及常用的JS交互效果的编写 |
| WEB前端开发语言介绍、开发工具介绍、HTML的构成、CSS样式表、元素和属性、样式出现的位置、样式写法、ID选择器、常见样式—文本设置、盒模型概念、结构性样式 | ||
| 2、常见标签及用途 | ||
| 常见标签、标签的样式初始化、块元素和内嵌元素、特殊的inline-block属性 | ||
| 3、选择器及分类 | ||
| A的四个伪类、A伪类的应用和兼容、选择器分类、优先级 | ||
| 4、浮动 | ||
| 如何让元素水平排列、float浮动/ 文档流、清除浮动的方法、浮动兼容性问题、vertival-align / img问题 | ||
| 5、定位 | ||
| position定位、定位元素位置控制、z-index:[number]定位层级、定位的兼容性 | ||
| 6、表格和表单 | ||
| 表格的用途、表格的相关标签、合并单元格、表格样式重置、表单用途、表单元素、鼠标聚焦清除、表单兼容性问题 | ||
| 7、HTML/CSS进阶 | ||
| CSS命名规则、HTML条件注释语句、常见网站兼容性问题、CSS hack、PNG24兼容性问题、CSS技术大杂烩 | ||
| 8、项目实战 | ||
| CSS精灵（css雪碧/css sprites）、CSS精灵的优缺点、网站圆角结构、圣杯布局（双飞翼布局）、等高布局、CSS模块化开发 | ||
| JavaScript | 1、JS入门基础 | |
| 网页特效原理分析、编写JS的流程、编程思路、获取元素、添加事件、属性操作和注意事项、if判断、for循环、关键字：this、自定义属性 | ||
| 2、数据类型、运算符 | ||
| 数据类型、数据类型转换、检测数字的方法、运算符分类、运算符优先级 | ||
| 3、函数传参、作用域、流程控制 | ||
| 函数括号的作用、函数传参实例、作用域概念、JS解析器执行方式、作用域应用场景、程序流程控制 | ||
| 4、函数详解、定时器、倒计时 | ||
| 函数返回值、函数可变参、封装函数、定时器基础、两种定时器的区别、定时器深入应用、事件对象实例研究、倒计时 | ||
| 5、字符串方法、JSON、数组方法 | ||
| 获取类、查找类、JSON与数组、数组详解、数组方法 | ||
| 6、数组排序、Math对象、字符串与数组方法深入应用 | ||
| 数组排序方法、数组排序规则、Math对象的随机函数、Math对象的常见方法、concat、reverse | ||
| 7、DOM/BOM | ||
| DOM基础、节点类型、DOM节点-子节点、创建和插入元素、用className选择元素、表格应用、DOM常用属性、打开/关闭窗口、窗口尺寸、window对象常用事件 | ||
| 8、事件基础 | ||
| 焦点事件、This关键字、Event对象、事件流、键盘事件详解、事件默认行为 | ||
| 9、事件应用及cookie | ||
| 简易拖拽、碰撞检测、自定义滚动条、鼠标滚轮事件、cookie | ||
| 10、JS中的运动 | ||
| 运动框架实例、缓冲运动、多物体运动、任意运动、运动框架、图片预加载、延迟加载 | ||
| 11、面向对象 | ||
| 什么是对象、什么是面向对象、对象的组成、面向对象编程(OOP)的特点、原型：prototype、流行的面向对象编写方式、面向对象选项卡 | ||
| HTML5 | 1、初识HTML5 | 达到中高级前端开发工程师的要求，能够独立完成PC、移动端顶目开发 |
| 什么是HTML5、HTML5的文档结构及基础语法、新的结构化元素、语义化标签、兼容性问题 | ||
| 2、表单和文件 | ||
| 表单新的输入型控件、新的表单特性和函数、表单验证、HTML5的文件处理、拖放事件操作、传递拖拽数据 | ||
| 3、播放多媒体 | ||
| HTML5音频概述、HTML5视频概述、HTML5支持的音频和视频格式、HTML5音频视频API | ||
| 4、使用canvas标签画图 | ||
| Canvas元素的定义语法、坐标与颜色、绘制图形、描边、绘制图像与文字 | ||
| 5、绘制可伸缩矢量图形（svg） | ||
| svg概述、svg形状、线条和填充、svg文本与图片、svg滤镜、变换坐标系 | ||
| 6、地理信息、本地存储、离线存储 | ||
| 什么是浏览器地理位置、获取地理位置信息、数据保护、本地存储概述、访问localstorage对象、访问sessionstorage对象、websql database api 、HTML5离线web应用程序概述、开发HTML5离线web应用程序 | ||
| 7、支持多线程编程的web workers | ||
| 什么是线程、什么是html5 web workers、web workers编程 | ||
| CSS3 | 1、CSS3简介 | |
| 简介、浏览器前缀、兼容情况处理 | ||
| 2、选择器介绍 | ||
| 常见选择器、新增的选择器（属性选择器，伪类选择器） | ||
| 3、字体与文本相关属性 | ||
| 文字阴影、CSS3颜色表示方法、文字描边、新增的服务器字体（自定义字体）、定义省略文本的处理方式 | ||
| 4、背景及边框相关属性 | ||
| 背景图片固定、新增背景相关属性及多背景设置、圆角边框设置、图片边框设置、渐变边框 | ||
| 5、大小，布局及盒模型相关属性 | ||
| 大小相关属性（新增box-sizing，resize属性、布局相关属性（浮动布局，定位布局、盒模型和display属性、对盒设置阴影、CSS3多栏布局、响应式布局 | ||
| 6、变形与动画相关属性 | ||
| CSS3基本变形支持、CSS3 Transition属性（多个属性同时渐变）、CSS3 Animation属性（多个属性的动画） | ||
| jquery | 1、jQuery基础知识 | 应对各类前端顶目，为你开启前端技术总监之路 |
| 认识jQuery、搭建jQuery运行环境、jQuery基础语法 | ||
| 2、jQuery选择器 | ||
| jQuery选择器的优势、jQuery选择器分类、jQuery选择器中的一些注意事项 | ||
| 3、jQuery操作DOM | ||
| DOM树状模型、元素属性操作、获取和设置元素、元素样式操作、页面元素操作 | ||
| 4、jQuery中的事件和应用 | ||
| 事件机制、页面载入事件、绑定事件、切换事件、移除事件、其他事件 | ||
| 5、jQuery中的动画与特效 | ||
| 显示与隐藏、滑动、淡入淡出、自定义动画、动画效果综述 | ||
| Bootstrap | 1、bootstrap基础知识 | |
| Bootstrap是什么、bootstrap的文件结构、基本的HTML模板、默认网格系统 | ||
| 2、bootstrap预定义的CSS样式 | ||
| 排版、代码、表格、表单、按钮、图片、图标 | ||
| 3、Bootstrap内置的布局组件 | ||
| 下拉菜单、按钮组、按钮下拉菜单、导航元素、导航条、面包屑式导航、分页导航、标签、圆标签、排版相关元素、缩略图、警示框、进度条、媒体对象、其他组件 | ||
| 4、Bootstrap支持的JavaScript插件 | ||
| 概述、过渡、模态框、下拉菜单、滚动监控器、可切换的标签页、提示条、弹出层、警示框、按钮、折叠框、传送带、预选输入、粘条 | ||
| 5、实际使用bootstrap | ||
| GitHub项目、定制bootstrap | ||
| 项目实战 | 门户类、电商类、企业类、移动端/响应式网站开发，作品整理 |
陈益材 优就业教学研发研究院院长
主讲： HTML5、CSS、web前端、电商、php
中公教育优就业教学研发研究院院长，中国互联网信用中心技术总监
工作经验：
互联网产品开发、品牌运营畅销书作家，出版过超100部IT技术及网络营销相关书籍。
10年以上互联网技术开发实战专家，精通网站前端布局设计、HTML5、CSS、PHP、Mysql等多项开发技术。
10年以上品牌运营实战专家，网站策划、运营、网站建设、电商运营、网站设计与应用等推广经验丰富。
创办环博文化IT出版品牌，策划并辅助过近百家企业网站的建立与营销推广。
授课风格：作为国内知名IT实战技术及出版过多部书籍的全能型专家，其授课风格独特、形式灵活、内容实用，能结合教材从日常工作的小案例中，教给学员*实用的处理方法。10多年来，教授的学员及出版的书籍遍布互联网行业各个领域，人脉资源遍布全国各地。
畅销书籍：《PHP MySQL Dreamweaver动态网站建设从入门到精通》、《PHP MySQL Dreamweaver动态网站开发从入门到精通 第2版》、《Dreamweaver CC ASP动态网站开发从入门到精通》、《网页DIV CSS布局和动画美化全程实例》、《网页DIV CSS布局和动画美化全程实例(第2版)》、《Dreamweaver CS4中文版从入门到精通》、《Dreamweaver CS3 ASP动态网站开发从基础到实践》、《中学信息技术课本》、《北京市民信息化网络实用手册》、《企业网站完美设计与应用》、《赢在电子商务：网络营销创意与实战》、《微店运营实用手册》、《网站建设从入门到精通》等
咨询电话：010-64707530
开班提醒 ]
