Master 2 Miage INTENSE Casablanca 2018-2019

De $1

Version de 06:16, 18 Avr 2024

cette version.

Revenir à liste des archives.

Voir la version actuelle

Introduction

Dans ce cours, nous ferons une introduction à JavaScript, à NodeJS/MongoDB et nous verrons les bases de ce qu'on appelle "les frameworks JavaScript" front-end au travers de ReactJS.

Séance 1 : état des lieux du développement Web, intro à VueJS

Supports de cours

Petits exercices JavaScript faits en cours:

  • Changer le contenu de la page par click sur un bouton, du style d'un titre. Bases de la gestion des événements, bonne pratique pour créer un programme principal appelé uniquement quand la page est entièrement chargée, avec ses fichiers css, js, images, vidéos etc. Exemple JsBin ici : https://jsbin.com/waxazaqevo/edit?html,js,output

  • Ici exercice qu'on a codé en classe qui montre des exemples d'objets, de classes, de tableaux, et la construction dynamique d'une table à partir d'un tableau: https://jsbin.com/xuveyay/edit?css,js,output

A faire pour la séance 2

  • Vous inscrire aux MOOCs
     
  • Regarder les bouts de code faits en cours. Essayer de les modifier, essayer de comprendre ce qui a été fait.
     
  • Installer les logiciels suivants :

    • Visual Studio Code

    • NodeJS : allez sur https://nodejs.org/en/ et installez la version "recommended for most users".
       
    • Si vous êtes sous windows, un bon terminal, acceptant le copier/coller, la colorisation, le multi-onglet ou multi-fenêtre, par exemple je vous conseille http://cmder.net/, mais d'autres peuvent faire l'affaire : powershell (de microsoft, déjà installé sous win10), git bash, hyperterminal (payant), console2, powercmd, colorconsole,