网易首页
48. 浮动定位 - 1
2023年9月22日 1741观看
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
相关视频
38:55
哲学家加长版第19期:胡塞尔现象学全集
轻知识
8月前
4307观看
39:36
柏格森的生命哲学,生命的本质是什么?
轻知识
6月前
839观看
07:49
现象学哲学家马克斯·舍勒,什么是价值伦理学?
轻知识
2月前
655观看
1:24:03
一口气读懂康德哲学系列全集,拿下哲学界的天书:“三大批判”
轻知识
12月前
2604观看
06:12
为什么说康德打开了虚无主义的大门?康德的认识论讲了什么?
轻知识
1年前
1709观看
第3/24集 · 15:46
康德的研究领域是什么 - 3
大学课程
2022年10月29日
1721观看
07:06
宗教、神学、哲学有什么区别?如何理解斯宾诺莎的神即自然的观念
轻知识
1年前
1884观看
01:25
通常的西方哲学史以本体论和认识论为标准,对于在这两个领域无专门研究的著作家,便不承认其为哲学家,往往...
轻知识
1年前
2617观看
01:28
哲学主要的结构有三个方面:本体论、人生论和认识论
轻知识
2月前
950观看
第52/147集 · 12:28
【江怡】18世纪法国启蒙哲学+德国古典哲学 (全81讲)(康德) - 1
大学课程
2022年11月18日
2267观看
08:59
康德绝对理性的道德观
轻知识
2023年9月22日
2678观看
第53/65集 · 13:41
康德哲学(五) - 1
大学课程
2022年10月27日
1631观看
04:16
为什么康德说自律即自由?自由是道德存在的理由是什么?
轻知识
2023年10月13日
5261观看
08:55
西方哲学浅说(十):康德和黑格尔(1) - 3
轻知识
2022年11月6日
3145观看
第6/17集 · 12:08
什么是当代哲学的终极问题 - 3
大学课程
2022年8月18日
2770观看
第5/17集 · 13:28
【中国人民大学公开课:平凡生活中的深沉智慧——辩证唯物论】物质观之二 - 3
大学课程
2022年8月18日
5213观看