This is the 31st day of my participation in the August More Text Challenge

Is probably some [unknown sense li] information summary, although not necessarily used, but is to understand it!

About Front-end Development

Origin, structure, change

About the origins of the Web

Reference Document: Web page PDF version

architecture

When it was born in 1989, the Web consisted of three technologies:

  • HTML
  • HTTP
  • URL

CSS and JavaScript came a few years later.

change

  • Read-only era
  • Experience era
  • Agile era

Domain of front-end applications

Domain of front-end applications

  • Business (Enterprise applications, Enterprise Resource Management)
  • Customer (consumer oriented, portal website, e-commerce platform)
  • Developer (a platform, tool and framework for developers to improve their development efficiency)

Browsers in the domain of front-end applications

Desktop

  • Google
  • firefox
  • IE
  • opera
  • safari

Mobile

  • The android
  • apple

Server in the domain of front-end applications

  • The node (deno)
  • Express JS
  • Koa

The Father of nodeJS regrets about Node

End and cross – end domains of front-end applications

Command line/terminal

  • Webpack CLI
  • Babel CLI
  • Vue CLI
  • React CLI

Desktop across the

  • Electron
  • NW.js

Language, framework, tools

Node (Ryan Dahl)

  • Node.js is simply JavaScript running on the server

Koa (TJ Holowaychuk)

  • Koa is a new Web framework, built by the same people behind Express, that aims to be a smaller, more expressive, and more robust cornerstone of web application and API development

react (Jordan Walke)

  • A JavaScript library for building user interfaces

Vue (Yu Yu Creek)

  • Vue (pronounced vju/curliest, similar to View) is a set of progressive frameworks for building user interfaces

TypeScript (Anders Hejlsberg),

  • TypeScript is a superset of JavaScript types that can be compiled into pure JavaScript. TypeScript runs on any browser, any computer, and any operating system, and is open source.

Git by Linus Torvalds

  • Git is an open source distributed version control system designed to handle project version management from very small to very large projects efficiently and quickly.

Babel (Sebastian McKenzie)

  • Babel is a JavaScript compiler

Visual Studio Code

  • Microsoft programming development tool for Windows platform

Webpack (Tobias Koppers)

  • Essentially, WebPack is for modern JavaScript applicationsStatic module packaging tool

Browser, web, server

Deep understanding of modern browsers

The resources

An overview of HTTP – Overview of HTTP

The resources

Front-end learning Roadmap

Refer to the address

About Web Standards

Standardization of the JavaScript language

Originally there were two standards for the JavaScript language

  • Ecma-262: Master standard, managed by ECMA International
  • ISO/IEC 16262: Second standard, by the International Organization for Standardization (ISO, International Organization for Standardization) and the International Electronic Technology Committee (IEC, International Electrotechnical Commission) is responsible for management

For trademark copyright reasons, the specification standard calls the language ECMAScript, so in principle JavaScript and ECMAScript refer to the same thing, but sometimes they are distinguished:

👉JavaScript: Refers to the language and its implementation

👉ECMAScript: language standards and language versions, such as ES6 version 6 of the language (standard)

The ECMA in P.S.ECMAScript is taken from the international organization responsible for managing the master standard, which was originally called the European Computer Manufacturers Association and later extended beyond Europe. It was renamed ECMA International.

Learn about Web standards organizations

Standards organizations

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

The W3C, Ecma

W3C

The World Wide Web Consortium, founded in October 1994 by Tim Berners-Lee, is a membership organization that standardizes the Web, creates and maintains WWW standards, W3C standards are called W3C Recommendations.

👉 official website: www.w3.org

👉 lot: github.com/w3c

👉 Standard query (can look up various histories) : www.w3.org/TR

Ecma TC39

Technical Committee 39 (TC39) of Ecma International is a Committee that promotes the development of JavaScript. Its membership is made up of representatives from major browser vendors. TC39 holds regular meetings attended by representatives of member companies and invited experts. The minutes are available online and will tell you how TC39 works.

ECMAScript is a scripting programming language standardized by Ecma International (formerly the European Computer Manufacturers Association) through ECMA-262. This language is widely used on the World Wide Web and is often referred to as JavaScript or JScript, but the latter two are actually implementations and extensions of the ECMA-262 standard

👉 website: www.ecma-international.org/

👉 TC39 : tc39.es

👉 lot: github.com/tc39

👉 Discourse (forum) : es. Discourse. Group

WHATWG

WHATWG (Web Hypertext Application Technology Working Group) is a Web Hypertext Application Technology Working Group established to promote the Web HTML 5 standard. In 2004, it was formed by Opera, the Mozilla Foundation, and Apple. The WHATWG was formed because the W3C wanted to move away from HTML in favor of XML, a subset of extensible Markup Language. The WHATWG mailing list was published on June 4, 2004, rejecting the Web standards created by W3C members in the W3C Studio. The browser vendors in the group suggested that the W3C follow the WHATWG’s HTML5 and name the new HTML (an application under standard Common Markup Language) HTML5, which the W3C later adopted.

👉 website: whatwg.org/

👉 lot: github.com/whatwg

👉 specification query: spec.whatwg.org/

IETF

The Internet Engineering Task Force (IETF) is a large, public and international organization composed of experts who contribute to The development and Engineering of Internet technology. It brings together network designers, operators, investors and researchers who are concerned with the architecture and smooth operation of the Internet. Anyone interested in the industry is welcome to participate. Anyone can register to attend the IETF conference. The IETF holds three meetings a year, each with a size of more than 1,000 people.

👉 official website: www.ietf.org/

👉 lot: github.com/ietf

Member of W3C and Ecma

W3C currently has 444 members worldwide, including 46 members from Beihang Headquarters (China).

There are 18 AM (Associate Member) members of Ecma, including 5 Chinese companies, bytedance, 360, Ali, Huawei and Tencent.

W3C specification making process

The resources

Ecma TC39 specification process

For each new feature to be eventually incorporated into the ECMAScript specification, TC39 Outlines a process called the TC39 Process. There are five stages, Stage 0 to Stage 4.

Phase zero

Phase 1

The stage 2

Phase 3

Phase 4

reference

The TC39 Process

The TC39 Process for ECMAScript Features Github: TC39 / Proposals Standard ECMA-262

About Web standards: Read the original specification

  • Understanding the ECMAScript specification (1)
  • Understanding the ECMAScript specification (2)
  • Understanding the ECMAScript specification (3)
  • Understand the ECMAScript specification (4)_
  • Core terms of the ECMAScript specification

conclusion

If any of the above is wrong, please point out in the comments section!

If there is a harvest, leave a thumbs-up to encourage it! 🍜