东营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动态网站开发从基础到实践》、《中学信息技术课本》、《北京市民信息化网络实用手册》、《企业网站完美设计与应用》、《赢在电子商务:网络营销创意与实战》、《微店运营实用手册》、《网站建设从入门到精通》等