1. 前端开发概述
前端开发主要负责网站的用户界面和用户体验,涉及以下核心技术:
- HTML: 网页结构标记语言
- CSS: 网页样式和布局设计
- JavaScript: 网页交互和动态功能
- 第一阶段:基础三剑客
HTML基础
- 标签、元素、属性
- 文档结构和语义化
- 表单和多媒体元素
CSS基础
- 选择器和样式规则
- 盒模型和布局
- 响应式设计
JavaScript基础
- 变量、数据类型、运算符
- 函数和作用域
- DOM操作和事件处理
第二阶段:框架学习
主流框架 React Vue.js Angular
首先学习这些概念知识之前首先安装开发工具
- 代码编辑器
代码编辑器是专门用于编写、编辑和管理源代码的软件工具,为程序员提供高效的代码开发环境。
简单理解为需要在这里写代码开发
代码编辑器有很多:Visual Studio Code,IntelliJ IDEA,WebStorm,Brackets,HBuilder等等我用的是Visual Studio Code
官网下载地址:https://code.visualstudio.com/Download
选择对应的操作系统
下载开始安装
选择我同意
选择安装目录 我这里就安装在D盘Frontend目录下了
这是给开始菜单添加快捷方式的 直接下一步
勾选创建桌面快捷方式 然后下一步
直接安装
现在就可以开始编写前端代码了
手动创建一个文件夹 使用VSCode(Visual Studio Code)打开
选择打开此文件夹
可以新建文件 然后在此编写前端代码