About Front-end Development

1. Origin, structure, change

1.1 the origin of

Tim Berners-Lee, author of the paper Information Management: Proposal, said:

Suppose all the information stored on computers everywhere were linked. Suppose I could program my computer to create a space in which everything could be linked to everything.

— Tim Berners-Lee, Inventor of the World Wide Web

  • Paper Web page

  • PDF version of the paper

The Internet? Computer network was born in the 1960s of last century. The signature communication protocol is TCP/IP. To go online means to access the Internet, a network of interconnected computers on the planet.

1.2 architecture

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

  • HTML
  • HTTP
  • URL

CSS and JavaScript came a few years later.

1.3 change

  • In the read-only era, the browser only plays a reading role and all operations are handled by the server.
  • Experience era: Apple redefined the mobile phone, touch screen, mobile Internet era more focus on application experience. The front end is evolving fast.
  • Age of Agile: Google V8… The front end is more engineering, and the front and back end frameworks are running side by side.

2. Front-end application areas

2.1 Groups for front-end development

According to the target group, it can be divided into three categories:

  • to Bussiness
  • to Customer
  • To Developer tools for developers, compile, package, debug……

2.2 Field of front-end application:

The browser

The server

Terminal and cross-end

They are usually developers oriented, such as front-end packaging tools: Webpack and translation tools: Babel.

Language, framework, tools

language

The framework

  • React.js posted by Facebook
  • TS Microsoft Development
  • Git distributed code version control system
  • The Babel translation tool converts new JS features into ES code
  • Webpack has multiple files and modules and is packaged according to browser resource deployment requirements

Browser, web, server

The browser

Recommend an article translated by teacher Songfeng Li for an in-depth understanding of modern browsers

network

MDN An overview of HTTP

The server

Nodejs document

Front-end learning path

What front-end developers need to know about roadmap. Sh /frontend

About Web Standards

Standards organizations

  • W3C: World Wide Web Consortium
  • Ecma: Ecma International
  • WHATWG: Web Hypertect Application
  • IETF: Internet Engineering Task Force

W3C member and Ecma member

W3C specification making process

Ecma TC39 specification formulation process

Read the original specification

Understand the ECMAScript specification (1)