Welcome

Angular-Tuto.com/h6>

Angular-Tuto.com

Angular tutoriel

Différence entre Angular7 & AngularJS

Présentation générale

Bonjour,
Nous allons découvrir, ensemble, Angular 7 et les version qui le précèdent. Cette série des articles et vidéos comportera 3 Big parties.

Une première partie sera dédiée pour les cours. Dans laquelle nous allons décortiquer les différentes parties d'Angular 2, 4, 7 ...

Une deuxième partie: pour les exercices et les tutoriels (Des Travaux Pratiques). Exemple: les formulaires, l’authentification, les animations, accordions, popup, pagination, calendrier .etc.

Une troisième et dernière dernière partie, sera totalement consacrée pour réaliser tout un projet de A-Z en utilisant Angular 7.

Ces articles sont à la porté de tout le monde. C.a.d, quelque soit, si vous connaissez AngularJS, Angular ou non, vous n’allez pas trouver des difficultés.

Je vous souhaite une bonne lecture (N’oubliez pas d’abonner dans ma chaîne youtube afin de recevoir les nouveaux articles régulièrement) et surtout laissez vos commentaires et questions.

gadget bureau

Le Futur d'Angular

Tout d'abord il faut savoir que dans ce blog on parlera d' Angular. Faites attentions, le nom est Angular et non pas AngularJS 2, 4,5..7.

Par contre la version précédente est appelée AngularJS. Il y a une grande différence entre AngularJS et Angular 2. Donc pas besoin des pré-connaissances sur AngularJs pour pouvoir suivre nos articles.

- Angular 2 est créé avec les “Best Parctices” dans le monde de la programmation tel que: Dendency Injection, MVW, DataBinding, Orienté composants, Routage, testabilité ...

- Angular 2 Résout plein plein des problèmes en utilisant des patrons de conception modernes

- Angular est multi-plateforme (Web, Mobile, Desktop, Autres...)

- Angular est supporté par le tout puissant Google. Donc, certainement, il ne vas pas disparaître prochainement

- Angular possède, maintenant une grande communauté. cette communauté a la plus grande pente de croissance entre 2014 et 2019.

Si on regarde le trend sur google du mot 'Angular': On trouve qu' il est en plein essor:
Angular futur

Tout le monde parle d'Angular:
Angular futur

Conclusion: Si vous cherchez à apprendre une nouvelle technologie en plein essor. Angular sera le meilleur choix.

Historique d'Angular

Angular est tout un Framework JavaScript Open Source. Angular est apparu, la première fois en 2009. Il est créé par Misko Hevery et Adam Abrons.

Maintenant il est totalement avalé et supporté par Google. Donc on parle d’un produit Google.

Il y a toute une rupture entre AngularJS et Angular2.0 et les versions qui suivent. En fait, google a annoncé que l’idée est de créer tout un framework basé sur Javascript et non pas une simple bibliothèque ( Comme JQuery) qui permet d'exploiter la puissance de JavaScript et qui assure une expérience utilisateur très riche et fluide à la fois.

gadget bureau

Différence entre Angular 7,6,4,2 et AngularJS

Angular et AngularJs sont deux frameworks différents qui ont +- le même nom. Et ça peut créer un conflit

La première Version (AngularJS ) est assez proche du patron de conception MVC, mais coté JavaScript. Donc nous sommes appelés à créer des contrôleurs et des vues JavaScript.

Par contre dans Angular2, il fallait créer des composants.

Ces composants sont totalements indépendants et peuvent être utilisés plusieurs fois dans l’application et même dans d’autres applications.

