Web 标准和前端开发|字节青训营笔记

122 阅读2分钟

自然风景森林+瀑布+小溪+树林+4k高清风景壁纸_彼岸图网.jpg


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

一 Web前端的起源

1989年时前端诞生的日子,此时的Web只有三种技术

  • HTML(超文本标记语言)
  • HTTP(超文本传输协议)
  • URL(统一资源定位符)

image.png

浏览器通过HTTP协议来获得Web服务器上存储的HTML文档,浏览器再把这个文档解析出来呈现在屏幕上

我们前端经历着三个时代:

  • 只读时代: 只有非常简单的页面 只能读。
    image.png

  • 体验时代: 网页能够进行动态交互,用户能够生成内容

image.png

  • 敏捷时代: 出现了前端的框架

image.png

二 Web前端的应用领域

2.1 应用分类:

  • To B:面向企业型,较大的组织,机构,企业级应用。大型机构,银行,互联网公司内部大多数都会有这类应 用平台,例如字节的火山引擎。
  • To C:面现终端的客户应用。比如说现在的网站,电商平台,生活娱乐等平台。
  • To D:面向开发者应用。提供给开发者开发工具的应用,比如VScode,idea,golang等。

2.2 前端的浏览器(主要的)

  • Chrome:Google浏览器 是我们开发人员用的最多的浏览器
  • Firefox:火狐浏览器 是一个由Mozilla开发的自 由及开放源代码的网页浏览器用的人也不少
  • Safari:是2003年,苹果公司在苹果手机上开发Safari浏览器。

2.3 前端的应用领域——终端和跨端

2.3.1 什么是终端?

电子计算机等系统中用来发指令或接收信息的装置。

优势:易维护、低费用、强安全、便操作。

2.3.2 什么是跨端?

跨端其实就是一套代码落地到不同的native操作系统上,也就是常说的write once run anywhere。

优势:性能、稳定性、效能的统一性和延续性。

image.png

三 Web语言 框架 工具

  • 语言 前端三件套:HTML,CSS,Javascript等。

  • 架构:Node.js,Koa,ts,Webpack,Vue等。

  • 工具:VScode,Idea等。

四 前端学习路线

  • 了解网络

image.png

  • 三剑客(得熟练掌握,难点在JavaScript)

image.png

  • 框架

image.png
详细路线请点击这里

五 总结

前端的要学的东西很多很杂,只有持续学习才能不被别人落下,加油兄弟们!

image.png