Menu Recherche Panier
(...)
Vous êtes ici : Accueil > Catalogue des formations > Formation Conception d'interfaces graphiques full JavaScript avec Angular, TypeScript et Bootstrap
Technique

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

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 traditionnel(pour les PC) la prise en prise en charge "simple" des nouveaux équipements (tablettes, écrans tactiles, smartphone. 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 hhtp2 et Socket .IO par exemple, ce qui permettra aux développeurs participant à cette formation d’aborder sereinement le développement de progressive Web App.
Objectifs de cette formation Conception d'interfaces graphiques full JavaScript avec Angular, TypeScript et Bootstrap
  • Evaluer 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"
Public
  • Développeurs .Net ou Java souhaitant exploiter les possibilités offertes par HTML5 et CSS3
  • Chargés de développement d’applications informatiques
Pré-requis
  • Avoir suivi la formation "Développement C# avancé et accès aux données sous Visual Studio 2015/2017" (MS861) ou la formation du module "Développement Java avancé et accès aux données" (OB303) ou disposer de compétences équivalentes
  • Avoir suivi la formation "Les fondamentaux du développement d'interfaces graphiques avec HTML5, CSS3 et JavaScript" (CE999) ou disposer de compétences équivalentes
  • Avoir déjà développé et livré une application Web
  • Disposez-vous des compétences nécessaires pour suivre cette formation ? Testez-vous !
Programme détaillé
Avant le présentielAvant le Présentiel
Pour aborder la formation dans les meilleures conditions, retrouvez sur le Learning Hub ib :
  • un quiz de consolidation des prérequis
En présentielEn Présentiel

É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
En présentielEn Présentiel

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)
En présentielEn Présentiel

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
En présentielEn Présentiel

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
En présentielEn Présentiel

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
En présentielEn Présentiel

Angular : fonctions avancées

  • Services workers
  • Création de pipes
  • AOT
En présentielEn Présentiel

Indexed DB

  • Paradigme de stockage objets
  • Principes de fonctionnements
  • Créer et structurer l’objet de stockage
  • CRUD
  • Updating de la structure
  • Sécurité
En présentielEn Présentiel

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 le présentielAprès le Présentiel
Retrouvez sur le Learning Hub ib :
  • Des vidéocasts pour revenir sur les points clés de la formation
Les plus de cette formation Conception d'interfaces graphiques full JavaScript avec Angular, TypeScript et Bootstrap
  • Une introduction progressive aux dernières technologies de programmation web JavaScript.
  • Une présentation détaillée des concepts Angular.js.
  • Les meilleures pratiques pour mettre en oeuvre de puissantes interfaces Web capable de fonctionner en mode connecté et déconnecte.
  • Les retours d’expérience de formateurs en avance de phase sur les toutes dernières tendances du développement d’interface graphique full JavaScript.
  • Des ateliers qui permettent d’acquérir une première expérience complétés d’un cas pratique sur la base d’une application de Chat en ligne, régulièrement enrichie de nouvelles fonctionnalités au fur et à mesure de la progression des apprenants.
  • Cette formation est éligible à l'action collective Fafiec "Développer avec les langages .Net, Java et C++" (Réf : 28115).
Moyens pédagogiques
  • Répartition théorie/pratique : 30%/70%.
  • Cette formation se compose d’une alternance d’apports théoriques, de travaux pratiques s’articulant autour d’une application fil rouge, de démonstrations, de phases d’échanges entre participants et de synthèses de la part du formateur.
  • Ressources pédagogiques : un guide d’animation, un ordinateur connecté à Internet par participant, un support de cours en français et un cahier d’ateliers.
  • Une attestation de fin de formation sera remise au stagiaire à l'issue de la formation.
Modalités
Cette formation proposée en interentreprises est également accessible à distance.
Si aucune date à distance n'est signalée par le pictogramme formation accessible à distance, contactez notre Service Conseil Clients au 0 825 07 6000.

Informations

Dimension Digitale

  • Durée : 5 Jours (35h)
  • Tarif : 2 680 € HT
  • Réf. : LI262
  • Option(s)
    • Repas Paris : 115 € HT
    • Repas province : 110 € HT


Dates des sessions
Session garantie Formation à distance Session accessible à distance Visio
Bon à savoir...
































= une réponse possible
= plusieurs réponses possibles

Qu’est-ce qu’une application web ?
Qu’est-ce qu’un langage de script ?
Qu’est-ce que HTML ?
Qu’est-ce que HTTP ?
Qu’est-ce que JavaScript ?
Qu’est-ce qu’une fonction ?
En quoi consiste le débogage ?
Quel langage est classiquement employé pour interroger des données à partir d’un programme ?
Que veut dire LAMP ?
Qu’est-ce que le MVC ?
Vous n'avez pas répondu à toutes les questions !
Vous avez % de bonnes réponses, vous pouvez donc suivre cette formation.
Vous avez % de bonnes réponses.
Nous vous invitons à contacter nos Conseillers Formation au 0825 07 6000 afin qu'ils vous orientent vers une formation plus adaptée à vos connaissances.