A l’issue de la formation le participant sera capable de :
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
Comprendre comment tirer parti de Bootstrap pour développer rapidement des pages Web « responsive »
Prendre en charge l’intégralité du développement de la partie « front »
- Développement
- Développement web
Formation Conception d’interfaces graphiques full JavaScript avec Angular, TypeScript et Bootstrap
Objectifs
Prérequis
Avoir suivi la formation « Développement C# avancé et accès aux données sous Visual Studio » ou la formation du module « Développement Java avancé et accès aux données » ou disposer de compétences équivalentes
Avoir suivi la formation « Les fondamentaux du développement d’interfaces graphiques avec HTML5, CSS3 et JavaScript » ou disposer de compétences équivalentes
Avoir déjà développé et livré une application Web
Un entretien en amont avec notre expert permet de prendre en compte le profil de chaque participant (niveau, objectifs et résultats attendus, contexte professionnel, enjeux…) et d’adapter le contenu de la formation si besoin.
Cette formation ne peut être financée que dans le cadre d’un projet d’entreprise (prise en charge entreprise ou OPCO). Les dossiers à financement personnel et CPF ne sont pas pris en compte.
Public
Développeurs .Net ou Java souhaitant exploiter les possibilités offertes par HTML5 et CSS3
Chargés de développement d’applications informatiques
Dernière mise à jour
Bon à savoir
Evaluez votre niveau
Sessions garanties
La majorité de nos sessions proposées en distanciel sont garanties. Elles peuvent être enregistrées à la demande.
Travaux pratiques
Les Modules
de formation
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
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)
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
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
Services workers
Création de pipes
AOT
Paradigme de stockage objets
Principes de fonctionnements
Créer et structurer l’objet de stockage
CRUD
Updating de la structure
Sécurité
Présentation de Socket .IO
Intérêts d’utilisation
Communication full duplex
http2, Socket .IO
Gestion des sockets
Les rooms et le broadcast