补齐前端基础,打通 JavaWeb 链路

很多学习 JavaWeb 的同学在实际开发中会感到“卡壳”,根源往往不在后端逻辑,而是前端三件套——HTML、CSS、JavaScript 基础不牢。这门课程正是为了解决这一痛点而生。它不涉及复杂的框架原理或高大上的架构设计,而是沉下心来,从最底层的标签、样式和脚本语法讲起。对于想要进入 Java 后端开发领域,却在前端交互环节存在明显知识缺口的学习者来说,这是一堂不可或缺的补基课。

课程适合具备基本计算机操作能力,但对 Web 页面结构缺乏系统认知的零基础或初级学员。无论你是正在备考相关认证,还是在转岗准备期需要填补技能盲区,都能从中获益。建议不要急于求成,先从 HTML 常见标签入手,理解语义化结构;接着重点攻克 CSS 盒模型、浮动与定位,这是实现页面布局的核心;最后将 JavaScript 作为重头戏,务必熟练掌握变量、流程控制、函数以及对象的使用,特别是 JSON 数据的处理,这是前后端数据交互的桥梁。

独立开发静态页面,掌握前后端交互前提

学完这门课后,你应当能够独立编写出结构清晰、样式规范的 HTML 页面,并运用 CSS 实现常见的布局效果。更重要的是,你将掌握使用 JavaScript 操作 DOM、处理用户事件以及进行基本数据计算的能力。这些技能足以让你独立完成简单的静态网站开发,并为后续学习 Servlet、JSP 以及各类前端框架打下坚实的基础。

配套资料包含了从 HTML 标签到 JS 对象及 JSON 处理的完整视频序列。建议在学习过程中,务必跟随视频代码进行动手实践,切勿只看不动手。每一节关于表单提交、CSS 引入方式、JS 循环与函数的讲解,都需要在编辑器中亲手敲一遍代码,观察效果变化。通过大量的练习来巩固语法细节,才能真正将知识点内化为自己的技能,避免“看懂了但不会写”的尴尬局面。

课程目录

