web前端
免费试听
快速找课
tel:170-5129-0180
tel:170-5129-0180
您当前的位置： 首页 > 西安培训网 > 西安优就业IT培训中心 > 西安web前端培训 > 西安Web前端学习班
课程介绍Course Introduction
关于我们
优就业是中国IT培训教育事业的国内知名品牌，北京市民办教育协会成员(理事)单位。优就业致力于培养面向电商及互联网领域的高端人才，是一家集网络营销经理、互联网产品经理、网页设计师、Web前端工程师、PHP工程师、Android工程师、IOS工程师、Java工程师、C/C 工程师等课程为一体的专业培训机构。
优就业是中公教育旗下中公电商学院和中公网络营销学院合并后成立的新品牌，先后在北京、青岛、黑龙江、江苏等地区开班。目前，企业总部位于北京，在全国31个省市自治区、近350个地市，拥有470家直营分校和旗舰学习中心，全国专用教学场地超过30万平米，员工数量逾10000人，是当前国内直营分校覆盖城市较广、专职教师数量较多的现代化职业教育机构。
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动态网站开发从基础到实践》、《中学信息技术课本》、《北京市民信息化网络实用手册》、《企业网站完美设计与应用》、《赢在电子商务：网络营销创意与实战》、《微店运营实用手册》、《网站建设从入门到精通》等
:2087746102 
:170-5129-0180
学校介绍University Profile
优就业是中公教育IT培训品牌，致力于培养面向电商及互联网领域的高端人才，以学员就业为目的，优质就业为宗旨，是一家集互联网营销师、SEO优化师、SEM竞价师、社会化媒体运营师、电商运营师、互联网产品经理、网页设计师、Web前端工程师、PHP工程师、Android工程师、iOS工程师、Java工程师、C/C++工程师、软件测试工程师等课程为一体的IT培训机构。
优就业为每一位学员定制个性化求职方案及职业规划，提供一对一修改简历、培训面试技巧、模拟真实面试场景、推荐合作企业就业等服务。与众多高校和知名企业建立了战略合作伙伴关系，为百度、搜狐、腾讯、新浪、阿里巴巴、凤凰网、360、人民网、中国教育在线、中青在线、网易、苏宁、滴滴出行、京东、去哪儿、当当网等知名IT企业培养输送了大量的互联网人才。
优就业总部位于北京，直营分部覆盖国内众多城市，在全国31个省市自治区，近350个地市，拥有470家直营分部和旗舰学习中心，全国专用教学场地超过30万平米。是当前国内直营分部覆盖城市广泛、专职教师数量众多的现代化职业教育机构。
优就业业务类型主要包括面授培训、网络远程教学培训、网络直播课程培训、IT类图书出版等。优就业为广大学员提供更加人性化的选课服务，包括封闭班集训营、周末精讲班、在线网课等系列产品。更联合高校开设学历班，学成后将获得国家承认的大专、本科学历，满足广大学员对更多技能、更高学历的追求。
优就业拥有一支业内人数众多、阵容强大的培训团队，强大的师资队伍现已拥有逾200名专职培训教师，已率先实现了IT行业师资团队的精细化、科学化分工。创立O2O教学体系，针对全国IT行业需求、发展及就业趋势，打造从线上到线下的全方位、一体化教学体系，目前该体系已帮助众多IT行业学子实现高薪就业梦想。
面授：优就业依托遍布全国的400多家直营分部，在各地市开设有不同形式、不同层次的辅导课程，满足学生的差异化、个性化需求。优就业不断提高教学水准，以研发为核心竞争力，为学生提供科学有效的教学服务。拥有行业雄厚师资，打造实力专家团队，以教学效果为导向，设置特色化辅导内容和教学方式。
无论你在哪个城市，都能方便就近入学，参与面授培训。与远程在线教学相比，面授课程能够让学员真切感受班集体的学习氛围，更有老师面对面的讲授，手把手的教学，保时保量。
实战：优就业与多家企业实体达成亲密合作关系，创造“实训教学”模式，学员在实训课程中，可以直接进入合作企业研发团队，亲自参与项目的运作，真正做到学以致用、学有所成，避免了培训带来的理论与实践脱节的弊端。目前优就业为百度、新浪、搜狐、联想、阿里巴巴、中软、华为、摩托罗拉、IBM等多家知名企业培养输送IT人才。
优就业作为IT职业教育培训机构，始终坚持“学员的事是重要的事”这一办学理念，不断升级软件、硬件实力，对教学质量负责，对培训效果负责，真正地对学员负责。
优就业贴合学生的亲身利益需求，以理念的不断升级为导向，为学员提供舒适的学习环境。同时优就业在全国各分部均设置了学习体验中心，并且拥有自己的培训教学基地。多媒体教学设施先进，有着丰富的硬件资源。每一位老师、每一位员工都始终坚持企业的核心教学理念，在各个岗位上为每一个学员提供真诚的服务。
优就业作为一家专注于IT职业教育培训企业，坚持以“纯善”作为企业发展的价值观基石，在创造商业价值的同时，更加注重对员工、对学员、对社会的回馈。
自成立以来，不断慈善捐款、建立社会企业、资助贫困大学生、组织公益活动等多种形式履行企业的社会责任。优就业始终重视员工基本权益，为员工提供业务水平、管理能力等多层次教育培训，真正践行企业对员工的关爱;同时，优就业始终坚持“学员的事是重要的事”这一服务理念，不断提升教学能力和服务水准，为学员提供更完善、更贴心的职业培训。先后成立社会工作服务中心;“阳光伴你行”公益项目;西华大学助学金项目;汶川、玉树地震救助及捐款计划等多种形式履行企业的社会责任，成为国内较早的救灾型公益企业。
优就业的教育成果，以及经营模式得到了社会各界的广泛赞誉，在中国IT教育咨询培训和职业教育领域有较强的影响力，近年来荣获各界机构的认可：
2016年1月28日荣获：大众点评2015“十佳职业技术培训品牌奖”
2016年1月26日荣获：新京报2015“年度我信赖的培训品牌奖”
2015年12月12日荣获：中国网2015“广受学员好评职业教育机构奖”
2015年12月1日荣获：腾讯2015“年度实力教育品牌奖”
2015年11月26日荣获：新浪2015“中国品牌价值在线教育机构奖”
2015年11月19日荣获：百度2015“品牌数字资产榜职业教育”
2015年1月14日荣获：百度2014“职业教育行业品牌数字资产卓越奖”
2014年12月22日荣获：央广网2014教育盛典“中国教育领军品牌”
2014年12月3日荣获：腾讯2014教育盛典“具竞争力职业教育品牌”
2014年11月27日荣获：新浪2014教育盛典“具社会影响力教育集团”
2014年1月10日荣获：新京报2013教育行业金粉笔“我信赖的培训品牌”、“年度爱心公益奖项”
2013年11月28日荣获：新浪2013教育盛典“品牌价值教育连锁机构”、“品牌影响力网络教育机构”、“具品牌知名度职业培训机构”、“品牌影响力教育机构”、“综合实力教育机构”
2013年12月5日荣获：腾讯2013教育“腾讯网十年价值职业教育品牌”
