这是我参与「第四届青训营 」笔记创作活动的第5天!今天学习的是《Web标准与前端开发》,整理复盘,笔记主要在图片当中呈现,通过对web标准的认识和了解,以及对前端开发工具、语言、应用领域等的学习,我对前端有一个更加深入的认识和了解,不仅仅局限于html、css以及JavaScript三件套的使用,还包含其他组件、服务器、终端等等。
对今天所学知识进行一个简单的梳理:
- 前端开发经历起源、架构以及变迁
- web使用三种技术,分别是html、http、url
- 前端开发的发展阶段分为三个时代:
- 只读时代(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
- 应用领域:
- To business 面向企业、机构,比如银行、互联网公司等
- To Customer 面向用户,比如电商行业、在线教育、新闻资讯、生活娱乐等
- To Developer 面向开发者
- 前端应用领域在技术层面包括:
- 浏览器:Desktop Mobile
- 服务器:node.js Express.js koa
- 终端和跨端:命令行终端、桌面跨端、移动跨端
- 语言使用
- html(作为structure)
- CSS(作为presentation/appearance)
- JavaScript(作为dynamism/action)
- Web Assembly(其中C/C++以及Rust可以转换)