前端开发|青训营笔记
这是我参与「第四届青训营 」笔记创作活动的的第5天
起源、架构、变迁
1989年诞生，web由三种技术构成
- http
- html
- url
- 只读时代 HTML，CSS，JavaScript
- 单向发布
- 静态只读
- 链接跳转
- 刷新界面
- 表格对齐元素
- CGI
- 体验时代
- ajax，web API，jquery
- 动态交互
- 社交媒体
- 用户生成内容（UGC）
- 单页应用（SPA）
- jquery
- YUI
- 敏捷时代
- fetch，node.js，webpack
- 模块化
- 组件化
- 转义(transpiling)
- 打包(bundling)
- react.js
- vue.js
前端应用领域
to business，to customer，to developer 前端应用领域终端，跨端
命令行/终端
- webpack CLI
- babel CLI
- vue CLI
- react CLI 桌面跨端
- electron
- nw.js 移动跨端
- react native
- flutter
语言 框架 工具
HTML网页框架，css网页美化修饰，JavaScript网页动态化
框架
浏览器，网络，服务器
前端学习思路
首先了解互联网知识，比如什么是http、dns的工作原理还有hosting等等。之后学习web中是框架语言HTML（表单验证，编码惯例等），CSS（布局原理，盒子原理，浮动，flex box等）和JavaScript（基本语法，DOM操作，fatch API，es6等）。然后了解版本控制（推荐使用git），了解仓库服务（github，gitlab等），也可以了解web安全相关的信息内容。包管理工具分为npm和yarn,其中也包括CSS架构，CSS预处理器。工具管理也包括task runners、linters and formatters和module bundlers。之后来到了学习框架，其中比较推荐react和vue，他们是系统主流框架。之后再来了解一些现代CSS，是其中的CSS框架，用框架来写代码。接着来到了测试环节，测试框架有jest，react-testing-library，cypress和enzyme。之后再来了解一下typescrip，服务端渲染用到react和vue。
关于web标准
关系最为相近的四个标准组织：w3c、ecma、whatwg和ietf
W3C规范制定流程
Ecma TC39规范制定流程
总结
了解到了web的起源框架，学习了前端开发的学习思路，学习流程，之后也会按照这个流程循序渐进的学习，慢慢查漏补缺。
希望可以帮助到大家。有错误或者建议可以提出修改。
