Best
 
Fantom Tag

Formation - Conception d'interfaces graphiques full JavaScript avec Angular, TypeScript et Bootstrap

Développement de Front-End de dernière génération pour Back-End .Net ou Java

  • Présentiel ou classe à distance
  • Fondamental
  • Blended
PRESENTIEL OU CLASSE A DISTANCE
Durée
5 jours (35 heures)
activités à distance

Prix
3 015,00 €  HT

Référence
LI262
Dans vos locaux ou à distance
Référence
LI262

Durée
5 jours (35 heures)

Forfait intra - En savoir plus
7 440,00€ HT
Prix pour un groupe de 12 personnes max
Formation à la demande
Cette thématique vous intéresse ?
Nos experts conçoivent votre formation
sur-mesure !
La programmation web a fortement évolué depuis ces dernières années, notamment avec HTML5, CSS3 et JavaScript. Renforcé par l'apparition de frameworks JavaScript toujours plus évolués et performants, le monde du développement bouge très rapidement et les standards d'hier sont littéralement balayés par de nouvelles méthodes de développement qui permettent de plus en plus simplement d'intégrer aux développements traditionnels (pour les PC) la prise en prise en charge "simple" des nouveaux équipements (tablettes, écrans tactiles, smartphones). Spécifiquement conçue pour les développeurs front-end de demain, cette formation intègre de nombreuses briques JavaScript éprouvées (Angular, TypeScript, Bootstrap) mais aussi les toutes dernières évolutions prometteuses comme http2 et Socket .IO par exemple, ce qui permettra aux développeurs participant à cette formation d'aborder sereinement le développement de progressive Web App.
Lire la suite
Pour qui ?

A qui s'adresse cette formation ?

Pour qui

  • Développeurs .Net ou Java souhaitant exploiter les possibilités offertes par HTML5 et CSS3
  • Chargés de développement d'applications informatiques
Programme

Le programme

Avant la session
  • Un quiz de consolidation des pré-requis
En présentiel / A distance

1 - Évolutions récentes du développement Web

  • Du site web à l'application web
  • Les nouveaux frameworks web et leurs utilités
  • La structure d'une application web
  • Les outils : webpack, npm, angular-cli

2 - Rappels

  • Présentation de JavaScript ES6
  • Présentation des fonctions fléchées (Arrow functions) et de leur intérêt
  • Introduction aux fonctions synchrones et asynchrones (Promises et observables)

3 - TypeScript : Principes et fonctionnement

  • Installation TypeScript
  • Transpiler EcmaScript
  • Let, variables locales et constantes
  • Typage et types natifs
  • Paramètres optionnels, valeurs par défaut
  • Classes et interfaces
  • Gestion des modules
  • Décorateurs

4 - Angular : Principes et gestion des composants

  • Définition de composants
  • Comprendre les Web Components (standard, concepts, shadow DOM, scoped CSS...)
  • Cycle de vie dans l'application
  • Angular Compiler : Change Detection
  • Syntaxe des templates : interpolation/expression, "Binding" et filtres
  • Directives de transformation : ngIf, ngFor, ngSwitch...
  • Définition syntaxique, le symbole (*)
  • Variables locales et variables de Template
  • Classe de composants
  • Directives de configuration : selector, provider
  • Evènements utilisateur et évènements logiques personnalisés : EventEmitter

5 - Angular : Gestion de l'environnement

  • FormControl et FormGroup
  • TDF versus DDF : Template Driven Form et Data Driven Form
  • Validation et gestion d'erreur personnalisée
  • Liaison de données via HTTP
  • Gestion et configuration des échanges HTTP au niveau applicatif
  • Création de routes
  • Intercepter les paramètres de routage et wildcard
  • Ciblage, "router-outlet" événements de routage
  • Gestion de routes dans l'arbre des composants
  • Configuration des "Guard" pour le l'initialisation des routes

6 - Angular : fonctions avancées

  • Services workers
  • Création de pipes
  • AOT

7 - Indexed DB

  • Paradigme de stockage objets
  • Principes de fonctionnements
  • Créer et structurer l'objet de stockage
  • CRUD
  • Updating de la structure
  • Sécurité

8 - Socket IO

  • Présentation de Socket .IO
  • Intérêts d'utilisation
  • Communication full duplex
  • http2, Socket .IO
  • Gestion des sockets
  • Les rooms et le broadcast
Après la session
  • Des vidéocasts pour revenir sur les points clés de la formation

Evaluation

  • Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
Objectifs

Les objectifs de la formation

  • Évaluer les enjeux du développement d'une application web et son intérêt
  • Disposer des connaissances et compétences nécessaires pour rendre une application "offline"
  • Maîtriser l'utilisation du Framework proposé par Google : Angular 2+ (versions 2 et ultérieures)
  • Comprendre comment tirer parti de Bootstrap pour développer rapidement des pages Web "responsive"
  • Être capable de prendre en charge l'intégralité du développement de la partie "front"
Points forts

Les points forts de la formation

  • Les meilleures pratiques pour mettre en oeuvre de puissantes interfaces Web capable de fonctionner en mode connecté et déconnecté.
  • Les retours d'expérience de formateurs en avance de phase sur les toutes dernières tendances du développement d'interfaces graphiques full JavaScript.
  • Des ateliers et un cas pratique (application de chat en ligne enrichie de nouvelles fonctionnalités au fur et à mesure de la progression des apprenants) qui permettent d'acquérir une première expérience concrète du développement de front-end de dernière génération.
  • Les contenus digitaux mis à disposition des participants avant et après la formation renforcent l'efficacité pédagogique du programme et garantissent un bénéfice durable de l'action de formation.

Qualité des formations

ib Cegos est certifié Iso 9001 et Qualiopi.

Sessions

Mise à jour le 18/07/2024
  • 3 015,00 € HT
    Places disponibles
    S'inscrire
  • 3 015,00 € HT
    Places disponibles
    S'inscrire
    Paris
    Tour Atlantique / 1 place de la Pyramide La Défense 9
    92800 Puteaux
  • 3 015,00 € HT
    Places disponibles
    S'inscrire
  • 3 015,00 € HT
    Places disponibles
    S'inscrire
    Paris
    Tour Atlantique / 1 place de la Pyramide La Défense 9
    92800 Puteaux
Formation - Conception d'interfaces graphiques full JavaScript avec Angular, TypeScript et Bootstrap