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

前端起源

在1989年诞生的时候Web由HTML,HTTP,URL组成。JavaScript，CSS是后面才出现的。这一切都是由一个物理学家提出来的。

前端时代

只读时代（HTML/CSS/JavaScript）

1. 单项发布
2. 静态只读
3. 链接跳转
4. 刷新页面
5. 表格对齐元素
6. CGI

体验时代（Ajax）

1. 动态交互
2. 社交媒体
3. 用户生成内容（UGC）
4. 单页应用（SPA）
5. Jquery
6. YUI

敏捷时代（组件化，react，vue）

1. 模块化
2. 组件化
3. 转译
4. 打包
5. ReactJs
6. VueJs

前端终端和跨端

1. 桌面端（Electron,NW.js）
2. 移动端(ReactNative Flutter)
3. 命令行终端(Vue Cli React Cli)

前端应用领域

• 面向用户(哔哩哔哩，百度）
• 面向开发者（Vscode）
• 面向企业（SDK之类的）

WebAssembly

一种高性能的替代js的产物，可以用C++，rust等高级语言编译成wasm，然后js来进行调用。

前端开发框架

1. NodeJs（用于开发后端接口，Cli，Electron等不局限于后端）
2. Vue（主要开发前端页面）
3. React（主要开发前端页面）
4. typescript（大型项目开发，js的SDK一般就是用ts开发的）
5. JavaScript（基础）
6. Git（版本控制器）
7. webpack（打包工具）
8. esbuild
9. koa（后端WEB框架）

编码规范

文档类型统一为HTML5的文档声明方式，编码方式统一UTF-8。书写根据页面结构进行分层，所有代码需要符合HTML规范，比如关闭标签。建议使用最新的Chrome内核浏览器。JavaScript中变量函数使用驼峰命名规范，常量尽量保持大写每个单词用下划线隔开尽量使用动词加名词方式。css中class使用多个小写单词中间用-分割。

前端领域的几个标准组织

用于指定Web标准的组织，觉得了Web生态的发展和走势，时刻关注他们可以对自己的职业规划做好更好的路线。

1. W3C
2. ECMA TC39
3. WHATWG
4. IETF

前端基础相关资料

HTTP相关
An overview of HTTP - HTTP | MDN (mozilla.org)
JS相关
JavaScript | MDN (mozilla.org)

前端学习路线图

www.roadmap.sh

总结

今天学习了前端领域中很多组织存在的意义，并且知道了前端领域能做些什么事情，并且有哪些框架，框架能做些什么有了大概的概念，对今后查找资料学习有了一个正确的路线，也可以总是能够在以上几个组织中找到最新的提案，能保持最新的学习。