前端开发|青训营笔记

97 阅读1分钟

这是我参与「第四届青训营 」笔记创作活动的第5天!今天学习的是《Web标准与前端开发》,整理复盘,笔记主要在图片当中呈现,通过对web标准的认识和了解,以及对前端开发工具、语言、应用领域等的学习,我对前端有一个更加深入的认识和了解,不仅仅局限于html、css以及JavaScript三件套的使用,还包含其他组件、服务器、终端等等。

web开发1.jpg web开发2.jpg web开发3.jpg

对今天所学知识进行一个简单的梳理:

  1. 前端开发经历起源、架构以及变迁
  2. web使用三种技术,分别是html、http、url
  3. 前端开发的发展阶段分为三个时代:
  • 只读时代(1989-2004)语言工具为html/css/JavaScript 其特点是:单向发布、静态只读、链接跳转、刷新页面、表格对齐元素、CGI
  • 体验时代(2005-2010)工具为Ajax/Web API/jQuery 其特点是:动态交互、社交媒体、用户生成内容(UGC)、单页应用SPA、jQuery、YUI
  • 敏捷时代(2010-2021)工具为Fetch/Node.js/ Webpack 其特点是:模块化、组件化、转译、打包、React.js、Vue.js
  1. 应用领域:
  • To business 面向企业、机构,比如银行、互联网公司等
  • To Customer 面向用户,比如电商行业、在线教育、新闻资讯、生活娱乐等
  • To Developer 面向开发者
  1. 前端应用领域在技术层面包括:
  • 浏览器:Desktop Mobile
  • 服务器:node.js Express.js koa
  • 终端和跨端:命令行终端、桌面跨端、移动跨端
  1. 语言使用
  • html(作为structure)
  • CSS(作为presentation/appearance)
  • JavaScript(作为dynamism/action)
  • Web Assembly(其中C/C++以及Rust可以转换)