网易首页
76. 综合案例
2023年9月22日 1397观看
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
相关视频
第1/3集 · 34:59
【系列讲座第十四讲】中医自我健康管理 | 厦门大学医学院 王彦晖教授 - 1
大学课程
2022年11月5日
8294观看
00:33
想当大学老师最好博士期间去海外“润”一下!
轻知识
2023年3月3日
7508观看
01:33
刷牙的三个误区,北大口腔医院的巩玺博士给你解答
轻知识
2月前
1364观看
04:53
美国大学教授公开课:发掘你的潜能
轻知识
2023年8月8日
1178观看
04:42
北京阿姨女儿定居美国,自己卖房住养老院,谈在国外的生活体验!
轻知识
2月前
563观看
第1/3集 · 13:49
中南大学湘雅医学院公开课:内科学第一节 - 1
大学课程
2022年11月2日
1.8万观看
02:35
医学专业考研选985院校医学院,还是选择当地医科大学
轻知识
2022年10月31日
1241观看
第58/87集 · 15:21
【【选专业指南】川大名师带你全方位了解所有学院专业!为你答疑解惑!快来看看吧!】华西临床医学院 - 3
大学课程
2022年10月27日
1643观看
第4/73集 · 06:43
CADD-药学院cadd的应用情况
大学课程
2022年9月15日
2639观看
12:49
中医不灭,天理难容?06年中南大教授发起万人签名,要求取消中医
轻知识
2023年9月22日
1652观看
第1/3集 · 34:41
复旦大学张文宏教授:感染病学总论 - 1
大学课程
2023年8月8日
3460观看
08:38
院士告诉你:来复旦上医学临床医学是种怎样的体验?
2023年8月8日
1657观看
第1/49集 · 04:18
皮肤与美容—医学专家如是说_山东大学_中国大学MOOC(慕课)
大学课程
2022年10月25日
2.8万观看
00:20
校园|一个大学教授的养生八法
轻知识
1年前
1673观看
03:01
全球第二例猪心移植手术成功完成 - 马里兰大学医学院
轻知识
2023年9月24日
1638观看
第17/26集 · 32:37
【斯坦福大学公开课】经济学(6) - 3
大学课程
2022年11月3日
1244观看