该课程主要为想要从事网页前段、前端美工设计、淘宝美工、网页美工等职位的学员开设，由非凡学院同时具备丰富实战经验和教学经验的资深名师亲自授课，选用学院内部专业电子教材，采用理念与实战相结合、案例分析和设计为主的教学方式展开教学。课程内容涵盖WEB前端相关知识和就业指导两大模块，确保学员**掌握WEB前端相关知识，并能灵活应用，更在此基础上实现毕业及就业的梦想。

WEB前端布局与交互开发
一、HTML标签梳理
1.5分钟上手Hbuilder软件，对HTML5和CSS3有初步的了解和认识
2.掌握HTML5九大基本标签，包括标题、图像、音频、视频等
3.掌握HTML5智能表单基本标签和智能表单扩展标签
二、七组CSS基本样式
1.讲解CSS三大引用方式，包括行内样式、内部样式表和外部样式表
2.CSS七类样式详解，包括背景、文本、字体、链接、列表、表格、边框样式
三、CSS3炫酷
1.掌握CSS3四大“变形金刚”，旋转、扭曲、缩放和位移
2.CSS3过渡属性详解，通过过渡属性完成网页漂亮的交互效果
3.CSS3动画讲解，通过动画属性可以做多个状态交互的网页炫酷
四、选择器细解11大类
1.掌握CSS五类常用选择器，包括通用选择器、ID选择器、类选择器等
2.三代关系选择器详解，包括子元素选择器、兄弟选择器、后代选择器
3.CSS3伪类选择器和伪元素选择器详解，可以多样化的自由选择网页元素对象
五、CSS布局四大技巧
1.掌握多列属性布局技巧,三种定位方式，定位、相对定位和固定定位
2.五句话吃透盒模型，清楚盒模型的计算和浏览器兼容性中的注意事项
3.左浮动和右浮动的设置以及如何**浮动以达到父级自动扩高问题
六、响应式双法则
1.了解媒体查询的引用方式，包括内部样式表、外部样式表等
2.掌握媒体查询使用方法，了解关键词的使用技巧
3.了解根元素的字号适配，通过字号设置完成响应式页面
七、兼容性调试技巧
1.CSS优化**技巧，包括图片优化和代码优化，提升网页的加载速度
2.了解CSS优先级的计算，解决样式覆盖问题
3.掌握兼容性调试技巧，如何能够让代码兼容各大主流浏览器
八、项目实战提经验
1.熟悉PS切图技巧，如切片切图、选区切图等，以及网页项目的正规创建
2.页面布局规范讲解，从整体到局部的规划，先标签后样式的代码顺序等
3.完成三大项目实战，企业站，商城站和响应式页面，能够独立完成H5静态页面32
九、JS核心语法
1.掌握JS的组成和语法,为进去代码的世界做铺垫,数据结构,不再看见代码而发愁
2.对象的创建方式和this详解,提前带你熟悉企业中变量的命名规则和规范
3.熟悉JS中的数据类型,流程控制,循环语句,轻松让你在网页上写出九九乘法表,计算器等
十、js面向对象编程
1.掌握面向对象和面向过程,熟悉JS的精髓;深拷贝和浅拷贝,让你知道更加底层的代码
2.原型和原型链,js重要的核心,让你写的代码复用性更强
3.企业开发中沙箱模式,了解企业中是怎么团队合作开发
十一、js对象类型
1.基本数据类型(number、string、boolean、undefined、null)
2.引用数据类型(数组array..函数function...对象object)
3.掌握不同对象类型之间的转换
十二、BOM与DOM操作
1.DOM操作和BOM操作大全,轻松操作网页上的每一个按钮等,同时给他们加上不同的功能
2.利用js代码实现酷炫,京东首页轮播图升级版
3.页面布局,结合H5代码,让你的网页功能更加**,可以1:1写出网站首页及功能
4.熟悉事件处理,让你的代码更加严谨,相同的页面效果,写的代码更少
5.浏览器兼容性处理,让市面上的不同浏览器,打开你的网页效果不会有差别
十三、事件编程
1.js的事件机制,了解底层,才能写出更严谨的代码,企业开发常见事件的使用详解
2.offset家族和scroll家族,了解浏览器和代码之间的关系
3.键盘事件及键盘码的属性,让你的键盘能和钢琴一样,按下之后有不同的声音
十四、正则表达式
1.创建正则表达式,从零开始写表单验证,轻松还原百度注册功能
2.正则的3大核心：字符串类元字符、边界类元字符、量词类元字符,让你写的验证功能更强大
3.正则的使用和替换,随心所以换校验规则
4.完整版表单校验,提前进入企业实战开发
十五、JQuery交互开发
1.jQuery的优势介绍,jQuery选择器,让你快半个月搭建一个简单网站
2.jQuery中的动画详解,让你的网页不再单调,贪吃蛇,水果忍者,都能通过代码写出来
3.链式编程和隐式迭代,了解jQuery的底层核心
4.JQuery插件使用和制作,自己也能制作酷炫动画插件,使用插件1分钟做出京东轮播图效果
十六、Ajax数据交互
1.Ajax技术介绍,json格式与XML格式详解,现在的技术和历史技术的区别,教你如何链接服务器
2.Ajax中post与get两种请求方式详解,2种方式从后台服务器拿数据
3.JSON数据分析,了解后端数据是怎么写的,不再盲目的被后端程序员怼
4.解决跨域访问的方法,让你的网页在任何协议都能访问,无论是http协议还是https
5.企业接口化开发详解,提前进入实战化开发
十七、Bootstrap
1.Bootstrap开发优缺点介绍,如何通过模板搭建网站
2.响应式开发原理,无论电脑、手机、平板等,都能适应屏幕
3.Bootstrap框架的使用,4个口诀让你做出标准首页样式
4.Bootstrap的栅格系统详解,不同屏幕尺寸,显示不同的效果
5.Bootstrap的js插件使用,掌握不同网页按钮和输入框更换样式和颜色
十八、ECMAScript6
1.ES5中的严格模式,让代码自己检查自己
2.ES6中的新语法详解,面试必问的语法
3.实际开发中常用的箭头函数,解构赋值和字符串模板,让你代码更加简洁
4.定义变量的新方式LET和const,让你与企业开发同步

--------------------------------------
免费试听，满意再报名：（发送姓名+地点+课程到老师手机，即可获得试听信息）
联系人：郭老师
手机：156-1823-0928
QQ：3059-9122-84
威信：feifanzhu2016
地址：上海有徐汇普陀黄埔浦东等多个校区，您可就近选择入学

资讯来源：非凡学院