Formation:
Développement avec Knockout JS
Qu'il s'agisse du développement d'application SPA, d'application MVC, de tunnels d'achat, un framework client est incontournable. Ils sont nombreux sure le marché et ont chacun leurs avantages et inconvénients. La robustesse et le faible poids de Knockout JS en font un bon candidat pour toutes les problématiques Web.
À l'issue de cette formation très pratique, vous aurez une parfaite compréhension de ce qu'est le modèle MVVM, de la façon dont il s'implémente, des bonnes pratiques qui lui sont associées. Vous saurez architecturer puis développer une application s'appuyant sur Knockout JS. Vous aurez acquis les concepts nécessaires à la création de formulaires de saisie et gestion de données plus complexes qu'un simple formulaire de contact que vous serez amené à coder dans votre contexte professionnel ;) Les logiques spécifiques aux plateformes e-commerces aux tunnels d'achat seront abordées.
Objectifs
- Acquérir la maîtrise de Knockout JS dans le contexte du développement d'application métier
Public concerné
- Développeur
Prérequis
- Maîtrise raisonnable de Javascript
- Maîtrise raisonnable de HTML et CSS
Accès à la formation
- Entretien individuel avec le formateur (par téléphone ou en conférence). L'objectif de cet entetien est de vérifier que la formation répondra à vos besoins et attentes, mais aussi de déterminer les points d'adaptations qui seront éventuellement nécessaires lors de la formation.
- Création d'une convention de formation à remettre à votre employeur ou à Pôle emploi.
- En même temps que la convention, un dossier de formation contenant toutes les informations utiles ainsi que le règlement intérieur vous sera remis.
Programme de la formation
Introduction
- Présentation de Knockout
- Comparaison avec les autres Frameworks (avantages / inconvénients)
- Installation
Les concepts de base
- MVVM
- Observables
- Bindings
- Syntaxe du data binding
- Création de ViewModel
- Bonnes pratiques
Objets observables
- Computed Observables
- Tableaux observables
- Collection d'items
- Techniques avancées
Control-flow binding
- Gestion de la structure des pages
- Boucles de type for each
- Contextes de Binding : $root, $data, $index, $parent
- Conditions et Binding with
- Component
Appearance binding (UI)
- Gestion de l’affichage des données
- Text et html
- Visible, css, style et attr
Interactive binding
- Gestion des interactions utilisateur
- Les éléments de formulaire : value, checked, options
- Les événements : click, event, submit
- Activation : enable, disable, hasFocus
- Validation de formulaire
Accéder aux données
- Gestion des requêtes Ajax : utilisation de jQuery.
- Notion de service / bonnes pratiques.
- Mapper les données aux ViewModels
- Plugin Mapping : les objets et le JSON côté serveur
Création de formulaires avancés (intégration de logiques métier avancées)
- Scénarios progressifs
- Scénarios conditionnels
- Scénarios propres aux tunnels d'achat
- Expérience utilisateur
- Interaction avec des services
- Systématisation / Normalisation
- Approche gestion de données
- Micro framework
Méthode pédagogique
- La formation est découpée en session de 3 à 4h de travail.
- Chaque session est une itération de parties théoriques, de démonstrations, d'exercices, de travaux pratiques, de discussions et réflexions.
- Chaque session se termine par un résumé des points importants à retenir.
- La formation met l'accent sur la méthodlogie et les bonnes pratiques.
- Votre participation active sera requies tout au long de la formation.
Moyens pédagogiques
En présentiel
- Salle de formation
- Vidéo projecteur
- Un PC est fourni (il est possible d'utiliser votre portable, dans ce cas un setup de formation vous sera transmis)
- Support de cours propriétaire en français
A distance
- Salle de vidéo conférence
- Forum de discussion
- Un setup de formation vous sera transmis pour configurer votre machine
- Vous pouvez aussi opter gratuitement pour l'option 'machine virtuelle'
- Vous pouvez aussi opter gratuitement pour l'option 'machine dans le Cloud'
- Support de cours propriétaire en français
- Portail LMS
En E-Learning (quand disponible)
- Toute la formation en vidéo
- Forum de discussion
- Un setup de formation vous sera transmis pour configurer votre machine
- Vous pouvez aussi opter gratuitement pour l'option 'machine virtuelle'
- Vous pouvez aussi opter gratuitement pour l'option 'machine dans le Cloud'
- Support de cours propriétaire en français
- Portail LMS
Support de formation
- Conçus et rédigés par des experts.
- De nombreuses références à la méthodologie et aux bonnes pratiques.
- De nombreux retour d’expérience.
- Les travaux pratiques sont issus de projets réels.
Sanction de fin de formation
- Une attestation de formation vous sera remise.
- Un bilan de formation vous sera remis. Ce bilan contient des remarques est conseils concernant la suite à donner à votre formation, vos aptitudes, vos perspectives.
- Vous pouvez opter pour l'option attestation de compétances. Il vous faudra alors réaliser un projets test qui sera corrigé et évalué par le formateur.
