这是我参与「第五届青训营」伴学笔记创作活动的第1天。

一、什么是前端

1. 解决GUI图形界面下的人机交互问题
2. 跨终端：PC/移动浏览器；客户端/小程序；VR/AR等
3. Web技术栈

总结：前端工程师使用Web技术栈解决多端图形用户界面交互问题。

二、前端技术栈

1. HTML：最基础，负责页面结构和内容。
2. CSS：页面中可以使用CSS设置页面样式，例如位置、大小、颜色等信息。
3. JavaScript:定义网页的行为。
4. 网络协议：HTML、CSS、JavaScript和网络及协议都运行在浏览器中，浏览器可以通过http协议和服务器进行通信，将前端代码通过http协议从服务器上拿到，渲染成我们所看到的页面。浏览器也可以将用户填写的信息通过http协议提交到服务器端。

总结：HTML、CSS、JavaScript和网络协议构成了前端最基础的技术栈。

三、前端应该关注哪些方面

1. 功能：需要实现什么功能，满足用户的什么需求。
2. 美观：界面美观。
3. 无障碍：网站对所有人可用。
4. 安全：保障用户数据的安全。
5. 性能：速度快，动画流畅。
6. 兼容性：网页能在各种设备上使用。
7. 体验：用户体验好。

四、前端的边界

1. node.js：开发服务器端应用
2. electron：开发客户端应用
3. React Native：移动应用开发
4. WebRTC：在线传输，多人会议
5. WebGL：3D绘图
6. WebASSEMBLY:将其他编译语言编译成在浏览器中运行的代码

五、开发环境

1. 浏览器：IE、Chrome、Firefox、Safari
2. 编辑器：VScode、Vim、WebStorm