「Web标准与前端开发」| 青训营笔记

71 阅读2分钟

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

一、重点内容:

  1. 起源、架构、变迁
  2. 前端应用的领域
  3. 语言、框架、工具
  4. 前端学习路线图
  5. 了解Web标准组织

二、详细知识点介绍:

1.关于前端开发

  1. 起源、架构、变迁 1989年诞生时,Web由三种技术构成:HTML HTTP. URL CSS和JavaScript是几年之后才出现的。
  • 只读时代 1989-2004
  • HTML/CSS/JavaScript
  1. 单向发布
  2. 静态只读
  3. 链接跳转
  4. 刷新页面
  5. 表格对齐元素
  6. CGl
  • 体验时代 2005-2010
  • Ajax/Web APl/jQuery
  1. 动态交互社交媒体
  2. 用户生成内容
  3. 单页应用(SPA)
  4. jQuery
  5. YUl
  • 敏捷时代 2010-2021
  • Fetch/Node.js/Webpack
  1. 模块化组件化
  2. 转译(transpiling)
  3. 打包(bundling)
  4. React.js
  5. Vue.js

2.前端应用的领域

桌面浏览器和移动浏览器,移动App中的WebView。 不仅要开发在浏览器和WebVve m中运行的网页,也要开发在小程序运行时上跑的小租序字。 服务端,终端,跨端

3. 语言、框架、工具

HTML、CSS和JavaScript是前端开发必须掌握的三门语言。HTML负责结构页面,CSS为页面提供装饰,JavaScript赋予页面动态和交互能力。

深入理解现代浏览器 HTTP 概述 - HTTP |MDN (mozilla.org)

4. 前端学习路线

roadmap.sh

点开之后选择Fronend

关于Web标准

深入理解现代浏览器 HTTP 概述 - HTTP |MDN (mozilla.org)