What’s the angle for?

Question

The question is really simple, I am working with Angular at the moment to learn and I am creating a Landing-page using some angular features like ngFor and so on... but I would like to know what exactly is the Angular for? What I can do with it?

Answer 1

What is Angular?

It is a Javascript framework that was made with the intention of helping to develop the front end of the application, that is, the part that runs in the user’s browser. Initially the Model - View - Controller (MVC) standard was adopted, which made a lot of sense in 2009 when its first release was released, but a lot changed (for better) 7 years later...

Because he was born?

At the time he was born it was common in many teams to use jQuery, or other features that did not have a standardization in the organization of files or the way in which the front end was developed. The result was very large javascript files and that often did not have a suitable standard to find an easy function, often causing themselves in a mess where they had in some scenarios repeated functions that were written by different developers, but it was not known where they were being used.

Initial phase - Angularjs (Angular 1.x) - It made a lot of sense

For 7 years much was said about Angularjs and internally at Google, who were the creators of Angular, there were already hundreds of projects made in Angularjs, and they began to notice some behaviors and problems that needed a new solution, only increased the duty to do something new when the community that was also contributing, began to report some cases and scenarios known and unknown by Google, in this way Angularjs was placed in parallel with a new solution that would be made and made available as a version 2 that would make much more sense.

New phase that Angularjs stopped making sense - Became only Angular! (Angular X++)

The Angular team at Google split and rewrote the whole angle, leaving part of the community confused and with a certain learning curve, and another part of the community relieved to understand that this time would not face the problems that were happening in Angularjs.

With this at that time Angular lost a certain number in the community, for being a change that discontinued the Angularjs, but ended up winning many new developers, because it chose a "superset" superconjunto that was just developed by Microsoft, called Typescript, out of course many other points that are native to Angular that make much more sense than the way it was previously done in Angularjs.

As it was a rewrite of Angularjs, we observe the following:

Angular does not have a concept of "Scope" or controllers, instead it uses a component hierarchy as its primary architectural concept Angular has a different expression syntax, focusing on the "[ ]" brackets for the link property, and our parentheses "( )" for link events Modularity - a lot of basic functionality changed to modules

And there is more...

Angular recommends using Microsoft’s Typescript language, which features the following features:

• Class-based object-oriented programming
• Static Typing
• Generics

Returning to Angular X Angularjs we have...

• Dynamic loading
• Compilation of asynchronous template
• controllers and $Scope with components and directives have been replaced by a component that is a directive with a model
• Iterative callbacks provided by Rxjs.

Rxjs limits visibility and state debugging, but these can be resolved with reactive add-us, ie reactive complements as ngReact or ngrx.

In short

Dor the tip: There’s a lot of team in the world that chose to use all of this

And we have many applications requiring support in this technology

Vyou want opportunities in meeting demands?

PStop saving it for later! And...

PThe angle to study, because it is quite complete...

History

• It was a rewrite of Angularjs (2009-12/10/2016)
• Confusion with the initial name - Angular 2
• Angularjs - got versions 1.x
• Angular - stayed with the versions above 2
• First announcement of Angular 2 was in September 2014 at ng-Europe Conference 22-23

Generated quite a stir among the developers this Alpha

• On 04/30/2015 is passed from Alpha to Developer Preview
• Went on to beta in December 2015
• First RC in May 2016 (release candidate)
• First final release in September 2016

• Version 4.0.0

  On December 13, 2016, Angular 4 was announced, ignoring 3 to avoid confusion due to the misalignment of the @angular/router package version that was already in version v3.3.0. The final version was released on March 23, 2017. Angular 4 is compatible with Angular 2.

• Version 5.0.0

  Angular 5 was launched on November 1, 2017.

  Key improvements in Angular 5 include support for Progressive web apps (PWA), which is a build optimizer, as well as improvements related to Material Design.

• Future releases

The launch of Angular 6 will be scheduled for March or April 2018, Angular 7 announced in September or October 2018.

Each version is expected to be compatible with previous versions.

Google promised to make improvements twice a year.

Who Developed?

• Web Framework led by Google’s Angular team
• Open-source based Typescript that is maintained by Microsoft
• Get help from the community and corporations like Microsoft

Commune

Official website: https://angular.io

Documentation: https://angular.io/docs

Article: Angularjs, Angular 2, 4 and etc - Cleaning up the mess - Eduardo Pires - Brazil

Course: Angular Course - Loiane Groner - Brazil

Tutorial with Angular 5: An Angular 5 Tutorial: Step by Step Guide to Your First Angular 5 App - SERGEY MOISEEV - Estonia

Stack Overflow - Global:

Stack Overflow - In English:

Getting Started

4 steps in: https://angular.io/guide/quickstart

Mobile & Desktop Support

I particularly started in the mobile support of Angular, when it was still Angularjs, using Cordova which is an Adobe Open Source initiative and which is the basis of its product Phonegap.

Ionic

After having huge style files and generating a bottleneck in the development due to the CSS of the applications I started in 2012-2013, I met Ionic (when it was just Ionic) who ended this bottleneck.

In September 2017 I created a course called How to Make Apps that teaches using Angular 2.x and 4.x (Angular 5 had not yet been launched), and we are using Ionic 2.x there.

There is already Ionic 3 that works perfectly with Angular, and I’m using in one of my projects that is an application for an event called Geek Etec that will take place in May in the city of Presidente Prudente.

And it’s also on my radar to build applications using:

• Angular + Electron

• An Universal Windows App (uwp) powered by Angular (I’ve done tests)

• Nativescript With Angular

• Angular and React Native to build Applications for Android and iOS

Ecosystem

I recommend consulting the 18 steps of the Meteor tutorial that teaches how to make a Whatsapp Clone with Meteor and Ionic CLI, in it you will learn and will have access to various modules and resources within the ecosystem:

• How To Start
• Chat page
• Rxjs
• Realtime Meteor Server
• Folder Structure
• Message page of a chat
• Users & Authentication
• Creation and removal of chats
• Privacy and registration
• Filter and Pagination
• Test on Android
• Google Maps & Geolocation
• Upload Files & Images
• Mobile Nativo
• Addressbook Integration
• Firebase Cloud Messaging (FCM) Push Notifications
• Authentication on Facebook
• Summary

Redux Application Status Control

• This library is a thin layer of connection between Angular and Redux Forms. Provides unidirectional data link between your Redux state and your form elements. It is based on existing angular functionality such as Ngmodel and Ngcontrol.
• It supports template-driven forms and reactive forms.

DEV-PP Members Demo

The demo that lists and filters DEV-PP members is available in the following github repository.

Source: Angular - Chat about IV technology - DEV-PP