本套教程结合当下时代需求,契合“All in Java”理念,打造的一套适合后端工程师学习的JavaWeb课程,学完即可切实具备完整且实用的前端技术栈能力,真正成为一名前后端通吃的全端工程师!
结合后端学员的学习特点,教程精心设计了学习路线,课程模块化,阶梯式讲解,让不同基础的学习者均可找到合适的位置开始学习。教程采用边讲边练的方式,丰富的教学案例,搭配项目实战,代码训练量充足,技术栈讲完即练,趁热打铁,通过阶段项目总结提高,再次提升编码能力。教程实打实地使用新版Vue框架,而非仅仅做演示式教学,学完后可以不依赖视频,独立开发前端项目。
教程技术栈
一、前端必备三大件:
HTML、CSS、JavaScript
二、后端服务:
Tomcat、HTTP、Servlet、Cookie-Session、域对象、Filter 、Listener、MVC、XML
三、前端工程化:
ES6、Node.js、NPM、Vite、Vue3、Router4、Axios、Pinia、Element-Plus
教程目录
001.教程简介
002.Java学习路线
003.HTML_简介
004.HTML_文档创建
005.HtML_基础结构
006.HTML_专业词汇
007.HTML_语法细节
008.VSCode_安装
009.VSCode_LiveServer和其他常见设置
010.HTML_常见标签_标题段落和换行
011.HTML_常见标签_列表标签
012.HTML_超链接标签
013.HTML_超链接标签路径问题
014.HTML_常见标签_图片标签
015.HTML_常见标签_表格标签
016.HTML_常见标签_表格的跨行和跨列
017.HTML_常见标签_表单标签的基本使用
018.HTML_常见标签_表单的提交方式
019.HTML_常见标签_表单项标签
020.HTML_常见标签_布局相关标签
021.HTML_常见标签_特殊符号
022.CSS_三种引入方式
023.CSS_三大选择器
024.CSS_浮动
025.CSS_定位
026.CSS_盒子模型
027.JS_历史和简介
028.JS_引入方式
029.JS_数据类型和变量
030.JS_常见运算符
031.JS_流程控制_分支结构
032.JS_流程控制_循环结构
033.JS_流程控制_函数
034.JS_对象的创建
035.JS_JSON在客户端的使用
036.JS_JSON在服务端的使用
037.JS_JSON和Map_List_Array之间的转换问题
038.JS_常见对象_数组API测试
039.JS_常见对象_其他API阅读
040.JS_事件的简介和常见事件的绑定
041.JS_表单常见事件
042.JS_事件通过DOM编程绑定和触发
043.JS_BOM编程概念引入
044.JS_BOM编程_window对象的常见API
045.JS_BOM编程_window对象的常见属性
046.JS_DOM编程_简介和概念引入
047.JS_DOM编程_获取元素的几种方式
048.JS_DOM编程_操作元素属性_样式_文本
049.JS_DOM编程_创建增加替换删除元素
050.JS_了解正则表达式
051.日程管理第一期_登录页及数据校验功能
052.日程管理第一期_注册页及数据校验功能
053.XML_简介和基本格式
054.XML_DOM4J解析
055.Tomcat_简介
056.Tomcat_安装
057.Tomcat_常见目录
058.Tomcat_WebAPP的标准结构
059.Tomcat_部署项目的第二种方式
060.Tomcat_IDEA关联Tomcat
061.Tomcat_使用IDEA开发JavaWeb工程并部署运行
062.Tomcat_IDEA使用Tomcat运行JavaWeb项目的原理
063.HTTP_简介
064.HTTP_请求和响应的报文格式
065.HTTP_常见响应状态码
066.Servlet_简介和运行流程
067.Servlet_HelloWorld
068.Servlet_jar包导入和Content-Type问题
069.Servlet_url-pattern的一些特殊写法问题
070.Servlet_注解方式配置Servlet
071.Servlet_生命周期
072.Servlet继承结构_Servlet接口
073.Servlet继承结构_GenericServlet
074.Servlet继承结构_HttpServlet
075.ServletConfig为Servlet提供配置参数
076.ServletContext_为所有Servlet提供配置参数
077.ServletContext_获取文件路径和上下文
078.ServletContext_域对象相关API
079.HttpServletRequest_获取请求行和请求头相关API
080.HttpServletRequest_获得请求中的键值对参数相关API
081.HttpServletResponse_设置响应信息相关API
082.请求转发和响应重定向_概述
083.请求转发
084.响应重定向
085.乱码问题_HTML_Tomcat日志_sout乱码问题
086.乱码问题_GET请求参数乱码
087.乱码问题_POST请求参数乱码问题
088.乱码问题_响应乱码问题
089.路径问题_前端相对路径问题
090.路径问题_前端绝对路径问题
091.路径问题_响应重定向和请求转发的路径问题
092.路径问题_不设置项目上下文路径
093.MVC模式_理论简介
094.日程管理第二期_准备数据库和实体类
095.日程管理第二期_DAO层基础代码
096.日程管理第二期_DAO层工具类代码
097.日程管理第二期_开发Service基础代码
098.日程管理第二期_开发Controller层基础代码
099.日程管理第二期_导入MD5Util加密工具类
100.日程管理第二期_准备视图相关文件
101.日程管理第二期_注册业务实现
102.日程管理第二期_登录业务实现
103.会话管理_概述
104.会话管理_Cookie
105.会话管理_Session
106.会话管理_域对象的使用
107.Filter_简介
108.Filter_过滤器的HelloWorld
109.Filter_过滤器的生命周期
110.Filter_过滤器链及执行顺序问题
111.Filter_过滤器注解说明
112.Listener_常见的监听器接口
113.Listener_Session域监听器拓展说明
114.日程管理第三期_登录校验功能
115.Ajax_简介
116.Ajax_原生JS的XMLHTTPRequest实现Ajax
117.日程管理第四期_注册时用户名占用校验
118.日程管理第四期_响应JSON问题分析
119.日程管理第四期_响应JSON格式代码实现
120.日程管理第四期_WebUtil工具类和表单阻止提交问题
121.前端工程化简介
122.ES6_let和const和模板字符串
123.ES6_解构表达式
124.ES6_箭头函数
125.ES6_rest和spread
126.ES6_类和对象的语法糖
127.ES6_深拷贝和浅拷贝
128.ES6_模块化处理
129.Node.js_简介和安装
130.NPM_简介和相关配置
131.NPM_配置的补充说明
132.NPM_常见命令
133.Vue3_简介和快速体验
134.Vue3_Vite构建工程化前端项目
135.Vue3_关于JS和TS的选择问题
136.Vue3_工程结构和单文件组件概念
137.Vue3_工程文件之间的关系
138.Vue3_关于CSS样式的导入方式
139.Vue3_响应式数据和setup语法糖
140.Vue3_插值表达式
141.Vue3_文本渲染命令
142.Vue3_属性渲染命令
143.Vue3_事件渲染命令
144.Vue3_响应式数据的处理方式
145.Vue3_条件渲染
146.Vue3_列表渲染
147.Vue3_双向绑定
148.Vue3_计算属性
149.Vue3_数据监听器
150.Vue3_生命周期简介
151.Vue3_生命周期钩子函数测试
152.Vue3_组件(SFC)拼接页面
153.Vue3_组件传参问题
154.Router_路由简介
155.Router_路由的基本使用
156.Router_路由重定向和其他小细节问题
157.Router_编程式路由
158.Router_路由传参
159.Router_路由守卫
160.Router_路由练习
161.日程管理第五期_重构前端工程
162.日程管理第五期_实现页面数据校验
163.Promise_简介
164.Promise_基础语法
165.Promise_async和await的使用
166.Axios_基本使用
167.Axios_一些小细节问题
168.Axios_get和post方法
169.Axios_请求和响应拦截器
170.日程管理第六期_跨域问题处理
171.日程管理第六期_注册校验用户名
172.日程管理第六期_注册功能完成
173.日程管理第六期_登录功能实现
174.Pinia_概念简介及环境搭建
175.Pinia_常见API测试
176.日程管理第七期_项目改造
177.日程管理第七期_重构登录功能
178.日程管理第七期_查询用户日程
179.日程管理第七期_新增和修改日程
180.日程管理第七期_删除日程
181.Element-Plus组件库的使用
182.微头条_前端项目搭建_数据库准备
183.微头条_后端项目搭建
184.微头条_PostMan接口测试工具的使用
185.微头条_登录业务简介
186.微头条_登录业务完整实现
187.微头条_注册业务实现
188.微头条_分页查询头条信息A
189.微头条_分页查询头条信息B
190.微头条_查看头条详情
191.微头条_增删改之前的登录校验问题
192.微头条_新增头条信息
193.微头条_修改头条信息
194.微头条_删除头条信息