当前位置:网站首页>Web篇_01 了解web开发
Web篇_01 了解web开发
2022-06-23 15:24:00 【凤文Studying】
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.com
Visual Studio Code是微软推出的针对web开发的代码编辑器,具有开源、高性能、扩展性好的特点。
优势:
- 免费
- 高性能
- 自定义配置
- 代码提示功能强大
- 扩展插件功能强大且安装方便
VScode插件推荐
对于刚接触vscode人来说,可以先试试这两名博主推荐的插件:
https://blog.csdn.net/qq_37860930/article/details/102561403
https://blog.csdn.net/win7583362/article/details/79315055
对于一些小项目,使用vscode开发是没问题的。
vscode更适合新手一些,对于大一些的项目,我建议使用Webstrom开发。
这些是前后端分离项目中特别流行的开发工具,如果不是前后端分离项目的话,作为一个Java的后端开发者,懒得折腾的话,IDEA,Eclipse也是支持前端开发的。
VScode其它妙用
首先,我们需要知道,vscode并不是一个IDE,而是编辑器,编辑器自然就是能编辑任何文本了,只不过它的插件功能足够强大,让它像IDE一样强悍。
- markdown编辑器
如果你很熟悉markdown的语法,它用来编辑md文件也很舒服,并且可以安装markdown插件用来预览 - 用来打开各种文件
比如常用的xml,java文件,比如要临时打开一个.java文件,虽然可以用idea打开,但是打开速度相比vscode还是比较慢的。
推荐web相关学习文档
边栏推荐
- Important knowledge of golang: timer timer
- golang 重要知识:sync.Cond 机制
- golang 重要知识:atomic 原子操作
- 股票开账户如何优惠开户?在线开户安全么?
- C. Set or Decrease-Educational Codeforces Round 120 (Rated for Div. 2)
- pytorch:模型的保存与导出
- Solution to the problem that MySQL cannot be started in xampp
- PHP 2D array insert
- Moher College - manual SQL injection vulnerability test (MySQL database)
- Diffraction of light
猜你喜欢
随机推荐
Convert JSON file of labelme to coco dataset format
Pop() element in JS
golang 重要知识:sync.Once 讲解
Solution to the problem that MySQL cannot be started in xampp
Android kotlin collaboration Async
System design and analysis - Technical Report - a solution for regularly clearing verification code
快速排序的簡單理解
glibc nptl库pthread_mutex_lock和pthread_mutex_unlock浅析
服务器的部署及使用说明
Unshift() and shift() of JS
C. Add One--Divide by Zero 2021 and Codeforces Round #714 (Div. 2)
Memory Consistency and Cache Coherence —— 内存一致性
Important knowledge of golang: sync Cond mechanism
JSON——学习笔记(消息转换器等)
Personal summary of system design and Analysis Course Project
Three simple tips for accelerating yarn install
Explore the "store" on the cloud. The cloud store is newly upgraded!
VGG下载(.net文件和imagenet-vgg-verydeep-19)
F5 application strategy status report in 2022: edge deployment and load security become the focus of attention in the Asia Pacific Region
OpenResty 基础









