Programmable Web, client side, 2017-2018

De $1

Version de 19:43, 26 Avr 2024

cette version.

Revenir à liste des archives.

Voir la version actuelle

Introduction

Dans ce cours nous allons voir les tendances du développement d'applications Web côté client: évolutions du développement JavaScript, des différentes APIs standard comme les Web Components, les principaux frameworks JavaScript, les environnements de développement, les évolutions du Web Mobile.

Séance 1: état des lieux des technologies front-end

DOM or not to DOM ?

Ecriture en live coding d'une todo list:

  1. Pur JavaScript + DOM API http://jsbin.com/gaqugic/edit
  2.  Avec jQuery et Lodash : http://jsbin.com/posowem/edit?html,js
  3. Avec vueJS 'simple' : http://jsbin.com/haguven/edit?html,console
  4. Idem mais avec des données obtenues par fetch: http://jsbin.com/bifozud/edit?html,js,console,output
    •  
  5. Requêtes REST: fake APis avec https://jsonplaceholder.typicode.com/, faire des requêtes REST avec XhR2, fetch API, quelques mots sur GraphQL et Appolo 

MOOCs utiles

  • JavaScript introduction par Michel Buffa, gratuit.
     
  • Nombreux tutoriaux sur les spécificités d'ES6 non vues dans le MOOC précédents, sur YouTube, etc. Les bons MOOCS sont payants pour la pluparts, mais nous verrons pas mal de choses en cours.
     
  • On va voir dans ce cours, les principaux frameworks JavaScript : VueJS, React et Angular 5. Il existe de nombreux MOOCs qui les présentent, la plupart payants. Le cours vous donnera une introduction assez complète mais il sera souvent nécessaires de vous référer aux sites Webs et documentations officiels.