- 扎西尖措
学习路线
前端开发
- Web前端开发技术栈:HTML、CSS、JS
- 异步交互技术:Ajax、Axios
- 前端js框架:vue、基于vue的桌面端组件库Element
- 前端工程化,vue脚手架
后端开发
- Java项目构建工具Maven
- SpringBoot基础(Spring的IOC、DI等)
- 基于SpringBoot学习SpringMVC基础
- MySQL
- 通过Java语言操作关系型数据库(JDBC、Mybatis)
案例设计
- 基于SpringBoot整合SSM**(Spring + Spring MVC + MyBatis)**,根据页面原型,需求,接口文档编写接口
- 会话跟踪技术:Cookie、Session、令牌技术(JWT)
- 令牌的统一校验(Filter、Interceptor)
- AOP
- SpringBoot底层原理
前后端分离开发,基于接口交互(接口文档)。
前端-基于vue脚手架,构建工程化前端项目。
后端-基于主流SpringBoot高效学习SSM。
通过案例贯穿整个课程体系,学以致用。
参照企业开发模式,需求分析-表结构设计-接口文档-功能实现-测试。
Web网站的开发模式
前后端分离开发
浏览器向前端服务器发送请求,前端程序响应后浏览器向后端服务器发送请求,Java程序向数据库发送请求,数据库响应后Java程序再返回到浏览器响应
前后端程序混合开发
前后端程序均在一台服务器上,浏览器向服务器发送请求后,服务器将数据和前端代码一起返回给浏览器
前后端分离式开发占比远远大于前后端程序混合开发
Web前端开发
网页组成部分:文字、图片、音频、视频、超链接等
我们所看到的的网页背后的本质就是程序员所编写的前端代码
前端代码通过浏览器转化(解析和渲染)成用户看到的网页
浏览器中对代码进行渲染的部分,称为浏览器内核
不同的浏览器,内核不同,对于相同的的前端代码解析的效果会存在差异。
Web标准
Web标准也称为网页标准,由一系列的标准组成,大部分由w3C(Word Wide Web Consortium,万维网联盟)负责制定。
三个组成部分:
HTML:负责网页的结构(页面元素和内容)
CSS:负责网页的表现(页面元素的外观、位置等页面样式,如:颜色、大小等)。
JavaScript:负责网页的行为(交互效果)。
HTML(超文本标记语言)
超文本:超越文本的限制,比普通文本更强大,除了文字信息,还可以定义图片,音频,视频等内容。
标记语言:由标签构成的语言
HTML标签都是预定义好的。例如:使用展示超链接,使用展示图片,
HTML代码直接在浏览器中运行,HTML标签由浏览器解析。
CSS
- CSS(Cascading Style Sheet) : 层叠样式表,用于控制页面样式(表现)。
案例
HTML快速入门
新建文本文件,后缀名为.html
编写HTML结构标签
在
中填写内容HTML结构标签
1
2
3
4
5
6
7
8<html>
<head>
<title>标题</title>
</head>
<body>
</body>
</html>特点