步骤1: HTML5进阶

本阶段主要带领大家一起学习HTML5存储、拖拽上传、SVG、Canvas绘图基础与插件,并且绘制手机解锁案例;让你对HTML5有更深的理解。

    第1课

    HTML5存储

    本课程讲解H5两种存储方式,本地存储和离线存储及多种存储方式,优势与缺点。

    第2课

    HTML5拖拽上传

    本课程通过传统拖拽、H5的拖拽以及对拖拽插件的介绍,对H5拖拽有一个详细的了解。

    第3课

    SVG视口、坐标及形状

    本课程讲解svg基础,包括svg是什么、作用及svg视口、坐标、形状等属性。

    第4课

    SVG文本、填充和边框

    上步骤中,我们认识了svg。这节课程中我们继续学习svg的文本与边框的知识。

    第5课

    SVG滤镜及动画效果

    本步骤中,我们将更加深入的学习svg,学习他的滤镜、动画等知识。

    第6课

    HTML5 Canvas绘图基础

    本课程讲解canvas基础,绘制基本形状,实现渐变,图片的绘制及绘制阴影和曲线。

    第7课

    HTML5 Canvas 插件

    本节课将带领大家一起使用canvas插件创建图表,使图表对比数据更加直观。

    第8课

    项目:Canvas 实现手势解锁

    本节课带领大家使用canvas结合js实现手机解锁案例

    第9课

    HTML5进阶测试

    本课为考评,满分100学分,共20道题,限时30分钟

步骤2: JavaScript进阶

本阶段,大家将全力进军JavaScript进阶部分,从如何使用调试工具,到JS变量作用域的剖析,再到函数深入、DOM操作、面向对象、正则表达式等深入的内容,最后实现简易计算器和表单验证等案例。

    第1课

    错误调试与处理

    本课程讲解在研发的过程中遇到代码出现问题时,如何去找问题、去调试代码。

    第2课

    JavaScript变量、作用域

    我们一起探究变量、作用域的本质,了解它们的定义及使用方法

    第3课

    JavaScript函数深入讲解

    研究函数的本质,了解函数的定义、调用,以及函数的参数和返回值

    第4课

    JavaScript实现简易计算器

    本课程讲解简易计算器的实现,体会代码优化过程及其简约而不简单的魅力

    第5课

    JavaScript 面向对象

    该课程介绍了对象的概念、声明方式等及js中的继承与封装。

    第6课

    JavaScript单例模式

    本课程将通过传统的单例模式及具有JS特色的单例模式来详细讲下设计模式。

    第7课

    JavaScript DOM操作

    本课程讲解创建节点、遍历节点,用不同方法获取节点及对节点插入、复制和移除。

    第8课

    JavaScript DOM属性

    本课程讲解DOM属性,包括固有属性和自定义属性,以及属性获取、移除和设置。

    第9课

    JavaScript事件

    本课程讲解事件流、DOM事件流、IE事件处理、跨浏览器事件处理、事件对象与类型

    第10课

    正则表达式

    本课程主要讲解正则表达式的创建、匹配字符串、转义、字符类、重复以及常用字符。

    第11课

    项目:JS验证表单提交信息

    该课程主要介绍了常见的表单验证,有H5自带的验证和正则表达式的验证。

    第12课

    JavaScript进阶测试

    本课为考评,满分100学分,共20道题,限时30分钟

步骤3: jQuery进阶

本阶段主要介绍jQuery的深入内容,包括jQuery动画、常用工具函数,如何用JSON和AJAX进行数据交换、左侧导航案例以及fullPage常用的框架。

    第1课

    jQuery动画

    本课程主要讲解jQuery中的动画,使页面更加生动、动画的兼容性更好。

    第2课

    jQuery常用工具函数

    本课程讲解jQ与其他库同时使用方法、特性检测、处理JS对象和集合及其他工具函数

    第3课

    JSON与AJAX

    本课程讲解AJAX优势、跨域方案及JSON数据格式和浏览器中JSON对象

    第4课

    项目:jQuery实现左侧导航

    本课程讲解实现左侧导航的不同方式,并进行对比,实现灵活运用不同方式实现左侧导航

    第5课

    jQuery进阶测试

    本课为考评,满分100学分,共20道题,限时30分钟

步骤4: 组件化开发电商网页

本阶段,我们学习一个类似于淘宝的网页,它具有搜索功能、轮播图、分类菜单、懒加载、导航定位等功能,不仅如此,还能学习到如何使用组件化开发一个功能完善的高性能的网页。

    第1课

    实战:电商网站站点导航

    本课程介绍典型电商网站的站点导航的布局结构实现,及运用三种方式实现下拉效果。

    第2课

    实战:电商网站下拉菜单

    本课讲解封装下拉菜单,及用构造函数方法封装下拉模块,实现按需加载、延迟处理等功能

    第3课

    实战:电商网站搜索功能

    本课讲解头部布局,及搜索验证和AJAX自动搜索提示,并封装成组件,提高代码复用性

    第4课

    实战:电商网站中心focus区域

    本课程讲解分类导航,用多种方法封装轮播图组件,实现高质量、高性能代码

    第5课

    实战:电商网站楼层模块

    本课讲解楼层、电梯定位导航和侧边工具栏,tab组件,按需加载功能,让网页飞速加载

组件化思想开发电商网页

立即购买
¥758.00
意见反馈 帮助中心 APP下载
官方微信