本课程针对想要从事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.老师作业点评:每份作品都获老师点评+建议,每个学员都拥有定制学习方案,有老师为你指路,成长更迅速!