Pages récentes

Modifier
la page

Nouvelle
page

Imprimer
la page
Page modifiée à 06:14, 26 Jan 2017 par MichelBuffa
0

Programmable Web client-side 2016-2017

De $1

Table des matières
  1. 1. Séance 1 : état des lieux, standards du Web, de l'industrie, etc.
  2. 2. Séance 2 : présentation de 53JS + TP géolocalisation WebSockets (pour sujet projet 1) et multimédia (pour sujet 2)
  3. 3. Séance 3 : promesse ES6/7 et divers
  4. 4. Séance 4 : upload de fichiers en multipart, drag'n'drop, file API, XhR2, etc.
    1. 4.1. Upload de formulaires multipart avec fichiers attachés
    2. 4.2. Compléments sur l'héritage en ES5 mais aussi en ES6/ES2016 + modularisation avec Black Box Model (définir des APIs en JavaScript)
      1. 4.2.1. Objet
    3. 4.3. Exemple JsBin avec les différentes syntaxes (objets singleton statiques, fonctions constructeurs, black box model, pseudo classes ES2016): http://jsbin.com/wawehis/edit?js,console
      1. 4.3.1. Héritage :
    4. 4.4. Le plus simple pour commencer est de tester des exemples simples que je vous ai préparé sur JsBin: Exemple 1 qui couvre les cas "classiques" : classes et sous-classes, héritage de propriété et de méthodes. Différentes syntaxe d'appel des constructeurs hérités (avec et sans utilisation de la méthode call)   Exemple 2 qui montre comment redéfinir une méthode héritée sans changer son nom, et en gardant la possibilité d'appeler la méthode de la classe dont on hérite (équivalent du super.methode...)   Exemple 3 avec le Black Box model (qui n'est pas de l'héritage mais de la composition, on peut quand même simuler l'héritage et la redéfinition, vous verrez, mais l'opérateur instanceof ne donnera plus l'appartenance des instances à plusieurs types en même temps).   Pour en savoir plus sur la l'héritage et la définition de pseudo-classes avec la syntaxe JavaScript classique, voir ce cours en français sur le Mozilla Developer Network Exemples 4 avec ES6, la nouvelle version de JavaScript. Attention, ES6 ne support pas vraiment les classes, il s'agit ici d'un "sucre syntaxique" permettant d'avoir une syntaxe plus proche de ce que l'on connait en Java/C#, mais en coulisse, on a toujours affaire à des "prototypes". Ici un tutoriel plus détaillé pas trop dur à digérer...    Et ici un article très détaillé si vous voulez connaitre toutes les subtilités de cette syntaxe 
    5. 4.5. TP à faire (très court) 
  5. 5. Resources utiles pour le mini projet
  6. 6. Séance 5: Persistance client-side (Local/Session Storage / Cache / Service Workers / IndexedDB)

Sélectionnez les versions à comparer et cliquez sur 'Comparaison versions'.

Comparer Date de révisionModifié parRésumé des modifications
Voir la version 06:14, 26 Jan 2017 MichelBuffa 104 mots ajoutés
Voir la version 09:52, 12 Jan 2017 MichelBuffa 78 mots ajoutés
Voir la version 06:04, 12 Jan 2017 MichelBuffa aucun mot modifié
Voir la version 06:03, 12 Jan 2017 MichelBuffa 27 mots ajoutés, 24 mots supprimés
Voir la version 05:59, 12 Jan 2017 MichelBuffa 4 mots ajoutés
Voir la version 05:45, 12 Jan 2017 MichelBuffa 492 mots ajoutés, 9 mots supprimés
Voir la version 07:14, 5 Jan 2017 MichelBuffa 32 mots ajoutés
Voir la version 09:25, 14 Déc 2016 MichelBuffa 361 mots ajoutés, 4 mots supprimés
Voir la version 21:15, 7 Déc 2016 MichelBuffa page créée, 287 mots ajoutés

 
Powered by MindTouch Deki Open Source Edition v.8.08