这是我参与「第四届青训营 」笔记创作活动的的第7天

前端开发

前端应用的领域

• To Business：企业级应用，提供仪表盘管理资源等。
• To Customer：直接触达终端客户的，门户网站、电商平台等。
• To Developer：面向开发者的平台和框架，提高开发效率。
• 浏览器：
  • Edge、Chrome、Firefox、Safari、Opera（PC端）；
  • Android、iOS（移动端）
• 服务器：
  • Node.js
  • Express
  • Koa
  • Deno（安全运行时）
• 终端：
  • Webpack CLI
  • Babel CLI
  • Vue CLI
  • React CLI
• 跨端：
  • 桌面跨端：Electron、NW.js
  • 移动跨端：React Native、Flutter

语言、框架、工具

2019年WebAssembly成为W3C标准，它提供了一条途径，以使得以各种语言编写的代码都可以以接近原生的速度在 Web 中运行。

前端开发框架：

• node.js
• koa
• vue
• git
• babel
• webpack
• esbuild

---

深入理解现代浏览器

• 架构：以Chrome为例，介绍现代浏览器的实现架构。
• 导航：从输入URL到获到HTML响应称为导航。
• 渲染：浏览器解析HTML、下载外部资源、计算样式并把网页绘制到屏幕上。
• 交互：用户输入事件的处理与优化。

An overview of HTTP

HTTP 是一种能够获取如 HTML 这样的网络资源的protocol(通讯协议)。它是在 Web 上进行数据交换的基础，是一种 client-server 协议，也就是说，请求通常是由像浏览器这样的接受方发起的。一个完整的 Web 文档通常是由不同的子文档拼接而成的，像是文本、布局描述、图片、视频、脚本等等。

HTTP 本质是无状态的，使用 Cookies 可以创建有状态的会话。

基于 HTTP 的最常用 API 是XMLHttpRequest API，可用于在user agent和服务器之间交换数据。 现代Fetch API提供相同的功能，具有更强大和灵活的功能集。

学习路线图

Frontend Developer：Step by step guide to becoming a modern frontend developer in 2022

关于Web标准

了解Web标准组织

W3C: World Wide Web COnsortium

Ecma: Ecma International

WHATWG: Web Hypertext Application Technology Working Group

IETF: Internet Engineering Task Force