东营Web前端学习班哪里有
预约试听

课程详情


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


在线快速问答通道

机构介绍

中公教育ABOUTOFFCN北京中公教育科技有限公司成立于2010年。公司创始人团队于1999年开始创业,2000年进入公务员考试培训行业,经过近20年的创业积累,快速带领公司成为国内领先的职业就业培...

校区导航

市南校区: 东营市东营区济南路20号鑫都财富中心

免费试听