网易首页
141. 网页产品内容、搜索功能 - 1
2023年9月22日 1566观看
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
相关视频
13:28
曹雪芹也喜欢谐音哏?【欧丽娟】
轻知识
2022年1月26日
2.5万观看
04:58
《红楼梦》里,为什么用牡丹花来隐喻薛宝钗?
轻知识
5月前
1212观看
28:10
为什么林黛玉必须死?
轻知识
2021年7月20日
7.1万观看
04:12
《红楼梦》里为什么用红杏花隐喻贾探春,是预示她会红杏出墙吗? #红楼梦女子花鉴 #红楼梦 #贾探春 ...
轻知识
5月前
1165观看
03:18
红楼梦:贾府“四春”,四种人生活法,你选哪一种?
轻知识
2023年9月7日
3604观看
第30/44集 · 1:57:55
茶点:红楼梦人物论(3)四春姐妹——元春、迎春、探春、惜春
大学课程
2022年1月26日
2784观看
00:37
当贾元春遇上AI
轻知识
1年前
3021观看
04:20
红楼梦《好了歌》:写的不仅是红楼,而是你我的欲望和人性
轻知识
9月前
4299观看
03:13
八十年前顶配版的《红楼梦》 周璇的黛玉葬花堪称经典
轻知识
9月前
1510观看
05:12
第2集 红楼梦里读西厢
轻知识
1年前
4152观看
02:26
红楼梦为什么叫做石头记?这本书跟南京又有什么特殊关系呢?
轻知识
8月前
1495观看
06:02
第22集 赛金花
轻知识
1年前
1483观看
03:26
苏小小有何魅力?19岁早逝歌伎,为何成了无数文人的白月光?
轻知识
5月前
1371观看
06:15
第26集 柳如是
轻知识
1年前
1192观看
00:35
为何很多年没流过眼泪?周云蓬提到了林黛玉和薛宝钗
轻知识
2023年7月27日
823观看
01:49
《红楼梦》中的第五回极其重要,透露了很多人物的结局。 #红楼梦女子图鉴 #红楼梦 #薛宝钗 #人文星...
轻知识
5月前
1243观看