课程预览
步骤1: HTML5进阶
本阶段主要带领大家一起学习HTML5存储、拖拽上传、SVG、Canvas绘图基础与插件，并且绘制手机解锁案例；让你对HTML5有更深的理解。
HTML5存储
本课程讲解H5两种存储方式，本地存储和离线存储及多种存储方式，优势与缺点。
HTML5拖拽上传
本课程通过传统拖拽、H5的拖拽以及对拖拽插件的介绍，对H5拖拽有一个详细的了解。
SVG视口、坐标及形状
本课程讲解svg基础，包括svg是什么、作用及svg视口、坐标、形状等属性。
SVG文本、填充和边框
上步骤中，我们认识了svg。这节课程中我们继续学习svg的文本与边框的知识。
SVG滤镜及动画效果
本步骤中，我们将更加深入的学习svg，学习他的滤镜、动画等知识。
HTML5 Canvas绘图基础
本课程讲解canvas基础，绘制基本形状，实现渐变，图片的绘制及绘制阴影和曲线。
HTML5 Canvas 插件
本节课将带领大家一起使用canvas插件创建图表,使图表对比数据更加直观。
项目：Canvas 实现手势解锁
本节课带领大家使用canvas结合js实现手机解锁案例
HTML5进阶测试
本课为考评，满分100学分，共20道题，限时30分钟
步骤2: JavaScript进阶
本阶段，大家将全力进军JavaScript进阶部分，从如何使用调试工具，到JS变量作用域的剖析，再到函数深入、DOM操作、面向对象、正则表达式等深入的内容，最后实现简易计算器和表单验证等案例。
错误调试与处理
本课程讲解在研发的过程中遇到代码出现问题时，如何去找问题、去调试代码。
JavaScript变量、作用域
我们一起探究变量、作用域的本质，了解它们的定义及使用方法
JavaScript函数深入讲解
研究函数的本质，了解函数的定义、调用，以及函数的参数和返回值
JavaScript实现简易计算器
本课程讲解简易计算器的实现，体会代码优化过程及其简约而不简单的魅力
JavaScript 面向对象
该课程介绍了对象的概念、声明方式等及js中的继承与封装。
JavaScript单例模式
本课程将通过传统的单例模式及具有JS特色的单例模式来详细讲下设计模式。
JavaScript DOM操作
本课程讲解创建节点、遍历节点，用不同方法获取节点及对节点插入、复制和移除。
JavaScript DOM属性
本课程讲解DOM属性，包括固有属性和自定义属性，以及属性获取、移除和设置。
JavaScript事件
本课程讲解事件流、DOM事件流、IE事件处理、跨浏览器事件处理、事件对象与类型
正则表达式
本课程主要讲解正则表达式的创建、匹配字符串、转义、字符类、重复以及常用字符。
项目：JS验证表单提交信息
该课程主要介绍了常见的表单验证，有H5自带的验证和正则表达式的验证。
JavaScript进阶测试
本课为考评，满分100学分，共20道题，限时30分钟
步骤3: jQuery进阶
本阶段主要介绍jQuery的深入内容，包括jQuery动画、常用工具函数，如何用JSON和AJAX进行数据交换、左侧导航案例以及fullPage常用的框架。
jQuery动画深入详解
本课程主要讲解jQuery中的动画，使页面更加生动、动画的兼容性更好。
jQuery常用工具函数
本课程讲解jQ与其他库同时使用方法、特性检测、处理JS对象和集合及其他工具函数
JSON与AJAX基础
本课程讲解AJAX优势、跨域方案及JSON数据格式和浏览器中JSON对象
项目：jQuery实现左侧导航
本课程讲解实现左侧导航的不同方式，并进行对比，实现灵活运用不同方式实现左侧导航
jQuery进阶测试
本课为考评，满分100学分，共20道题，限时30分钟
步骤4: 组件化开发电商网页
本阶段，我们学习一个类似于淘宝的网页，它具有搜索功能、轮播图、分类菜单、懒加载、导航定位等功能，不仅如此，还能学习到如何使用组件化开发一个功能完善的高性能的网页。
实战：电商网站站点导航
本课程介绍典型电商网站的站点导航的布局结构实现，及运用三种方式实现下拉效果。
实战：电商网站下拉菜单
本课讲解封装下拉菜单，及用构造函数方法封装下拉模块，实现按需加载、延迟处理等功能
实战：电商网站搜索功能
本课讲解头部布局，及搜索验证和AJAX自动搜索提示，并封装成组件，提高代码复用性
实战：电商网站中心focus区域
本课程讲解分类导航，用多种方法封装轮播图组件，实现高质量、高性能代码
实战：电商网站楼层模块
本课讲解楼层、电梯定位导航和侧边工具栏，tab组件，按需加载功能，让网页飞速加载
分享赚¥元
向您推荐
- 组件化思想开发电商网页 18版
如无法下载使用图片另存为
下载海报