步骤1: HTML5进阶
本阶段主要带领大家一起学习HTML5存储、拖拽上传、svg、canvas绘图基础与插件,并且绘制手机解锁案例;让你对HTML5有更深的理解。
本课程讲解H5两种存储方式,本地存储和离线存储及多种存储方式,优势与缺点。
本课程通过传统拖拽、H5的拖拽以及对拖拽插件的介绍,对H5拖拽有一个详细的了解。
本课程讲解svg基础,包括svg是什么、作用及svg视口、坐标、形状等属性。
上步骤中,我们认识了svg。这节课程中我们继续学习svg的文本与边框的知识。
本步骤中,我们将更加深入的学习svg,学习他的滤镜、动画等知识。
本课程讲解canvas基础,绘制基本形状,实现渐变,图片的绘制及绘制阴影和曲线。
本节课将带领大家一起使用canvas插件创建图表,使图表对比数据更加直观。
本节课带领大家使用canvas结合js实现手机解锁案例
本课为考评,满分100学分,共20道题,限时30分钟
步骤2: CSS3进阶
本阶段将带领大家一起学习CSS3文本、字体、多列布局、用户界面等内容,并结合前面所学的知识绘制汉克狗案例,让大家对页面的掌控更加得心应手。
CSS3中还新增的对文本和字体的设置,我们一起来学习一下吧。
课程讲解列宽、元素划分列数、列之间的间隔、列样式和颜色、横跨列、填充列等
本课程讲解户界面特性,包括重设元素尺寸、盒尺寸、轮廓等如何来进行应用。
本课程讲解如何运用css3的样式和动画知识绘制卡通汉克狗。
本课为考评,满分100学分,共20道题,限时30分钟
步骤3: JavaScript面向对象
本阶段主要带领大家一起学习javaScript面向对象、单例设计模式、DOM深入、正则表达式、事件,并且完成表单验证案例,让你对js有更深入的理解。
该课程介绍了对象的概念、声明方式等及js中的继承与封装。
本课程将通过传统的单例模式及具有JS特色的单例模式来详细讲下设计模式。
本课程讲解创建节点、遍历节点,用不同方法获取节点及对节点插入、复制和移除。
本课程讲解DOM属性,包括固有属性和自定义属性,以及属性获取、移除和设置。
本课程讲解事件流、DOM事件流、IE事件处理、跨浏览器事件处理、事件对象与类型
本课程主要讲解正则表达式的创建、匹配字符串、转义、字符类、重复以及常用字符。
该课程主要介绍了常见的表单验证,有H5自带的验证和正则表达式的验证。
本课为考评,满分100学分,共20道题,限时30分钟
步骤4: jQuery基础
本阶段将带领大家学习jQuery选择的艺术、DOM、事件、插件、图片延迟加载,并且实现弹出层案例。学完之后会对事件处理和动画设计更加得心应手。
课程主要介绍jQ的概念、版本、选择器,筛选器、以及与js的区别。
课程主要讲解jQ中查找元素、修改元素样式和内容以及其它操作方法。
课程主要介绍jQ的0级事件、2级事件、事件添加、移除、触发、自定义、命名空间。
课程主要介绍如何寻找插件,使用插件,常用插件以及如何自定义插件。
通过弹出层案例的讲解,让大家更灵活的使用jQuery的属性和方法以及函数的封装。
通过图片延迟加载技术,实现网页的节约流量和性能优化。
本课为考评,满分100学分,共20道题,限时30分钟
步骤5: Less即学即用
本阶段带领大家一起来学习Less的内容,首先会从基础的用法讲解,然后还会有实战的应用,对less做一个全面透彻的学习,运用到实处才能真正理解。
本课程讲解less的变量,Mixin,运算,函数等,用更少的代码做更多的事情!
本课程带领大家完成一个用less做的网页,把知识点运用到项目中去。
本课为考评,满分100学分,共20道题,限时30分钟
如无法下载使用图片另存为
下载海报