Développement web avec Angular

Angular – Développement d’applications web

21 heures 0 mins

Développement web avec Angular

Objectifs de la formation

  • Comprendre les concepts clés d’Angular et ses dernières évolutions
  • Développer une application web Angular avec JavaScript et TypeScript
  • Tester et sécuriser son développement
  • Créer des composants réutilisables et modulaires
  • Connaître les bonnes pratiques de développement

Programme de la formation

JavaScript, apprendre les bases du langage – OPTION digital learning préformation

  • Introduction.
  • Basique du langage.
  • Exécution de scripts.
  • Objets JavaScript et callback.
  • Manipulation du DOM.

Activités digitales

Cette formation en ligne présente les bases essentielles de JavaScript, telles que les fonctions, les conditions et les boucles, afin de développer de premières applications en toute autonomie. Les participants mettront leurs connaissances en pratique à travers la création d’une application de gestion de tâches (ToDoList) et seront prêts à aborder des frameworks comme AngularJS ou Node.js.

Évolution des standards

  • ECMAScript 2019-2023.
  • Les modules natifs.
  • Les web components.

Travaux pratiques

Mettre en œuvre l’environnement de développement.

Les fondamentaux d’Angular

  • Structure de l’application.
  • Les composants.
  • Les modules Angular, « core » et principaux modules.
  • Les templates et les styles.
  • Utiliser Angular CLI.
  • Les différents types de binding.
  • Encapsulation des vues et des styles.
  • Les filtres, filtres personnalisés.
  • Les directives, directives personnalisées.
  • Variables de template.
  • Les décorateurs et leurs propriétés en détail.
  • Les événements.
  • Les formulaires : Reactive Forms, FormControl et FormGroup.
  • La validation des formulaires.

Travaux pratiques

Réaliser une application interactive avec Angular.

Les composants

  • Les templates, leur syntaxe.
  • Différentes formes de data binding.
  • La détection des changements.
  • Cycle de vie des composants.
  • Communication entre composants.

Travaux pratiques

Tester dans l’application interactive, chacun des points Composants.

Injection de dépendances

  • Principes du mécanisme d’injection.
  • Annotations et décorateurs.
  • Configuration de l’injecteur.

Travaux pratiques

Mettre en œuvre et configurer le projet interactif.

« Routing » et requêtes HTTP

  • Déclarer ses routes.
  • Gestion des paramètres.
  • Résolution des données.
  • Routes nommées, protégées.
  • Les Promises.
  • Les Observables.
  • Le client Angular http.
  • Authentification des requêtes.

Travaux pratiques

Reprendre l’application, intégrer les points détaillés dans le chapitre. Consommation d’une API REST.

Tests unitaires

  • Le moteur de tests Karma.
  • Le framework Jasmine.
  • Tests de composants.
  • Tests de services.
  • Tests de routage.

Travaux pratiques

Reprendre l’application interactive, intégrer les points détaillés dans le chapitre.

Test de bout en bout

  • Le moteur de tests Protractor.
  • Framework de tests.
  • Événements utilisateurs.

Travaux pratiques

Mettre en place Protractor sur l’application interactive.

Angular, développer des applications dynamiques et interactives — OPTION digital learning post-formation

  • Initialisation d’un projet d’application web avec Angular.
  • Prise en main d’Angular.
  • Gestion des données via des services.

MOYENS PÉDAGOGIQUES ET TECHNIQUES D’ENCADREMENT DES FORMATIONS

Modalités pédagogiques :

  • Évaluation des besoins et du profil des participants.
  • Apport théorique et méthodologique : séquences pédagogiques regroupées en différents modules.
  • Contenus des programmes adaptés en fonction des besoins identifiés pendant la formation.
  • Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de travaux pratiques, étude de cas et mise en situation.
  • Méthodes expositive, active et participative.
  • Réflexion et échanges sur cas pratiques.
  • Retours d'expériences.
  • Corrections appropriées et contrôles des connaissances à chaque étape, fonction du rythme de l’apprenant mais également des exigences requises au titre de la formation souscrite.

Éléments matériels :

  • Mise à disposition des outils nécessaires au bon déroulement des travaux pratiques.
  • Support de cours au format numérique projeté sur écran et transmis au participant en fin de la formation.

Référent pédagogique et formateur :

  • Chaque formation est sous la responsabilité du directeur pédagogique de l’organisme de formation.
  • Le bon déroulement est assuré par le formateur désigné par l’organisme de formation.
MOYENS PERMETTANT LE SUIVI ET L’APPRÉCIATION DES RÉSULTATS
  • Feuilles de présences signées des participants et du formateur par demi-journée.
  • Attestation de fin de formation mentionnant les objectifs, la nature et la durée de l’action et les résultats de l’évaluation des acquis de la formation.
Please login to get access to the quiz
Angular, développement avancé (Prev Lesson)
(Next Lesson) Angular, maîtriser le Framework Front-End de Google
Back to Développement web avec Angular
Public

Développeurs.

Pré-requis

Avoir des connaissances pratiques sur les technologies du web, les outils actuels de développement front end et JavaScript.

Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en effectuant le test disponible en bas de cette page.

Lieu de formation

Intra-entreprise/à distance

Dates ou période

À définir. Nous consulter

Tarif

Sur devis. Merci de nous contacter

Modalités

Pour s’inscrire à notre formation, veuillez nous contacter par mail ou téléphone.

Démarrage de la formation sous deux semaines (délai indicatif).

Nous contacer
training@profind.fr
Informations complémentaires

Pour toute réclamation, aléas ou difficultés rencontrés pendant la formation, veuillez prendre contact avec notre organisme par téléphone ou par e-mail. Nous mettrons tout en œuvre pour trouver une solution adapter.

Formation synchrone, réalisée à distance en visioconférence via l’application Microsoft Teams ou en présentiel dans les locaux du client.

Sur le même thème