本课程针对想要从事web前端开发的学员开设,课程从零基础开始教起,分阶段教学,旨在帮助学员全面掌握web前端开发的技术,来自互联网行业的专业老师手把手教学,课程的各个阶段都融合了相对应的项目实战内容,从前端到后端再到移动端和全栈项目都使用理论加实践的教学方法,让学员真正掌握。课程采用PPHA闭环学习系统,确保每个学员都能学会。

WEB前端Javascript 交互培训

核心语法

1.掌握JS的组成和语法,为进去代码的世界做铺垫,数据结构,不再看见代码而发愁

2.对象的创建方式和this详解,提前带你熟悉企业中变量的命名规则和规范

3.熟悉JS中的数据类型,流程控制,循环语句,轻松让你在网页上写出九九乘法表,计算器等

面向对象编程

1.掌握面向对象和面向过程,熟悉JS的精髓;深拷贝和浅拷贝,让你知道更加底层的代码

2.原型和原型链,Javascript重要的核心,让你写的代码复用性更强

3.企业开发中沙箱模式,了解企业中是怎么团队合作开发

对象类型

1.基本数据类型(number、string、boolean、undefined、null)

2.引用数据类型( 数组  array .. 函数 function   ... 对象  object)

3.掌握不同对象类型之间的转换

BOM与DOM操作

1.DOM操作和BOM操作大全,轻松操作网页上的每一个按钮等,同时给他们加上不同的功能

2.利用Javascript代码实现酷炫,京东首页轮播图升级版

3.页面布局,结合H5代码,让你的网页功能更加全面,可以1:1写出小米官网首页及功能

4.熟悉事件处理,让你的代码更加严谨,相同的页面效果,写的代码更少

5.浏览器兼容性处理,让市面上的不同浏览器品牌,打开你的网页效果不会有差别

事件编程

1.Javascript的事件机制,了解底层,才能写出更严谨的代码,企业开发常见事件的使用详解

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.企业接口化开发详解,提前进入实战化开发

HTML5高级功能

1.画布标签canvas.了解如何绘制并填充线条(形状),文字及图片。完成你画我猜小游戏

2.多媒体(音频,视频)标签的实际使用。开发并完成自己的网易音乐播放器

3.强化练习智能化表单以及和完成后台的数据交互。完成带有图片验证码功能的登录操作

4.本地存储(cookies,sessionStorage,localStorage)。一周免登陆是如何实现的

WEBAPP开发

1.视口viewport(手机浏览器中的虚拟窗口)为何手机中的网页有的能缩放尔有些不能

2.移动端的事件交互:触摸事件(touchstart/mov/end/cancel)。完成京东商城分类页

3.另一种布局方式:弹性布局(flexbox)

随堂项目:商城移动端首页、在线答题系统

Bootstrap

1.Bootstrap开发优缺点介绍,如何通过模板搭建网站

2.响应式开发原理,无论电脑、手机、平板等,都能适应屏幕

3.Bootstrap框架的使用,4个口诀让你做出标准官方首页样式

4.Bootstrap的栅格系统详解,不同屏幕尺寸,显示不同的效果

5.Bootstrap的Javascript插件使用,掌握不同网页按钮和输入框更换样式和颜色

ECMAscript6

1.ES5中的严格模式,让代码自己检查自己

2.ES6中的新语法详解,面试必问的语法

3.实际开发中常用的箭头函数,解构赋值和字符串模板,让你代码更加简洁

4.定义变量的新方式LET和const,让你与企业开发同步

实战教学:

1.全程面对面授课:拒绝网络视频教学,全程老师面授课程,有学习问题当场解决!

2.商业项目实训:参与企业项目实训,积累真实设计经验,面试更有把握!

3.老师作业点评:每份作品都获老师点评+建议,每个学员都拥有定制学习方案,有老师为你指路,成长更迅速!