Regardant ce schéma explicatif pour ceux qui ont une idée sur AngularJS. AngularJSvsAngular7.png

  • En outre, Angular2 est orienté mobile aussi. Donc vous pouvez créer des applications avec angular 2 et l’utiliser sur votre Iphone ou Samsung Mobile. On va voir un tutoriel comment faire ça.
  • Généralement Angular 2 utiliser TypeScript et AngularJs utilise JavaScript.TypeScript est un langage orienté objet à base de JavaScript créé par Microsoft Vous allez l’aimer énormément. Passons maintenant au travail => Article suivant (TypeScript)
  • Angular 2 est plus performant que AngularJS
  • Angular 2 est plus testable que AngularJS
  • Angular 2 a tué beaucoup des notions des AngularJS comme: Contrôleurs, $Scope, ng-repeat, les directives (qui sont remplacées par les composants).tec
  • Le changement le plus important pour moi c’est l’utilisation des composants qui servent pour créer des applications modernes. Les composants peuvent êtres aussi utilisables plusieurs fois dans la même application. Aussi on peut utiliser le même composant dans plusieurs applications séparées.
  • Dans Angular2 et les versions suivantes, tout est basé sur la notion de components. Donc tout est basé sur l’encapsulation et la communication inter-components.
  • Dans Angular2 et surtout à partir de la version 4 d’angular on utilise des nouvelles notions d’ECMAScript ES6 tels que les classes, les modules, Lambda Expression, les ternaires, les décorateurs ...

Conclusion

Malgré qu’ils portent, pratiquement, le même nom, AngularJS et Angular ne se rassemblent pas trop. Et ceux qui veulent apprendre Angular 4,7 n'ont pas besoin d’apprendre AngularJS.

Dans le prochain article on parlera d'ECMAScript ES7 qui est un ensemble des normes utilisées dans TypeScript .

Merci de laisser vos commentaires et questions.


Commentaires (13)

Antoine | 7/3/2019

Bonjour, Merci pour cette introduction surtout pour la partie comparaison entre les différentes versions d'Angular. J'ai commencé à apprendre AngularJs et maintenant je sais qu'AngularJS sera abondonné dans les futures années donc je vais suivre votre cours. Bonne continuation.

Admin | 8/3/2019

Heureux que ça vous plait. Je vais faire de mon mieux.

IronMan | 15/5/2019

Très chouette article de présentation. Développeur sur wordpress, j'ai découvert Angular il n'y pas si longtemps que ça en tombat sur un blog un peu au hasard : http://monpetitdev.fr/ J'ai tout installé sur ma machine et j'ai commencé à faire quelques peyites appli pour m'amuser. Par contre, j'ai été très refroidi en allant sur quelques forums. J'avais en tête de développé un gros site, j'ai un projet en tête, mais il semblerait qu'Angular ne soit pas très copain avec google et que les applis soient très mal référencé.

Admin | 30/5/2019

Bonjour, Pour moi, les statistiques sont le critère N°1 pour prendre une decision et je trouve que Angular est placé en première position dans le marché depuis quelques années. En plus il est supporté par le tout puissant google. Donc je ne suis pas très d'accord avec vous. MErci

Moucharafou | 11/6/2019

zzeffv

Edejude | 2/8/2019

J'ai une bonne notion d'Angular maintenant. Merci beaucoup!

حواس سيرين | 6/8/2019

une très bonne formation.SVP vous avez mentionnez que vous avez disposé des vidéos afin de construire une application de A -->z mais j'ai pas trouvé

Admin | 4/9/2019

Bonjour En cours :)

Jocelin | 7/2/2020

Bonjour et merci pour l'éclairage au niveaux des deux concepts qui sont Angular JS et Angular. Je suis un développeur débutant et j'aimerais devolpper des applications avec Angular. Donc j'attends impatiement vos cours. Merci et bon courage

Mohamed Sakkari | 3/4/2020

Une introduction simple et pertinente

Lilou | 18/6/2020

Merci, super articles complets qui donnent une bonne vision et avec les exemples, on comprend mieux ;)

hamza hasnaoui | 24/6/2020

svp exemple pour le champs type file csv

Pierre Armand | 19/7/2020

Merci beaucoup pour les explications!

Votre commentaire

  • Le Nom est obligatoire (entre 3 et 25 Lettres)
  • L'Email est obligatoire (Format valide)
  • Le Commentaire est obligatoire (entre 3 et 1000 Lettres)