简 介 | javascript移动端开发经典教程系列 真正高清的上课直播视频. 超过30天的课程,从简入深. 每天有丰富的作业和多项实战讲解. 每天幽默的吐槽让你感受实战上课的乐趣. |
---|
课程已经更新完毕,报名后可显示所有课程。
课程目录为大纲顺序。
课 程大 纲 :
第一章:移动端基础内容
01 - html、css、javascript简介
02 - html元素分类以及元素功能
03 - 盒子模型的含义
04 - css的引用方式
05 - css的一些经典样式的复习
06 - css的伪类
07 - Js中window对象
08 - 作用域
09 - Js的预解析
10 - Js的报错机制
11 - h5新标签的简介
12 - css3中所有定义颜色的方法
13 - transform
14 - transition
第二章:移动端初级内容
15 - transform深入
16 - translate案例
17 - 3d盒子制作过程
18 - 渐变
19 - 渐变兼容问题
20 - event
21 - css3阴影
22 - css3修剪路径
第三章:Html5-video标签
23 - video标签使用
24 - video标签属性-自动播放
25 - video标签属性-控件
26 - video标签属性-循环播放
27 - video标签属性-来源
28 - 自定义video标签
29 - Js操作video-当前进度时间
30 - Js操作video-总时间
31 - Js操作video-播放事件
作业详解:
1.自定义选项卡
2.图片循环效果
3.自动v字效果
4.评星效果
第四章:Html5-video标签深入
32 - 简易拖拽
33 - Js操作video-声音
34 - Js操作video-全屏
35 - 完成自定义播放器
36 - Js测试速度
37 - audio标签使用
作业详解:
1.3d书籍制作
2.翻页效果
3.angular选项卡
第五章:Html5-伪类
38 - webkitTransitionEnd
39 - html4-伪类 (active、link、hover、visited)
40 - html5-伪类-before
41 - html5-伪类-after
42 - 面试题:一个元素创建6个色块
43 - 获取非行间样式
44 - 获取伪类非行间样式
45 - 案例:图片自动掉落换图效果
作业详解:
1.css3立体tab面板效果展示
第六章:Html5-临时储存
46 - html5-伪类-focus
47 - html5-localStorage介绍及使用
48 - html5-localStorage储存方式
49 - html5-localStorage获取方式
50 - html5-localStorage清除方式
51 - html5-localStorage重置方式
52 - html5-sessionStorage介绍
53 - html5-sessionStorage与localStorage区别详解
54 - 案例:网页升级小游戏制作
第七章:Html-input类型介绍
55 - input-text button password number img
56 - input-number
57 - input-color
58 - input-submit
59 - input-week
60 - input-date
61 - input-search
62 - input-email
63 - input-url
64 - input-radio
65 - input-checkbox
66 - input-range
67 - input-file
68 - input-reset
69 - input-tel
70 - input属性-maxlength
71 - input伪类-checked
第八章:作业详解汇总篇
72 - css选择器-not
73 - css选择器-属性选择器
74 - css选择器-兄弟选择器
75 - css选择器-后辈选择器
76 - css选择器-子选择器
77 - css选择器-根选择器
78 - css选择器-selection
79 - css选择器-enabled、disabled
第九章:作业详解汇总篇
80 - 移动端input光标bug以及如何解决
作业详解:
1.简易留言板效果
2.自定义滚动条
3.css3爆炸效果
4.css3缩略图tab面板
5.延时提示框效果
第十章:移动端布局上篇
81 - 移动端目前现状简介
82 - 移动端-列表布局
83 - 移动端-弹性盒子布局
84 - 移动端-meta含义
第十一章:移动端布局中篇
85 - 移动端-view布局
86 - 移动端-响应式布局
87 - 移动端-算法布局
88 - 移动端-rem布局
89 - 面试题-元素居中的8种方式
第十二章:移动端布局下篇
90 - 移动端-rem布局深入
91 - 移动端-触屏事件-touchstart
92 - 移动端-触屏事件-touchmove
93 - 移动端-触屏事件-touchend
94 - 触屏事件-preventDefault
第十三章:移动端触屏事件实例
95 - 移动端-触屏轮播js原生效果
第十四章:Html5-拖拽事件篇
96 - Html5事件 - drag
97 - Html5事件 - ondragenter
98 - Html5事件 - ondragleave
99 - Html5事件 - ondragover
100 - Html5事件 - ondrop
101 - Html5对象 - DragEvent
102 - Html5对象 - FileReader
103 - 实例:qq邮箱上传实例
104 - h5选择器 - querySelector
105 - h5选择器 - querySelectorAll
106 - 百度地图api使用简介
作业详解:
1.移动端-触屏轮播js原生效果
第十五章:Html5-canvas篇
107 - 什么是canvas
108 - canvas的使用方式
109 - canvas-基本js语法(线、圆、方)
110 - 案例:canvas版画板
111 - 案例:canvas版拖拽
112 - 自定义指标
第十六章:移动端框架篇-zepto简介
113- 什么是zepto
114 - zepto的使用方式
115 - zepto和jquey的关系
116 - zepto插件-zTouch使用方式
117 - zepto插件-fx的使用方式
第十七章:css框架-less篇
118 - 什么是less
119 - less的正确引用及使用
120 - less的声明
121 - less的封装
122 - less如何穿参
123 - less嵌套法则
124 - less的伪类使用
125 - less的when使用