Web篇_01 了解web开发

Web

• • Web、前端、后端的关系一目了然
  • 快速了解前端三大件
  • web开发工具推荐
  • 推荐web相关学习文档

---

Web、前端、后端的关系一目了然

Web开发
Web开发主要分为前端开发和后端开发两部分，前端更侧重于页面的展示与用户的交互，后端更侧重于数据的处理于服务的访问。

而HTML语言就属于前端的开发范围。

前端开发
前端指的是直接于用户接触的网页，网页上通常有HTML、CSS、Javascript等内容。

后端开发
后端指的时程序、数据库和服务器层面的开发。

快速了解前端三大件

Web开发的标准
Web应用开发需要遵循的标准就教Web标准，这里Web标准是一系列标准的集合。网页主要由三部分组成：结构标准（XML、HTML和XHTML），表现标准（CSS），行为标准（DOM、Javascript）

HTML
HTML用来构成网页的内容，内容就是网页制作者放在页面上想让用户浏览的信息，例如文字、图片、视频等等，简单来说就是用来定义网页的内容。

CSS
CSS决定了网页样式的展现，也就是内容的表现形式，例如字体的颜色、背景的样式、标题的大小等等。

Javascript
Javascript是用来定义网页上的交互，控制网页的行为，例如弹出弹窗、页面打开关闭、输入内容的提示等等。
当然现在一般都是用框架开发，目前国内主流的开发框架有Vue、React，国外的话React用的更多一些。

web开发工具推荐

Vscode
这里最推荐新手使用VSCode，浏览器用chrome

vscode下载地址：https://code.visualstudio

Visual Studio Code是微软推出的针对web开发的代码编辑器，具有开源、高性能、扩展性好的特点。

优势：

• 免费
• 高性能
• 自定义配置
• 代码提示功能强大
• 扩展插件功能强大且安装方便

VScode插件推荐
对于刚接触vscode人来说，可以先试试这两名博主推荐的插件:
https://blog.csdn/qq_37860930/article/details/102561403
https://blog.csdn/win7583362/article/details/79315055

对于一些小项目，使用vscode开发是没问题的。
vscode更适合新手一些，对于大一些的项目，我建议使用Webstrom开发。

这些是前后端分离项目中特别流行的开发工具，如果不是前后端分离项目的话，作为一个Java的后端开发者，懒得折腾的话，IDEA，Eclipse也是支持前端开发的。

VScode其它妙用
首先，我们需要知道，vscode并不是一个IDE，而是编辑器，编辑器自然就是能编辑任何文本了，只不过它的插件功能足够强大，让它像IDE一样强悍。

• markdown编辑器
  如果你很熟悉markdown的语法，它用来编辑md文件也很舒服，并且可以安装markdown插件用来预览
• 用来打开各种文件
  比如常用的xml，java文件，比如要临时打开一个.java文件，虽然可以用idea打开，但是打开速度相比vscode还是比较慢的。

推荐web相关学习文档

W3school