Formation Knockoutjs - Développer des applications Web

Peu à peu, les traditionnels développements client/serveur sont délaissés au profit des technologies Web. Ayant gagné en maturité et en fonctionnalités, celles-ci permettent aujourd’hui, notamment grâce à de nouveaux outils tels que KnockoutJS, de manipuler et modifier des données avec le même niveau de sécurité que ne l’autorisaient les applications client/serveur. Particulièrement apprécié pour sa « légèreté » et sa simplicité d’implémentation, ce Framework spécialisé dans la manipulation des données, semble promis à un bel avenir.


Objectifs
  • Comprendre le pattern MVVM et le ViewModel de Knockout
  • Savoir développer des interfaces web riches
  • Maîtriser un Framework front très léger orienté data-binding
  • Comprendre comment manipuler des données
Participants
  • Architecte
  • Chef de projet
  • Concepteur
  • Designer
  • Développeur Web
Approche Pédagogique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
  • Durée : 2 jours
  • Réf. : WEB66

Dates de Formations

23 et 24 Avril 2019

18 et 19 Juin 2019

15 et 16 Aout 2019

08 et 09 Oct. 2019

19 et 20 Déc. 2019

Programme
  • 1/ Introduction
    • • Développement JavaScript objet, prototypage et bonnes pratiques
    • • Applications web dynamiques
    • • Présentation de Knockout : pur JavaScript, extensible
    • • Ce que Knockout n’est pas
  • 2/ Les concepts Knockout
    • • Un design MVVM
    • • Observables, Bindings
    • • Installation
    • • Une première application
    • • Syntaxe du data binding
    • • Création d’un ViewModel
  • 3/ Observables
    • • Computed Observables
    • • Tableaux Observables, gestion des items
    • • Autres méthodes des tableaux
  • 4/ Control-flow Bindings
    • • Gestion de la structure des pages
    • • Boucles de type for each
    • • Contextes de Binding : $root, $data, $index, $parent
    • • Conditions et Binding with
    • • Component
  • 5/ Appearance Bindings
    • • Gestion de l’affichage des données
    • • Text et html
    • • Visible, css, style et attr
  • 6/ Interactive Bindings
    • • 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
  • 7/ Accéder à des données
    • • Gestion des requêtes Ajax : utilisation de jQuery
    • • Les formulaires, charger et sauver les données
    • • Mapper les données aux ViewModels
    • • Plugin Mapping : les objets et le JSON côté serveur