{"id":94,"date":"2019-04-20T11:47:00","date_gmt":"2019-04-20T09:47:00","guid":{"rendered":"https:\/\/www.cefii.fr\/blog\/2023\/01\/16\/a-la-decouverte-d-angular-js\/"},"modified":"2023-01-18T16:04:20","modified_gmt":"2023-01-18T15:04:20","slug":"a-la-decouverte-d-angular-js","status":"publish","type":"post","link":"https:\/\/www.cefii.fr\/blog\/a-la-decouverte-d-angular-js\/","title":{"rendered":"\u00c0 la d\u00e9couverte d’Angular JS"},"content":{"rendered":"\n

Dans le monde du d\u00e9veloppement web, de nombreuses solutions permettent la bonne conception d’un projet. Angular JS est un des moyens les plus connus pour d\u00e9velopper des applications<\/strong> web<\/strong> et mobiles<\/strong>. Commen\u00e7ons donc cet article en vous pr\u00e9sentant Angular JS et sa principale fonction.<\/p>\n\n\n\n

Qu’est-ce que Angular JS?<\/h3>\n\n\n\n

Angular Js est un framework<\/strong> Javascript (biblioth\u00e8que de fonctions pr\u00e9-\u00e9crites en JavaScript) libre et open source form\u00e9 par le g\u00e9ant Google en 2009. Ses deux fondateurs avaient au d\u00e9part un projet qui leur posait probl\u00e8me, contenu du manque de structure des codes qu’ils avaient \u00e9labor\u00e9s et qui ne pouvaient \u00eatre exploitables. En dehors de ce projet, Misko Hevesy un des fondateurs, avait commenc\u00e9 \u00e0 travailler sur un framework Javascript<\/strong>. Cela lui a permis d’avancer sur son projet commun et de rendre plus mall\u00e9able les lignes de codes. Ils sont donc pass\u00e9 de 17 000 lignes \u00e0 1 500 lignes. Cette solution plut\u00f4t convaincante a donn\u00e9 \u00e0 son cr\u00e9ateur une raison de finaliser ce fameux framework et de le pr\u00e9senter sous le nom d’ Angular JS.<\/p>\n\n\n\n

En quoi consiste Angular JS?<\/h3>\n\n\n\n

AngularJS est un framework, c’est-\u00e0-dire qu’il va structurer le code et y imposer une architecture<\/strong>. C\u2019est un framework de type MVC<\/strong> (Mod\u00e8le-vue-contr\u00f4leur). En effet, il utilise de nombreux langages de programmation pour apporter une certaine architecture \u00e0 l’application. Une application conforme au motif MVC comporte trois types de modules: les mod\u00e8les, les vues et les contr\u00f4leurs.<\/p>\n\n\n\n

    \n
  • Un mod\u00e8le<\/strong> qui contient les donn\u00e9es. Il repr\u00e9sente le milieu dans lequel adh\u00e8re l’application en question.<\/li>\n\n\n\n
  • Une vue<\/strong> qui contient la pr\u00e9sentation de l’interface graphique. La vue se sert du mod\u00e8le, et peut se pr\u00e9senter sous diff\u00e9rentes formes comme un diagramme ou encore un formulaire. Elle contient diff\u00e9rentes balises HTML.<\/li>\n\n\n\n
  • Un contr\u00f4leur<\/strong> qui va traiter les actions effectu\u00e9es par l’utilisateur, mais \u00e9galement modifier les donn\u00e9es du mod\u00e8le et de la vue.<\/li>\n<\/ul>\n\n\n\n

    Malgr\u00e9 l’ind\u00e9pendance de chacun des \u00e9l\u00e9ments, le mod\u00e8le peut cependant envoyer des messages \u00e0 la vue et au contr\u00f4leur.<\/p>\n\n\n\n

    Les concurrents<\/h3>\n\n\n\n

    Angular JS n’est pas seul dans son domaine. En effet, il existe d’autres alternatives comme Backbone.js et Ember.js qui peuvent \u00eatre utilis\u00e9s au m\u00eame titre qu’Angular JS. <\/p>\n\n\n\n

    Backbone.js poss\u00e8de moins de fonctionnalit\u00e9s, il est donc beaucoup moins complet et n\u00e9cessite davantage de code de liaison. Son point positif est qu’il donne plus de libert\u00e9 au niveau de la structure et le choix des composants.<\/p>\n\n\n\n

    Ember.js est tr\u00e8s similaire \u00e0 AngularJS dans ses fonctionnalit\u00e9s. Mais sa puissance pour les tests n’\u00e9quivaut pas au framework de Google.<\/p>\n\n\n\n

    Angular JS ressort gagnant \u00e0 tout point de vu. En effet, sa communaut\u00e9 active lui permet d’\u00eatre fr\u00e9quemment mis \u00e0 jour et fait donc de lui le framework le plus populaire et le plus utilis\u00e9 par les concepteurs web.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Dans le monde du d\u00e9veloppement web, de nombreuses solutions permettent la bonne conception d’un projet. Angular JS est un des moyens les plus connus pour d\u00e9velopper des applications<\/strong> web<\/strong> et mobiles<\/strong>. Commen\u00e7ons donc cet article en vous pr\u00e9sentant Angular JS et sa principale fonction.<\/p>\n","protected":false},"author":1,"featured_media":469,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[5],"tags":[],"class_list":["post-94","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpement-web"],"yoast_head":"\n\u00c0 la d\u00e9couverte d'Angular JS - Blog du CEFii<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.cefii.fr\/blog\/a-la-decouverte-d-angular-js\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00c0 la d\u00e9couverte d'Angular JS - Blog du CEFii\" \/>\n<meta property=\"og:description\" content=\"Dans le monde du d\u00e9veloppement web, de nombreuses solutions permettent la bonne conception d'un projet. Angular JS est un des moyens les plus connus pour d\u00e9velopper des applications web et mobiles. Commen\u00e7ons donc cet article en vous pr\u00e9sentant Angular JS et sa principale fonction.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cefii.fr\/blog\/a-la-decouverte-d-angular-js\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog du CEFii\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/CEFiiWeb\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-20T09:47:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-18T15:04:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/01\/angular.png\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"charly\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"charly\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/a-la-decouverte-d-angular-js\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/a-la-decouverte-d-angular-js\\\/\"},\"author\":{\"name\":\"charly\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#\\\/schema\\\/person\\\/96f21e4cb9b71e858dbfd4e83826b0ef\"},\"headline\":\"\u00c0 la d\u00e9couverte d’Angular JS\",\"datePublished\":\"2019-04-20T09:47:00+00:00\",\"dateModified\":\"2023-01-18T15:04:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/a-la-decouverte-d-angular-js\\\/\"},\"wordCount\":499,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/a-la-decouverte-d-angular-js\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/angular.png\",\"articleSection\":[\"D\u00e9veloppement Web\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/a-la-decouverte-d-angular-js\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/a-la-decouverte-d-angular-js\\\/\",\"url\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/a-la-decouverte-d-angular-js\\\/\",\"name\":\"\u00c0 la d\u00e9couverte d'Angular JS - Blog du CEFii\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/a-la-decouverte-d-angular-js\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/a-la-decouverte-d-angular-js\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/angular.png\",\"datePublished\":\"2019-04-20T09:47:00+00:00\",\"dateModified\":\"2023-01-18T15:04:20+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/a-la-decouverte-d-angular-js\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/a-la-decouverte-d-angular-js\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/a-la-decouverte-d-angular-js\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/angular.png\",\"contentUrl\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/angular.png\",\"width\":600,\"height\":600},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/a-la-decouverte-d-angular-js\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u00c0 la d\u00e9couverte d’Angular JS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/\",\"name\":\"Blog du CEFii\",\"description\":\"Suivez les actus de votre organisme de formation | CEFii\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#organization\",\"name\":\"Blog du CEFii\",\"url\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/site-logo-cefii-2024-fonce.png\",\"contentUrl\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/11\\\/site-logo-cefii-2024-fonce.png\",\"width\":200,\"height\":109,\"caption\":\"Blog du CEFii\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/CEFiiWeb\",\"https:\\\/\\\/www.linkedin.com\\\/school\\\/11289329\\\/\",\"https:\\\/\\\/www.instagram.com\\\/cefii_formations\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.cefii.fr\\\/blog\\\/#\\\/schema\\\/person\\\/96f21e4cb9b71e858dbfd4e83826b0ef\",\"name\":\"charly\",\"sameAs\":[\"https:\\\/\\\/www.cefii.fr\\\/blog\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00c0 la d\u00e9couverte d'Angular JS - Blog du CEFii","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.cefii.fr\/blog\/a-la-decouverte-d-angular-js\/","og_locale":"fr_FR","og_type":"article","og_title":"\u00c0 la d\u00e9couverte d'Angular JS - Blog du CEFii","og_description":"Dans le monde du d\u00e9veloppement web, de nombreuses solutions permettent la bonne conception d'un projet. Angular JS est un des moyens les plus connus pour d\u00e9velopper des applications web et mobiles. Commen\u00e7ons donc cet article en vous pr\u00e9sentant Angular JS et sa principale fonction.","og_url":"https:\/\/www.cefii.fr\/blog\/a-la-decouverte-d-angular-js\/","og_site_name":"Blog du CEFii","article_publisher":"https:\/\/www.facebook.com\/CEFiiWeb","article_published_time":"2019-04-20T09:47:00+00:00","article_modified_time":"2023-01-18T15:04:20+00:00","og_image":[{"width":600,"height":600,"url":"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/01\/angular.png","type":"image\/png"}],"author":"charly","twitter_misc":{"\u00c9crit par":"charly","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cefii.fr\/blog\/a-la-decouverte-d-angular-js\/#article","isPartOf":{"@id":"https:\/\/www.cefii.fr\/blog\/a-la-decouverte-d-angular-js\/"},"author":{"name":"charly","@id":"https:\/\/www.cefii.fr\/blog\/#\/schema\/person\/96f21e4cb9b71e858dbfd4e83826b0ef"},"headline":"\u00c0 la d\u00e9couverte d’Angular JS","datePublished":"2019-04-20T09:47:00+00:00","dateModified":"2023-01-18T15:04:20+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cefii.fr\/blog\/a-la-decouverte-d-angular-js\/"},"wordCount":499,"commentCount":0,"publisher":{"@id":"https:\/\/www.cefii.fr\/blog\/#organization"},"image":{"@id":"https:\/\/www.cefii.fr\/blog\/a-la-decouverte-d-angular-js\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/01\/angular.png","articleSection":["D\u00e9veloppement Web"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.cefii.fr\/blog\/a-la-decouverte-d-angular-js\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.cefii.fr\/blog\/a-la-decouverte-d-angular-js\/","url":"https:\/\/www.cefii.fr\/blog\/a-la-decouverte-d-angular-js\/","name":"\u00c0 la d\u00e9couverte d'Angular JS - Blog du CEFii","isPartOf":{"@id":"https:\/\/www.cefii.fr\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cefii.fr\/blog\/a-la-decouverte-d-angular-js\/#primaryimage"},"image":{"@id":"https:\/\/www.cefii.fr\/blog\/a-la-decouverte-d-angular-js\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/01\/angular.png","datePublished":"2019-04-20T09:47:00+00:00","dateModified":"2023-01-18T15:04:20+00:00","breadcrumb":{"@id":"https:\/\/www.cefii.fr\/blog\/a-la-decouverte-d-angular-js\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cefii.fr\/blog\/a-la-decouverte-d-angular-js\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.cefii.fr\/blog\/a-la-decouverte-d-angular-js\/#primaryimage","url":"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/01\/angular.png","contentUrl":"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/01\/angular.png","width":600,"height":600},{"@type":"BreadcrumbList","@id":"https:\/\/www.cefii.fr\/blog\/a-la-decouverte-d-angular-js\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.cefii.fr\/blog\/"},{"@type":"ListItem","position":2,"name":"\u00c0 la d\u00e9couverte d’Angular JS"}]},{"@type":"WebSite","@id":"https:\/\/www.cefii.fr\/blog\/#website","url":"https:\/\/www.cefii.fr\/blog\/","name":"Blog du CEFii","description":"Suivez les actus de votre organisme de formation | CEFii","publisher":{"@id":"https:\/\/www.cefii.fr\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cefii.fr\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.cefii.fr\/blog\/#organization","name":"Blog du CEFii","url":"https:\/\/www.cefii.fr\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.cefii.fr\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/11\/site-logo-cefii-2024-fonce.png","contentUrl":"https:\/\/www.cefii.fr\/blog\/wp-content\/uploads\/2023\/11\/site-logo-cefii-2024-fonce.png","width":200,"height":109,"caption":"Blog du CEFii"},"image":{"@id":"https:\/\/www.cefii.fr\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/CEFiiWeb","https:\/\/www.linkedin.com\/school\/11289329\/","https:\/\/www.instagram.com\/cefii_formations\/"]},{"@type":"Person","@id":"https:\/\/www.cefii.fr\/blog\/#\/schema\/person\/96f21e4cb9b71e858dbfd4e83826b0ef","name":"charly","sameAs":["https:\/\/www.cefii.fr\/blog"]}]}},"_links":{"self":[{"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/posts\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/comments?post=94"}],"version-history":[{"count":2,"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/posts\/94\/revisions"}],"predecessor-version":[{"id":470,"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/posts\/94\/revisions\/470"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/media\/469"}],"wp:attachment":[{"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/media?parent=94"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/categories?post=94"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cefii.fr\/blog\/wp-json\/wp\/v2\/tags?post=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}