适合人群与学习门槛

这门课适合零基础转行或想系统补齐前端基础的开发者。它不需要你具备编程背景，只要懂电脑基本操作即可。课程覆盖了网页开发的三大支柱：HTML 结构、CSS 样式和 JavaScript 交互。对于有一定基础想巩固 DOM 操作和 API 调用的同学，也可以作为查漏补缺的实战手册。建议先看 17-20 讲的表单与布局，这是网页的骨架；接着看 46-49 讲的 DOM 编程，这是让网页“动”起来的关键。这两个板块是前端开发中最核心的技能点，必须动手敲代码验证。

学完能独立做什么

通过这套资料的学习，你将不再只是会写死代码的搬运工。你将掌握如何用 HTML 标签构建语义化的页面结构，利用 CSS 的选择器和盒模型对页面进行精细排版。更重要的是，你将学会使用 JavaScript 监听用户行为，通过 DOM 操作动态修改页面内容、样式和属性。学完后，你能独立完成一个包含图文混排、列表导航、表单验证和动态数据展示的完整 Web 页面，具备胜任初级前端开发岗位的技术实力。

资料使用与练习建议

资料按知识点拆分，逻辑清晰，建议按顺序观看。不要只看不动手，前端开发是手艺活。看 CSS 浮动和定位时，建议尝试用 HTML 表格和列表标签复刻一个简单的图书列表页；学完 JS 事件和 DOM 操作后，做一个点击按钮切换图片或修改文字样式的练习。通过亲手敲代码来理解文件路径和脚本逻辑，才能真正掌握这门技术。遇到 JSON 转换或数组 API 使用等难点，多看几遍演示，直到能自己写出来为止。

课程目录

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