Skip to main content

Web

#教程

上网: 接入internet互联网

网络标准协议 : TCP/IP

1989年诞生时,Web有三种技术组成:​

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

三种时代​

只读时代​

1989-2004

HTML/CSS/JavaScript

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

体验时代​

2005-2010

Ajax/Web API/Jquery

  • 动态交互
  • 社交媒体
  • 用户生成内容
  • 单页应用(SPA)(single page application)
  • JQuery
  • YUI

敏捷时代​

2010-2022

Fetch/Node.js/Webpack

  • 模块化
  • 组件化
  • 转译(transpiling)
  • 打包(building)
  • React.js
  • Vue.js

前端应用领域​

  1. To Business 商业 企业级应用,大型复杂的项目 公有云, 广告平台

  2. To Customer 客户 个人项目, 小型APP, WebView,H5, 新闻, 电商平台

  3. To Developer 开发者 NPM模块, 工具库, VSCode,Webstrom等

浏览器​

桌面端​

  1. Chrome Chrome内核 接近70%份额
  2. Egde Chrome内核
  3. Firefox
  4. Safari
  5. Open

移动端​

  1. Android 浏览器 Chrome内核
  2. apple浏览器 safari内核

服务器​

Node.js

Node.js框架

  • Express
  • Koa

终端/跨端​

命令行/终端​

  • Webpack CLI

  • Babel CLI

  • Vue CLI

  • React CLI

桌面跨端​

  • Electron
  • NW.js

移动跨端​

  • React Native
  • Flutter

Web Application​

  • C++,C, Rust -> WASM

  • HTML

  • CSS

  • JavaScript

前端开发工具作者​

  • Node.js -> Ryan Dahl

  • Koa -> TJ Holowaychuk

  • React -> Jordan Walke

  • Vue -> 尤雨溪

  • TypeScript -> Anders Hejlsberg

  • Git -> Linus Torvalds

  • Babel -> Sabastian Mckenzie

  • Webpack Tobias Koppers

  • Esbuild -> Evan Wallace

深入理解现代浏览器​

w3c/20190603_cncuckoo_深入理解现代浏览器.md at master · 75team/w3c (github.com)

HTTP​

An overview of HTTP - HTTP | MDN (mozilla.org)

学习路线​

Frontend Developer Roadmap: Learn to become a modern frontend developer

Web标准组织​

W3C: Wrold Wide Web Consortium​

Ecma: Ecma International

WHATWG: Web Hypertext Application Technology Working Group

IETF: Internet Engineering Task Force