Formation Angular – Basique

Créer votre professionnelle site web avec Angular

Présentation de la formation

Angular est un framework JavaScript open source le plus performant et le plus puissant permettant le développement des applications web de type « Single Page Application » développer par l’équipe du projet Angular à Google.

Il permet de gérer l’interface utilisateur des pages de façon dynamique grâce à l’architecture MVM qui exploite le langage Typescript : de l’encapsulation des appels HTTP à l’injection de dépendances en passant par le routage, l’internationalisation, les tests…

Cette formation permet vous d’apprenez les bases de l’angular (syntaxe, structure et fonctionnalité) et la capacité de créer des projets.

Si vous êtes intéressé par les nouvelles technologies en JavaScript, cette formation est pour vous.

Programme de la formation

Objectifs pédagogiques

Après avoir terminé cette formation, vous serez capable de :

  • Découvrir les fonctionnalités du framework
  • Savoir développer une application Web
  • Savoir concevoir une application avec JavaScript et TypeScript
  • Connaître les mécanismes du framework

Pré-requis

Pour suivre la formation Python basique il suffit :

  • Avoir des connaissances en HTML5
  • Avoir des connaissances en CSS3
  • Avoir des connaissances en JavaScript

Contenu de la formation

INTRODUCTION

  • Introduction à Angular
  • Qu’est ce qu’une single page application ?
  • Créer un projet Angular
  • Editer notre projet
  • Comprendre la structure
  • TypeScript

LES COMPOSANTS, LES TEMPLATES ET LE DATA BINDING

  • Comprendre les components & le App Component
  • Création de component(blocks & selctors)
  • Le templating & les vues dans Angular
  • Le binding dans Angular
  • Property Binding
  • Event Binding
  • Style & Class Binding
  • Utilisation de CSS & Bootstrap CSS

LES DIRECTIVES

  1. Qu’est-ce qu’une directive
  2. Les types de directives
  3. La structuration des directives
  4. Les Attributs d’une Directive

LES SERVICES ET L’INJECTION DE DÉPENDANCES

  • Présentation des services Angular
  • Injections et providers
  • @Injectable Promises

LES OBSERVABLES

  • Introduction à RxJS
  • Le concept d’Observable
  • Principales opérations sur les observables

LE ROUTING

  • RouterModule: Configuration des routes et URLs
  • Définitions des routes, liens et redirection, paramètres
  • Hiérarchies de routes
  • Vues imbriquées
  • Cycle de vie (Routing lifecycle)

LES FORMULAIRES

  • Créer un formulaire
  • Template-driven forms
  • ngModel
  • Reactive forms

FAIRE DES REQUÊTES HTTPLES PIPES

  • Traiter les données avec HTTP Module
  • Comprendre les requêtes HTTP (GET, POST, PUT, UPDATE, DELETE)

Méthodes & moyens

Explications théoriques suivies de pratiques guidées puis mises en autonomie

  • 1 vidéoprojecteur par salle
  • 1 ordinateur par stagiaire

Profil du formateur

Nos formateurs sont certifiés à l’issue d’un parcours organisé par nos soins. Ils bénéficient d’un suivi de compétences aussi bien au niveau technique que pédagogique.

Support de cours

  • Support papier ou électronique (dématérialisé)
  • Les exercices d’accompagnement peuvent être récupérés sur clef USB

Formation Angular Basique

Infos Pratiques

Durée : 3 jours (21 heures)
Prix : A définir
Lieu: A définir

Plus d'infos ?



Événements À Venir

Pas de Évènements