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

140 阅读2分钟

这是我参加⌈第四届青训营⌋笔记创作活动的第5天。

本次笔记记录的是关于前端开发的起源,架构,变迁;前端应用的领域;语言,框架,工具;前端学习路线。

一,前端开发的起源,架构,变迁

  • 起源:前端的起源可以追溯到欧洲的一个物理研究机构中的一篇论文中的一个(关于信息管理的)观点建议: “Suppose all the information stored on computers everywhere were linked.suppose I could program my computer to create a space in which everything could be linked to everything.” -Tim Bemers-Lee,inventor of the World Wide Web 14e47c8cd51d4fabcefac733445d561.jpg

  • 架构:我们上网浏览网站时,就是打开一个浏览器通过HTTP协议来获得Web服务器上存储的HTML文档,浏览器再把这个文档解析出来呈现在屏幕上。

a321f1c7e54249b061beb8250f8696d.jpg

  • 变迁:主要分为只读时代,体验时代和敏捷时代。

ca9188d80d5db27adc2ace566817490.jpg

二,前端应用的领域

开发出来的应用分类:

  • To Business:面向企业型,较大的组织,机构,企业级应用。大型机构,银行,互联网公司内部大多数都会有这类应用平台,例如字节的火山引擎。
  • To Customer:面现中端的客户应用。在大众面前的信息通讯,现在的网站,电商平台,在线教育,新闻资讯,生活娱乐等平台。
  • To Developer:面向开发者应用。提供给开发者开发工具的应用,比如vscode,idea,goland等。

前端应用的一些浏览器:

  • desktop:chrome,microsoft edge,firfox等
  • moblie:安卓和苹果两种不同的操作系统的浏览器不一样,因为两者的内核不一样。

前端应用的服务器:

  • node.js
  • express.js
  • koa

前端应用的终端和跨端:

  • 命令行/终端:Webpack CLI,Babel CLI,Vue CLI,React CLI
  • 桌面跨端:Electron,NW.js
  • 移动跨端:React Native,Flutter

三,语言,框架,工具

语言:前端三件套:HTML,CSS,Javascript;c;c++;java;Rust等。

架构:node.js,koa,ts,webpack,vue,git,esbuild等。

工具:vscode,idea等。

四,前端学习路线

1.jpg

2.jpg

3.jpg

4.jpg

5f0cae031ea296bcf36b7d56d3c5fad.jpg

个人总结:

通过本节课,我深入学习了前端开发的起源,架构,变迁;前端应用的领域;语言,框架,工具;前端学习路线等,丰富了我对前端的了解。