10_HTML_常见标签_标题段落和换行.mp4 28.58M
11_HTML_常见标签_列表标签.mp4 19.50M
12_HTML_超链接标签.mp4 12.05M
13_HTML_超链接标签路径问题.mp4 31.97M
14_HTML_常见标签_图片标签.mp4 20.39M
15_HTML_常见标签_表格标签.mp4 28.72M
16_HTML_常见标签_表格的跨行和跨列.mp4 19.38M
17_HTML_常见标签_表单标签的基本使用.mp4 35.68M
18_HTML_常见标签_表单的提交方式.mp4 22.52M
19_HTML_常见标签_表单项标签.mp4 60.38M
20_HTML_常见标签_布局相关标签.mp4 38.38M
21_HTML_常见标签_特殊符号.mp4 26.94M
22_CSS_三种引入方式.mp4 48.76M
23_CSS_三大选择器.mp4 39.98M
24_CSS_浮动.mp4 36.55M
25_CSS_定位.mp4 24.02M
26_CSS_盒子模型.mp4 43.14M
27_JS_历史和简介.mp4 51.37M
28_JS_引入方式.mp4 41.61M
29_JS_数据类型和变量.mp4 37.42M
30_JS_常见运算符.mp4 18.69M
31_JS_流程控制_分支结构.mp4 29.25M
32_JS_流程控制_循环结构.mp4 23.40M
33_JS_流程控制_函数.mp4 19.29M
34_JS_对象的创建.mp4 16.69M
35_JS_JSON在客户端的使用.mp4 46.24M
36_JS_JSON在服务端的使用.mp4 25.58M
37_JS_JSON和Map_List_array之间的转换问题.mp4 15.36M
38_JS_常见对象_数组API测试.mp4 75.63M
39_JS_常见对象_其他API阅读.mp4 35.99M
40_JS_事件的简介和常见事件的绑定.mp4 36.92M
41_JS_表单常见事件.mp4 50.67M
42_JS_事件通过DOM编程绑定和触发.mp4 42.01M
43_JS_BOM编程概念引入.mp4 24.33M
44_JS_BOM编程_window对象的常见API.mp4 26.39M
45_JS_BOM编程_window对象的常见属性.mp4 47.50M
46_JS_DOM编程_简介和概念引入.mp4 56.26M
47_JS_DOM编程_获取元素的几种方式.mp4 81.36M
48_JS_DOM编程_操作元素属性_样式_文本.mp4 40.37M
49_JS_DOM编程_创建增加替换删除元素.mp4 62.73M
50_JS_了解正则表达式.mp4 84.00M
51_日程管理第一期_登录页及数据校验功能.mp4 59.04M
52_日程管理第一期_注册页及数据校验功能.mp4 48.77M
53_XML_简介和基本格式.mp4 44.45M
54_XML_DOM4J解析.mp4 44.08M
55_Tomcat_简介.mp4 20.68M
56_Tomcat_安装.mp4 54.24M
57_Tomcat_常见目录.mp4 77.53M
58_Tomcat_webapp的标准结构.mp4 61.19M
59_Tomcat_部署项目的第二种方式_.mp4 68.48M
60_Tomcat_idea关联tomcat.mp4 18.37M
61_Tomcat_使用idea开发JAVAWEB工程并部署运行.mp4 68.77M
62_Tomcat_idea使用Tomcat运行JAVAWEB项目的原理.mp4 30.35M
63_HTTP_简介.mp4 61.07M
64_HTTP_请求和响应的报文格式.mp4 65.73M
65_HTTP_常见响应状态码.mp4 44.30M
66_Servlet_简介和运行流程.mp4 60.26M
67_Servlet_HelloWorld.mp4 73.40M
68_Servlet_jar包导入和Content-Type问题.mp4 91.10M
69_Servlet_url-pattern的一些特殊写法问题.mp4 50.54M
70_Servlet_注解方式配置Servlet.mp4 26.43M
71_Servlet_生命周期.mp4 93.38M
72_Servlet继承结构_Servlet接口.mp4 17.21M
73_Servlet继承结构_GenericServlet.mp4 30.06M
74_Servlet继承结构_HttpServlet.mp4 92.97M
75_ServletConfig为Servlet提供配置参数.mp4 61.56M
76_ServletContext_为所有Servlet提供配置参数.mp4 33.64M
77_ServletContext_获取文件路径和上下文.mp4 34.13M
78_ServletContext_域对象相关API.mp4 44.55M
79_HttpServletRequest_获取请求行和请求头相关API.mp4 54.53M
80_HttpServletRequest_获得请求中的键值对参数相关API.mp4 65.63M
81_HttpServletResponse_设置响应信息相关API.mp4 42.39M
82_请求转发和响应重定向_概述.mp4 5.83M
83_请求转发.mp4 56.68M
84_响应重定向.mp4 57.23M
85_乱码问题_html_tomcat日志_sout乱码问题.mp4 66.76M
86_乱码问题_GET请求参数乱码.mp4 39.00M
87_乱码问题_POST请求参数乱码问题.mp4 41.17M
88_乱码问题_响应乱码问题.mp4 31.76M
89_路径问题_前端相对路径问题.mp4 89.21M
90_路径问题_前端绝对路径问题.mp4 45.20M
91_路径问题_响应重定向和请求转发的路径问题.mp4 48.93M
92_路径问题_不设置项目上下文路径.mp4 18.51M
93_MVC模式_理论简介.mp4 42.76M
94_日程管理第二期_准备数据库和实体类.mp4 64.19M
95_日程管理第二期_DAO层基础代码.mp4 27.47M
96_日程管理第二期_DAO层工具类代码.mp4 82.83M
97_日程管理第二期_开发service基础代码.mp4 10.14M
98_日程管理第二期_开发controller层基础代码.mp4 73.74M
99_日程管理第二期_导入MD5Util加密工具类.mp4 14.12M
100_日程管理第二期_准备视图相关文件.mp4 25.25M
101_日程管理第二期_注册业务实现.mp4 103.36M
101_日程管理第
102_日程管理第二期_登录业务实现.mp4 71.82M
103_会话管理_概述.mp4 36.04M
104_会话管理_cookie.mp4 103.31M
105_会话管理_session.mp4 112.09M
106_会话管理_域对象的使用.mp4 104.95M
107_Filter_简介.mp4 23.43M
108_Filter_过滤器的HelloWorld.mp4 134.90M
109_Filter_过滤器的生命周期.mp4 36.50M
110_Filter_过滤器链及执行顺序问题.mp4 49.65M
111_Filter_过滤器注解说明.mp4 21.05M
112_Listener_常见的监听器接口.mp4 115.13M
113_Listener_session域监听器拓展说明.mp4 41.28M
114_日程管理第三期_登录校验功能.mp4 66.47M
115_Ajax_简介.mp4 76.99M
116_Ajax_原生JS的XmlHttpRequest实现Ajax.mp4 69.76M
117_日程管理第四期_注册时用户名占用校验.mp4 60.15M
118_日程管理第四期_响应JSON问题分析.mp4 55.85M
119_日程管理第四期_响应JSON格式代码实现.mp4 94.52M
120_日程管理第四期_WebUtil工具类和表单阻止提交问题.mp4 41.82M
121_前端工程化简介.mp4 45.20M
122_ES6_let和const和模板字符串.mp4 83.90M
123_ES6_解构表达式.mp4 28.08M
124_ES6_箭头函数.mp4 55.59M
125_ES6_rest和spread.mp4 33.66M
126_ES6_类和对象的语法糖.mp4 64.40M
127_ES6_深拷贝和浅拷贝.mp4 22.28M
128_ES6_模块化处理.mp4 90.55M
129_nodejs_简介和安装.mp4 58.58M
130_npm_简介和相关配置.mp4 83.87M
131_npm_配置的补充说明.mp4 4.35M
132_npm_常见命令.mp4 113.61M
133_vue3_简介和快速体验.mp4 131.37M
134_vue3_vite构建工程化前端项目.mp4 48.12M
135_vue3_关于JS和TS的选择问题.mp4 5.91M
136_vue3_工程结构和单文件组件概念.mp4 84.24M
137_vue3_工程文件之间的关系.mp4 93.80M
138_vue3_关于css样式的导入方式.mp4 39.65M
139_vue3_响应式数据和setup语法糖.mp4 82.21M
140_vue3_插值表达式.mp4 78.98M
141_vue3_文本渲染命令.mp4 50.64M
142_vue3_属性渲染命令-.mp4 24.57M
143_vue3_事件渲染命令.mp4 48.43M
144_vue3_响应式数据的处理方式.mp4 56.08M
145_vue3_条件渲染.mp4 40.73M
146_vue3_列表渲染.mp4 87.91M
147_vue3_双向绑定.mp4 74.22M
148_vue3_计算属性.mp4 36.10M
149_vue3_数据监听器.mp4 65.60M
150_vue3_生命周期简介.mp4 98.13M
151_vue3_生命周期钩子函数测试.mp4 52.66M
152_vue3_组件(SFC)拼接页面.mp4 50.73M
153_vue3_组件传参问题.mp4 64.34M
154_router_路由简介.mp4 25.01M
155_router_路由的基本使用.mp4 77.22M
156_router_路由重定向和其他小细节问题.mp4 35.03M
157_router_编程式路由.mp4 60.53M
158_router_路由传参.mp4 108.73M
159_router_路由守卫.mp4 40.46M
160_router_路由练习.mp4 83.35M
161_日程管理第五期_重构前端工程.mp4 63.66M
162_日程管理第五期_实现页面数据校验.mp4 55.79M
163_Promise_简介.mp4 40.27M
164_Promise_基础语法.mp4 64.30M
165_Promise_async和await的使用.mp4 66.17M
166_Axios_基本使用.mp4 87.66M
167_Axios_一些小细节问题.mp4 43.50M
168_Axios_get和post方法.mp4 76.80M
169_Axios_请求和响应拦截器.mp4 95.39M
170_日程管理第六期_跨域问题处理.mp4 68.37M
171_日程管理第六期_注册校验用户名.mp4 61.14M
172_日程管理第六期_注册功能完成.mp4 73.38M
173_日程管理第六期_登录功能实现.mp4 65.06M
174_pinia_概念简介及环境搭建.mp4 100.17M
175_pinia_常见API测试.mp4 61.09M
176_日程管理第七期_项目改造.mp4 60.15M
177_日程管理第七期_重构登录功能.mp4 74.30M
178_日程管理第七期_查询用户日程.mp4 110.03M
179_日程管理第七期_新增和修改日程.mp4 81.96M
180_日程管理第七期_删除日程.mp4 31.06M
181_Element-plus组件库的使用.mp4 49.50M
182_微头条_前端项目搭建_数据库准备.mp4 75.72M
183_微头条_后端项目搭建.mp4 145.12M
184_微头条_PostMan接口测试工具的使用.mp4 127.36M
185_微头条_登录业务简介.mp4 96.13M
186_微头条_登录业务完整实现.mp4 153.96M
187_微头条_注册业务实现.mp4 43.88M
188_微头条_分页查询头条信息A.mp4 111.50M
189_微头条_分页查询头条信息B.mp4 92.36M
190_微头条_查看头条详情.mp4 70.23M
191_微头条_增删改之前的登录校验问题.mp4 47.58M
192_微头条_新增头条信息.mp4 36.14M
193_微头条_修改头条信息.mp4 75.38M
194_微头条_删除头条信息.mp4 23.10M
参考视频及资料
1_课程简介.mp4 93.23M
2_学习路线和课前准备.mp4 35.13M
3_HTML_简介.mp4 24.14M
4_HTML_文档创建.mp4 17.63M
5_HTML_基础结构.mp4 31.62M
6_HTML_专业词汇.mp4 15.32M
7_HTML_语法细节.mp4 24.12M
8_VSCode_安装.mp4 22.42M
9_VSCode_liveServer和其他常见设置.mp4 24.00M
JavaWeb随堂讲义.pdf 23.41M
笔记.rar 22.98M
代码.zip 144.64M
资料.zip 480.50M
图书配套代码和软件
软件物料包.zip 721.81M
示例代码.zip 158.29M
JavaWeb图书配套资料/
视频