Passer au contenu
30 h

Web

Angular JS – Introduction

Préalables

Posséder des connaissances de base du HTML et des feuilles de style CSS. Posséder des notions élémentaires de programmation.

Objectifs

À la fin du cours, le participant sera en mesure de comprendre l’architecture d’une application AngularJS. En outre, il sera capable de concevoir et déployer une application AngularJS.

Contenu du cours

 Introduction

  • Origine de Angular
  • Concept « One Page App »
  • Architecture d’une application (API Rest)
  • Structure d’une application (Composant, Service, Directive, Module, etc.)

 Première application

  • Préalables (Node, NPM, Angular-CLI, vscode)
  • Création de la première application
  • Notion de template
  • Analyse des fichiers générés

Fondamentaux d’AngularJS

  • Initiation aux modules
  • Modèle
  • Vue
  • Contrôleur
  • Notion de scope
  • Notion du Binding et de Template
  • Double Data Binding
  • Notion de Service
  • Notion de Directive
  • Filtres disponibles

Organisation d’une application

  • Routage simple
  • Création et utilisation d’un module
  • Déclaration et résolution des dépendances

Formulaire

  • Directive form
  • Déclaration des règles de validation
  • Validation des données

Notions avancées

  • Création de ses propres directives
  • Création de ses propres filtres
  • Création d’un service
  • Introduction aux tests unitaires

Appel d’une API

  • Concept de données asynchrone
  • Requête HTTP
  • API Promise

Applications mobiles multiplateformes

  • Présentation de Ionic
  • Présentation de Cordova
  • Installation de Ionic
  • Utilisation des outils en ligne de commande
  • Structure d’un projet Ionic
  • mise en page
  • Accession à un périphérique du téléphone
  • Génération d’une application Ionic
  • Test de l’application sur un téléphone mobile ou un émulateur

Introduction à Angular 2 (si le temps le permet)

  • Différence avec AngularJS
  • Installation d’Angular2
  • Création d’un premier composant
  • Évènements avec Angular2