{"id":128,"date":"2021-03-12T10:36:29","date_gmt":"2021-03-12T10:36:29","guid":{"rendered":"https:\/\/kaay-coder.2sweb.sn\/kc\/?page_id=128"},"modified":"2022-04-03T01:16:39","modified_gmt":"2022-04-03T01:16:39","slug":"angular","status":"publish","type":"page","link":"https:\/\/kaay-coder.2sweb.sn\/kc\/angular\/","title":{"rendered":"Angular"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\tQu'est ce que Angular ?<\/a>\n\t\t\t\t\t<\/h4>\n\n\t\t\t\t\t

Angular<\/strong>\u00a0est un\u00a0Framework<\/strong>\u00a0open source \u00e9crit en\u00a0JavaScript<\/strong>\u00a0qui permet la cr\u00e9ation d\u2019applications Web et plus particuli\u00e8rement de ce qu\u2019on appelle des \u00a0\u00ab\u00a0Single Page Applications<\/em> \u00bb\u00a0: des applications web accessibles via une page web unique qui permet de fluidifier l\u2019exp\u00e9rience utilisateur et d\u2019\u00e9viter les chargements.<\/p>

D\u00e9velopp\u00e9 par Google<\/strong>, Angular est un\u00a0Framework<\/strong>\u00a0open source \u00e9crit en\u00a0JavaScript<\/strong>\u00a0qui permet la cr\u00e9ation d\u2019applications Web et plus particuli\u00e8rement de ce qu\u2019on appelle des \u00a0\u00ab\u00a0Single Page Applications<\/em>\u00a0\u00bb\u00a0: des applications web accessibles via une page web unique qui permet de fluidifier l\u2019exp\u00e9rience utilisateur et d\u2019\u00e9viter les chargements de pages \u00e0 chaque nouvelle action. Le Framework est bas\u00e9 sur une architecture du type\u00a0MVC<\/strong><\/a>\u00a0et permet donc de s\u00e9parer les donn\u00e9es, le visuel et les actions pour une meilleure gestion des responsabilit\u00e9s. Un type d\u2019architecture qui a largement fait ses preuves et qui permet une forte maintenabilit\u00e9 et une am\u00e9lioration du travail collaboratif.<\/p><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\tPourquoi utiliser Angular ?<\/a>\n\t\t\t\t\t<\/h4>\n\n\t\t\t\t\t

Loin de moi l\u2019id\u00e9e de faire du pros\u00e9lytisme, ce n\u2019est pas mon genre et je n\u2019ai pas assez de recul et de connaissances sur les autres produits du march\u00e9 pour m\u2019aventurer l\u00e0-dedans, mais\u00a0je dois dire<\/strong>\u00a0qu\u2019Angular est un Framework solide, complet et homog\u00e8ne<\/strong>\u00a0qui a l\u2019avantage de ne pas n\u00e9cessiter l\u2019ajout de composants ext\u00e9rieurs pour son fonctionnement. Il est possible de faire nativement du routing, de l\u2019AJAX ou encore du stockage en local contrairement \u00e0\u00a0vue.js<\/strong>\u00a0ou encore\u00a0React<\/strong>\u00a0qui reste au final une librairie destin\u00e9e \u00e0 d\u00e9velopper des composants.<\/p>

Aussi, le framework s\u2019appuie sur\u00a0Typescript<\/strong>, une surcouche au JavaScript d\u00e9velopp\u00e9 par\u00a0Microsoft<\/strong>, qui est un langage typ\u00e9 qui permet de cr\u00e9er des classes, des variables et des signatures de fonction. Et s\u2019il est parfaitement possible d\u2019utiliser du JavaScript natif avec Angular, l\u2019utilisation de Typescript permet de mieux g\u00e9rer les erreurs, d\u2019avoir un code plus clair et aussi d\u2019assurer une transition plus simple pour les d\u00e9veloppeurs PHP, Java ou encore\u00a0C#<\/strong>.<\/p>

Enfin, si Angular permet de d\u00e9velopper des applications Web, il est \u00e9galement possible de faire des applications bureau ou encore des\u00a0Progressive Web App<\/strong>\u00a0en utilisant le m\u00eame code\u00a0! Ce qui permet donc par exemple de d\u00e9velopper un site web et une application mobile en m\u00eame temps sans avoir \u00e0 g\u00e9rer deux projets en parall\u00e8le. Ce qui est loin d\u2019\u00eatre anodin.<\/div><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t
\n\t\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t<\/i><\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\tTypeScript & Angular\u00a0Pourquoi l\u2019utiliser ?<\/a>\n\t\t\t\t\t<\/h4>\n\n\t\t\t\t\t

Pour faire bref, le TypeScript est un sur-ensemble (un \u201csuperset\u201d) de JavaScript qui est justement transcompil\u00e9 (transcompilation : “traduction” d’un langage de programmation vers un autre – diff\u00e9rent de la compilation, qui transforme g\u00e9n\u00e9ralement le code vers un format ex\u00e9cutable) en JavaScript pour \u00eatre compr\u00e9hensible par les navigateurs. Il ajoute des fonctionnalit\u00e9s extr\u00eamement utiles, comme, entre autres :<\/p>