前端开发简介 | 青训营

138 阅读2分钟

起源

1990 年,第一个web浏览器诞生,Tim 以超文本语言 HTML 为基础在 NeXT 电脑上发明了最原始的 Web 浏览器。

架构

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

  • HTML
  • HTTP
  • URL

CSS和JavaScript是几年之后才出现的

变迁

只读时代(1989年~2004年)

HTML/CSS/JavaScript

  • 单向发布
  • 静态只读
  • 链接跳转
  • 刷新页面
  • 表格对齐元素
  • CGL

体验时代(2005年~2010年)

Ajax/Web/jQurey

  • 动态交互
  • 社交媒体
  • 用户生成内容(UGC)
  • 单页应用(SPA)
  • JQurey
  • YUI

敏捷时代(2010~2021)

Fetch/Node.js /Webpack

  • 模块化
  • 组件化
  • 转译
  • 打包
  • React.js
  • Vue.js

前端开发应用领域——服务器

  • node.js
  • express.js
  • koa

前端开发应用领域——终端和跨端

命令行/终端

  • Webpack
  • Babel CLI
  • Vue CLI

桌面跨端

  • Electron
  • NW.js

移动跨端

  • react Native
  • Flutter

前端开发的语言、框架、工具

语言

  • HTML
  • CSS
  • JS
  • ···

框架

  • node.js
  • koa
  • Jordan Waike
  • 尤雨溪
  • ···

Web标准

标准组织

  • W3C(World Wide Web Consortium)(万维网联盟)
  • Ecma(Ecma International)(欧洲计算机制造商协会)
  • WHATWG(Web HYpertext Application Technology Working Group)(Web超文本应用技术工作组)
  • TETF(Internet Engineering Task Force)(因特网工程任务组)

web标准W3C标准制定流程:

  1. 编辑草案:收集想法
  2. 首个公开工作草案:发布规范的公开版本
  3. 工作草案:听取意见和反馈进行改进
  4. 候选推荐规范:相对稳定的版本,比较适合实现和测试
  5. 提名推荐规范,W3C成员公司对这项规范表达反对意见的最后机会(很少会提出异议)
  6. 正式推荐规范:技术规范的最终阶段

关于web标准:如何参与——关注会议

年会

  • AC
  • TPAC

工作组会议

  • 每月会议
  • 各种研讨会

在前端开发的过程中我们不断将css,js等代码进行简洁化,可复用式的编辑,其中有些人的因素固然重要,但是最为核心的是广大的前端基础开发人员,有着多数人的使用,前端的圈子才会会越来越大。

介绍了这么多的基础前端内容,我认为前端无论在任何的时代下都是为了客户所服务的工具,追求的是简洁性、高效性,一切的组织和个人的努力都是为了人民大众服务,不能远离大众的需求(个人愚见,勿喷)