网易首页
78. 综合案例
2023年9月22日 1739观看
Web前端开发
北京林业大学
大学课程 / 计算机 / 程序设计开发
(注:课程视频及资料未经授权不允许任何形式转载,谢谢!)“Web系统”就是基于网站形式的具有一定功能的系统,例如新浪、淘宝、携程等。这些系统中以网页形式呈现给用户的部分,就是“前端”。随着Web系统的普遍应用,包括移动端APP的快速发展,“Web前端开发”已经成为近些年最为重要的技术之一,人才需求量巨大。本门课程将介绍Web系统前端开发的核心技术。课程内容涵盖Web系统前端开发技术的HTML5、CSS3、JS、JQuery、Bootstrap等组成部分,其中HTML决定网页的结构,CSS决定网页的样式,JS决定网页的交互。课程采用其最新技术标准与应用。课程以校企联合主讲的形式,两位主讲教师分别来自于北京林业大学与达内时代科技集团,更好地融合了学院派的理论与企业级的应用,让课程深入浅出的由基础过渡到实际应用。课程由百度前端技术学院负责人提供技术支持,在课程最后将针对未来的学习路线与前端工程师需要具备技能与素质等问题进行讲解。课程顾问团队包括三位教师,以及助理研究生一名,将对课程内容、教学、练习、答疑、考试、评价等环节进行全方位支持与服务。 课程包括知识点、知识型案例、综合案例与企业实际案例,可支持两种主线进行学习,一种是以知识点为主,循序渐进的方式;一种案例式教学,课程中所有知识点均内嵌于案例中,可以由案例快速入门,带动知识点系统学习。在第二种方式下,也可以将部分知识点作为SPOC中,课下学习的部分。所有案例的源代码均可以在线下载。 课程知识点按照难易程度,分为两个等级,支持两种不同基础的学习。例如零基础的同学,建议从“Web前端开发”概论部分开始学习,有一定基础的同学,可以直接进入HTML部分学习,从而可以有足够学时延伸到JQuery、HTML5部分。
共161集
32.4万人观看
1
Web前端开发概述
07:44
2
网站与网页 - 1
06:32
3
网站与网页 - 3
06:29
4
Web前端开发技术
08:08
5
扩展(动画):浏览器如何渲染网页?服务器的作用?
02:19
6
HTML概述 - 1
05:15
7
HTML概述 - 3
05:12
8
HTML文件结构 - 1
08:25
9
HTML文件结构 - 3
08:29
10
HTML标签(I) h1~h6、p、br、pre、span、hr - 1
07:43
11
HTML标签(I) h1~h6、p、br、pre、span、hr - 3
07:48
12
HTML标签(II) a - 1
07:56
13
HTML标签(II) a - 3
07:53
14
HTML标签(II) a
08:24
15
HTML标签(III) img - 1
10:42
16
HTML标签(III) img - 3
10:47
17
HTML标签(IV) div、ul、ol 、table - 1
08:14
18
HTML标签(IV) div、ul、ol 、table - 3
08:17
19
HTML标签(IV) div、ul、ol 、table
06:28
20
HTML标签(V) form、input、select、textarea - 1
06:26
21
HTML标签(V) form、input、select、textarea - 3
06:23
22
Sublime Text的操作(基本环境)下载安装指南参见www.webcourse.club/sublime.html
02:44
23
Sublime Text的操作(HTML)
07:09
24
Web语义化 em strong dl dt dp - 1
05:18
25
Web语义化 em strong dl dt dp - 3
05:15
26
CSS概述
06:26
27
CSS添加方法 - 1
05:50
28
CSS添加方法 - 3
05:54
29
CSS添加方法 - 1
05:13
30
CSS添加方法 - 3
05:16
31
CSS选择器 - 1
07:08
32
CSS选择器 - 3
07:07
33
CSS样式(I) 文字样式 - 1
10:50
34
CSS样式(I) 文字样式 - 3
10:50
35
CSS样式(II) 背景、超链接样式 - 1
05:45
36
CSS样式(II) 背景、超链接样式 - 3
05:43
37
CSS样式(III) 列表 表格样式 - 1
05:42
38
CSS样式(III) 列表 表格样式 - 3
05:39
39
Sublime Text的基本操作(CSS)
02:32
40
布局与定位概述
05:04
41
盒子模型(I) - 1
06:50
42
盒子模型(I) - 3
06:50
43
盒子模型(II) - 1
07:06
44
盒子模型(II) - 3
07:08
45
CSS定位机制概述
05:11
46
文档流定位 - 1
08:51
47
文档流定位 - 3
08:54
48
浮动定位 - 1
10:15
49
浮动定位 - 2
10:18
50
浮动定位 - 3
10:12
51
层定位 - 1
10:32
52
层定位 - 3
10:29
53
弹性盒子布局
05:12
54
弹性盒子布局 - 1
06:45
55
弹性盒子布局 - 3
06:47
56
弹性盒子布局 - 1
05:27
57
弹性盒子布局 - 3
05:24
58
网格布局
02:40
59
网格布局
08:06
60
网格布局
04:14
61
网格布局
08:56
62
圆角边框与阴影 - 1
07:38
63
圆角边框与阴影 - 3
07:39
64
文字与文本 - 1
07:02
65
文字与文本 - 3
07:04
66
D变换
05:37
67
过渡与动画 - 1
05:58
68
过渡与动画 - 3
06:03
69
D变换 - 1
08:25
70
D变换 - 3
08:28
71
D变换
07:07
72
D变换
08:39
73
综合案例 - 1
06:06
74
综合案例 - 3
06:12
75
综合案例
04:49
76
综合案例
04:20
77
综合案例
02:58
78
综合案例
00:00
79
综合案例
00:00
80
概述与基础语法 - 1
05:41
81
概述与基础语法 - 3
05:38
82
概述与基础语法
05:42
83
概述与基础语法
06:46
84
变量 - 1
05:29
85
变量 - 3
05:30
86
数据类型 - 1
05:48
87
数据类型 - 3
05:46
88
运算符与表达式 - 1
08:17
89
运算符与表达式 - 3
08:22
90
函数 - 1
07:44
91
函数 - 3
07:45
92
分支结构 - 1
08:01
93
分支结构 - 3
08:01
94
分支结构 - 1
07:33
95
分支结构 - 3
07:33
96
循环结构 - 1
07:16
97
循环结构 - 3
07:23
98
循环结构
07:21
99
数组 - 1
09:06
100
数组 - 3
09:09
101
数组API函数 - 1
06:53
102
数组API函数 - 3
06:54
103
DOM查找 - 1
00:00
104
DOM查找 - 3
05:13
105
DOM查找 - 1
05:34
106
DOM查找 - 3
05:34
107
DOM修改
06:05
108
DOM添加
09:20
109
BOM
06:07
110
综合案例:魔方 - 1
11:36
111
综合案例:魔方 - 3
11:42
112
综合案例:魔方 - 1
09:27
113
综合案例:魔方 - 3
09:32
114
综合案例:魔方
09:58
115
JQuery概述&工厂函数(扩展)
03:58
116
JQuery增删改查(扩展)
08:50
117
JQuery事件(扩展)
03:03
118
HTML5 - 1
08:10
119
HTML5 - 3
08:08
120
HTML5 - 1
07:21
121
HTML5 - 3
07:20
122
HTML5 - 1
05:18
123
HTML5 - 3
05:15
124
响应式布局&Bootstrap - 1
10:04
125
响应式布局&Bootstrap - 3
10:07
126
响应式布局&Bootstrap - 1
07:31
127
响应式布局&Bootstrap - 3
07:29
128
响应式布局&Bootstrap
08:38
129
响应式布局&Bootstrap
05:33
130
响应式布局&Bootstrap
05:23
131
网页布局与初始化(整个案例源代码在这里下载) - 1
08:39
132
网页布局与初始化(整个案例源代码在这里下载) - 3
08:42
133
网页顶部、导航栏 - 1
13:48
134
网页顶部、导航栏 - 3
13:47
135
网页顶部、导航栏
08:28
136
网页产品内容、搜索功能 - 1
11:28
137
网页产品内容、搜索功能 - 3
11:29
138
网页产品内容、搜索功能 - 1
13:45
139
网页产品内容、搜索功能 - 2
13:54
140
网页产品内容、搜索功能 - 3
13:43
141
网页产品内容、搜索功能 - 1
10:32
142
网页产品内容、搜索功能 - 2
10:36
143
网页产品内容、搜索功能 - 3
10:32
144
页面服务、售后服务 - 1
06:06
145
页面服务、售后服务 - 3
06:04
146
页面服务、售后服务
09:48
147
网页底部、页面插件引用 - 1
05:07
148
网页底部、页面插件引用 - 3
05:11
149
网页底部、页面插件引用 - 1
10:41
150
网页底部、页面插件引用 - 2
10:48
151
网页底部、页面插件引用 - 3
10:33
152
返回顶部、吸顶灯功能 - 1
08:44
153
返回顶部、吸顶灯功能 - 3
08:42
154
返回顶部、吸顶灯功能
07:22
155
返回顶部、吸顶灯功能
07:48
156
企业前端最新技术需求与建议学习路线
06:39
157
企业前端最新技术需求与建议学习路线
07:43
158
企业前端最新技术需求与建议学习路线
03:16
159
企业前端最新技术需求与建议学习路线
09:16
160
企业前端最新技术需求与建议学习路线
00:00
161
企业前端最新技术需求与建议学习路线
00:00
相关视频
02:33
第5集 神兽白泽
轻知识
1年前
1441观看
03:17
传说中的神兽今何在?
轻知识
2022年10月31日
1445观看
01:33
老子与他的神秘坐骑:揭秘上古神兽“兕”你了解吗?
轻知识
1年前
1753观看
12:59
茅山道士为争夺天下第一,竟炼化亲儿子为雷电僵尸,实在太精彩!
轻知识
1年前
1400观看
00:08
这是我们家神兽尾巴儿~
轻知识
2023年2月16日
870观看
00:22
秒带你看“火龙”狂舞!
轻知识
5天前
717观看
00:53
百兽之王老虎,爆发力强的可怕
轻知识
6月前
1504观看
02:14
真正的超级绝世神功,直接打洪荒神兽
轻知识
9月前
1855观看
05:00
孙悟空和二郎神到底谁厉害?火眼金睛VS三只眼,顶级法术对决!
轻知识
2023年10月25日
2040观看
01:04
僵尸遇上音律法术,爆笑演绎惊奇捉鬼之旅
轻知识
12月前
754观看
00:44
小伙假装驱魔师去捉鬼,不料碰到了真的邪祟
轻知识
4月前
1345观看
03:20
男孩与传说中的神兽交朋友,还帮它找到了失散的家人!
轻知识
2023年4月7日
1805观看
02:16
云南最诡异的传说:河里会吸血的怪物,吸血毯究竟是什么东西?
轻知识
8月前
1769观看
00:33
各种妖魔冲出地狱之门,这才是真正的怪物大片!
轻知识
1年前
4667观看
20:19
中国上古神兽麒麟,竟是巫师上位的必要条件! #神奇动物 #奇幻
轻知识
5月前
2294观看
02:48
神仙都打不过的上古巨兽,仅是看了一眼,就败给了凡人3
轻知识
1年前
2379观看