大学生前端学习第一天:了解前端

引言:

哈喽,各位大学生们,大家好呀,在本篇博客,我们将引入一个新的板块学习,那就是前端,关于前端,GPT是这样描述的:前端通常指的是Web开发中用户界面的部分,即用户直接与之交互的界面。前端开发涉及使用HTML、CSS和JavaScript等技术来创建网站或Web应用程序中的各种元素,包括页面布局、样式设计、交互功能等。前端开发人员负责确保用户界面的良好体验和友好性,使用户能够轻松地与网站或应用程序进行交互。

我个人认为,前端也是比较容易上手的,特别是HTML和CSS,即学即用,很快就能靠自己天马行空的想象力来创建精彩绝伦的页面,前端也可以开发好玩的小游戏,功能强大,那就让我们走进前端,先让我们走进HTML吧!

1.第一个前端程序

接下来,我们通过两步来完成一个网页程序

注意事项:

1.文件后缀名以.html结尾

2.在编写代码的过程中,<>必须是英文状态下缩写

第一步:使用记事本,编写代码

第二步:以浏览器方式打开

右键打开方式,以浏览器方式打开即可

2.前端工具的选择与安装

VS Code:打开速度快,使用方便

下载地址:https://code.visualstudio.com/

刚打开VS Code,一般是英文状态,我们点开拓展,搜索Chinese,直接点击安装即可

前端常见开发者工具

工欲善其事必先利其器

浏览器推荐:chrome浏览器(谷歌)

简介大方,打开响应速度快,开发者调试工具

下载地址:https://www.google.com.hk/

3.VS Code开发者工具快捷键

1.生成浏览器文件.html的快捷方式

html 复制代码
!+回车

2.VS code常用快捷键列表:

1.代码格式化:Shift+Alt+F

2.向上或向下移动一行:Alt+Up或Alt+Down

3.快速复制一行代码:Shift+Alt+Up或Shift+Alt+Down

4.快速保存:Ctrl+S

5.快速查找:Ctrl+F

6.快速替换:Ctrl+H

4.小结:

今天给大家快速入门一下前端知识与相关软件的下载,下一篇博客我们将详细介绍HTML的相关知识,要是这篇博客给你带来帮助的话,别忘记点个赞哟!

相关推荐
flytam9 小时前
Claude Agent SDK 深度入门指南 审核中
前端·人工智能·aigc
你猜猜吧9 小时前
里程三:DSL总结
前端
JarvanMo9 小时前
当 Flutter 撞上 3D 性能之墙 —— Fluorite(萤石)
前端
Eagle_Clark9 小时前
从0到1 Vibe Coding 一个项目的真实感受
前端·人工智能·后端
CodeSheep9 小时前
兄弟被降职降薪,被猎头挖新公司时承诺45万年薪,结果签合同才发现这45万里有“部分”是股权激励,还得2年后才能兑现
前端·后端·程序员
weixin199701080169 小时前
《界面网商品详情页前端性能优化实战》
前端·性能优化
Mintopia9 小时前
界面上的小细节,决定用户会不会骂产品
前端
Hommy889 小时前
【开源剪映小助手-客户端】前端界面设计
前端·开源·github
恋猫de小郭9 小时前
抖音“极客”适配 Android 5 ~ 9 等老机型技术解读,都是骚操作
android·前端·flutter
IT_陈寒9 小时前
SpringBoot自动配置的坑,我调试到凌晨三点才爬出来
前端·人工智能·后端