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

46 阅读2分钟

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

一、重点内容

  • 关于前端
  • web标准

二、详细知识点介绍

1.web架构和框架

1989年诞生时,Web由三种技术构成

  • HTML 超文本传输协议
  • HTTP 网络协议
  • URL 定位符,在网络上唯一标识

image.png

这三种技术过了几年后,CSS和Javascript才出现

web的变迁史(老师个人看法总结)

image.png 2005年特别是Ajax的概念火起来了,实现异步刷新

如今是敏捷时代,重视用户体验,前端职业化

2.前端应用的领域

  • To Business 针对大的企业机构,企业级应用,火山引擎等
  • To Customer 面向终端客户,电商网站,在线教育等
  • To Developer 面向开发者,工具、平台和框架的开发

同时还可根据具体功能分为三大领域

浏览器:桌面端和手机端

服务器:nodejs

终端和跨端

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

3.前端开发的学习推荐

网站推荐:roadmap.sh 里面有许多学习的方向,这里从前端开始

image.png

image.png

涵盖了前端的大部分知识,里面从上到下的给出了详细的学习方向,包括哪些部分是基础的,哪些是可选的和不推荐的等都用不同颜色标记出来了,具有很大的参考价值

4.web标准

  • W3C:World Wide Web Consortium
  • Ecma:Ecma International
  • WHATWG:Web Hypertext Application Technology Working Group
  • IETF:Internet Engineering Task Force

通常指的web标准都是指的W3C的标准

W3C:

三、总结

学习前端首先要对前端相关有一定的了解,而这节课最大的收获就是梳理了一下前端相关,前端应用领域和学习的方向,了解web标准可以帮助我们更好的编写代码,符合规范