Bibliothèques et frameworks javascript

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

Programme

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

Les concepts Knockout

• Un design MVVM
• Observables, Bindings
• Installation
• Une première application
• Syntaxe du data binding
• Création d’un ViewModel

Observables

• Computed Observables
• Tableaux Observables, gestion des items
• Autres méthodes des tableaux

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

Appearance Bindings

• Gestion de l’affichage des données
• Text et html
• Visible, css, style et attr

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

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