当前位置: 首页 > news >正文

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

引言:

哈喽,各位大学生们,大家好呀,在本篇博客,我们将引入一个新的板块学习,那就是前端,关于前端,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的快捷方式

!+回车

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的相关知识,要是这篇博客给你带来帮助的话,别忘记点个赞哟!

http://www.lryc.cn/news/340419.html

相关文章:

  • 公安机关人民警察证照片采集规范及自拍制作电子版指南
  • 使用Python插入100万条数据到MySQL数据库并将数据逐步写出到多个Excel
  • 【备忘录】openssl记录
  • hadoop编程之工资序列化排序
  • OpenXR手部跟踪接口与VIVE OpenXR扩展详细解析
  • 慎投!5本On Hold全被剔除!新增9本SCI/SSCI被除名!4月WOS更新
  • 华为云CodeArts IDE For Python 快速使用指南
  • C# 截图并保存为图片
  • [html]一个动态js倒计时小组件
  • Hive-Sql复杂面试题
  • WPS二次开发系列:WPS SDk功能就概览
  • 华为OD-C卷-结队编程[200分]
  • 连连看游戏页面网站源码,直接使用
  • 在 Kubernetes 1.24 中使用 Docker:配置与应用指南
  • Canvas使用详细教学:从基础绘图到进阶动画再到实战(海报生成、Flappy Bird 小游戏等),掌握绘图与动画的秘诀
  • 【MATLAB 分类算法教程】_2粒子群算法优化支持向量机SVM分类 - 教程和对应MATLAB代码
  • Vue2电商前台项目(三):完成Search搜索模块业务
  • 算法思想总结:链表
  • Android Room 记录一个Update语句不生效的问题解决记录
  • 使用SpringBoot3+Vue3开发公寓管理系统
  • 有且仅有的10个常见的排序算法,东西不多,怎么就背不下来呢
  • Mac安装配置ElasticSearch和Kibana 8.13.2
  • javaWeb项目-快捷酒店管理系统功能介绍
  • 闲不住,手写一个数据库文档生成工具
  • 在群晖上安装GPT4Free
  • C# 语言类型(四)—传递参数及其修饰符
  • 刷穿力扣006-剑指offer一数组——02寻找目标值-二维数组
  • 爬虫(小案例)
  • 环信 IM 客户端将适配鸿蒙 HarmonyOS
  • 伪元素的使用