步骤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课

    HTML5 Canvas案例

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

    第9课

    HTML5进阶测试

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

步骤2: CSS3进阶

本阶段将带领大家一起学习CSS3文本、字体、多列布局、用户界面等内容,并结合前面所学的知识绘制汉克狗案例,让大家对页面的掌控更加得心应手。

    第1课

    CSS3文本与字体

    CSS3中还新增的对文本和字体的设置,我们一起来学习一下吧。

    第2课

    CSS3多列布局

    课程讲解列宽、元素划分列数、列之间的间隔、列样式和颜色、横跨列、填充列等

    第3课

    CSS3用户界面

    本课程讲解户界面特性,包括重设元素尺寸、盒尺寸、轮廓等如何来进行应用。

    第4课

    CSS3实现汉克狗案例

    本课程讲解如何运用css3的样式和动画知识绘制卡通汉克狗。

    第5课

    CSS3进阶测试

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

步骤3: JavaScript面向对象

本阶段主要带领大家一起学习javaScript面向对象、单例设计模式、DOM深入、正则表达式、事件,并且完成表单验证案例,让你对js有更深入的理解。

    第1课

    JavaScript 面向对象

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

    第2课

    JavaScript单例模式

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

    第3课

    JavaScript DOM操作

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

    第4课

    JavaScript DOM属性

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

    第5课

    JavaScript事件

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

    第6课

    正则表达式

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

    第7课

    JavaScript 表单验证案例

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

    第8课

    JavaScript面向对象测试

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

步骤4: jQuery基础

本阶段将带领大家学习jQuery选择的艺术、DOM、事件、插件、图片延迟加载,并且实现弹出层案例。学完之后会对事件处理和动画设计更加得心应手。

    第1课

    jQuery选择的艺术

    课程主要介绍jQ的概念、版本、选择器,筛选器、以及与js的区别。

    第2课

    jQuery DOM操作

    课程主要讲解jQ中查找元素、修改元素样式和内容以及其它操作方法。

    第3课

    jQuery事件

    课程主要介绍jQ的0级事件、2级事件、事件添加、移除、触发、自定义、命名空间。

    第4课

    jQuery插件

    课程主要介绍如何寻找插件,使用插件,常用插件以及如何自定义插件。

    第5课

    jQuery弹出层案例

    通过弹出层案例的讲解,让大家更灵活的使用jQuery的属性和方法以及函数的封装。

    第6课

    图片延迟加载

    通过图片延迟加载技术,实现网页的节约流量和性能优化。

    第7课

    jQuery基础测试

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

步骤5: Less即学即用

本阶段带领大家一起来学习Less的内容,首先会从基础的用法讲解,然后还会有实战的应用,对less做一个全面透彻的学习,运用到实处才能真正理解。

    第1课

    less基础

    本课程讲解less的变量,Mixin,运算,函数等,用更少的代码做更多的事情!

    第2课

    less实战案例

    本课程带领大家完成一个用less做的网页,把知识点运用到项目中去。

    第3课

    less测试

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

HTML5&CSS3进阶与常用框架

报名人数已满
¥728.00
意见反馈 帮助中心 APP下载
官方微信