Angular Development - Introduction to Angular (01)

I. Overview

  • What is Angular
  • AngularJS and Angular relationship
  • Angular features
  • Angular History
  • Angular learning advice

Two What is Angular

  • Angular (pronounced [ˈæŋɡjələr]) is a javaScript framework for building user interfaces. Developed and maintained by Google, it is mainly used to develop single-page applications
  • Similar to Vue.js (MVVM data-driven view ideas, componentization, modularization, instructions, etc.)
  • Developed and maintained by Google
  • Develop Single Page Applications (SPA)

Three AngularJS and Angular relationship

AngularJS Angular
website https://angularjs.org/ https://angular.io/
interface

Four Angular features

Similar to Vue.js, it has the following features:

  • MVVM
  • Componentization
  • Modular
  • instruction
  • Serve
  • dependency injection
  • TypeScript

Five Angular development history

5.1 Origin

  • In 2009, Misko hevery and Adam abrons built GetAngular in their spare time
  • Misko hevery took over Feedback, a project within Google, which has reached 17,000 lines of code after 6 months of iteration. The development and maintenance of the project becomes very difficult. So Misko decided to rewrite the project with GetAngular
  • The result is that the guy succeeded. After using GetAngular , the project was reduced from 17,000 lines to 1,500 lines, and it took only three weeks before and after.
  • The leader of Misko saw that the young man is amazing, and also saw the commercial value brought by GetAngular , so he decided to formally establish GetAngular as a project and organize a full-time team to develop and maintain it.
  • Abrons later left the project, but Hevery and some Google employees such as Igor Minar and Vojta Jina, who worked at Google, continued to develop and maintain this library
  • Since it is no longer a personal project, the development team renamed GetAngular to AngularJS

5.2 AngularJS development iteration

So far, AngularJS has entered a long development iteration stage

  • After 3 years of development, AugularJS was officially launched in June 2012, version 1.0.0
  • AngularJS versions after 1.2 no longer support IE6 and 7
  • AngularJS no longer supports IE8 after 1.3
  • AngularJS added a component-like development method in 1.5 (to pave the way for the transition to Angular2)
  • AngularJS 1.xx is currently released to 1.8.3 and will stop maintenance in 2022

5.3 Dilemma

  • The much-maligned performance issue (dirty checking)
  • Behind the current Web development concept (such as componentization, modular support is not good)
  • Not friendly enough for mobile support

5.4 Angular2 Turned Out

  • Angular 1.x is almost impossible to refactor because of too many problems and too much historical burden
  • However, as early as March 2014, the official blog mentioned the plan to develop a new version of Angular
  • At a conference in late September 2014, Angular2 officially debuted
  • On September 15, 2016, Angular2 was officially released
  • Since ng2 almost completely rewrites ng1, the official version after 2 is called Angular
  • Logo after Angular2:A

5.5 Angular1 upgrade to Angular2? (ng2 compared to ng1)

  • Removed the control+$scope design method, and switched to the current mainstream component-based construction
  • Better performance than ng1
  • Design for mobile first
  • More in line with future standards (EcmaScript 6, Web Component)
  • TypeScript
  • Anyway, it is more modern and better

5.6 Status

  • Since Angular2, the official promises that subsequent versions will be compatible with Angular2
  • The latest Angular release version is v16.xx
  • The new version of Angular is also harvested on GitHub88k+
  • Less usage than React and Vue

Six Angular learning suggestions

  • Read the official documentation
  • Write demo test
  • Write small projects to practice
  • Participate in actual project development experience
  • Over time...

seven references

Guess you like

Origin blog.csdn.net/Calvin_zhou/article/details/130654908