/cours-dweb-iut-haguenau

Cours de l'IUT de Haguenau, option D-WEB

Primary LanguageJavaScript

Cours de l'IUT de Haguenau

Pour avoir les liens rapidemment : https://iut-haguenau-dweb.slack.com/messages

Cette page est faite pour les étudiants de l'IUT de Haguenau. Pour commencer, créez vous un compte sur github (c'est entièrement gratuit pour des projets publics, comme celui-ci).

Si vous avez des questions concernant un cours à venir, un problème d'installation, ou le module en général, n'hésitez pas à créer une issue (dans "Issues", puis "New Issue"), il faut d'abord avoir créé son compte Github.

Si vous voyez une erreur dans le cours, ou pensez qu'un point en particulier manque de détails, vous pouvez créer une pull request.

Tous les supports de cours (slides, ...) seront mis à votre disposition dans ce projet.

Objectifs

Les objectifs du cours sont :

  • Programmer en Javascript client et NodeJS
  • Savoir utiliser git
  • Savoir manipuler le DOM
  • Programmer en Angular (et React en facultatif)
  • Programmer une API basique avec la librairie express
  • Utiliser les APIs graphiques : canvas, svg, avec d3
  • Utiliser des API externes : Google, Facebook
  • Savoir créer une webapp

Prérequis

Voici les installations à faire avant le premier cours du 5 Octobre :

Comme navigateur soit :

Pour vérifier que tout est correctement installé, ouvrez une invite de commande (sur windows : Windows+R, tapez "cmd" puis le bouton "OK")

et tapez :

git --version
# Ceci doit répondre git version 2.5.3 (ou similaire)

node --version
# Ceci doit répondre v4.1.0 (ou similaire)

npm --version
# Ceci doit répondre 2.14.3 (ou similaire)

Leçons

  1. Introduction, Bases de Javascript
  2. Découverte de GIT
  3. Bases de ReactJS
  4. Projets React + express

React JS : Séance du 13 Novembre :

React Together : https://github.com/edi9999/react-together Fork des démos faites : https://github.com/edi9999/react-demos

  1. ReactJS + Ajax
  2. ReactJS + ES6
  3. React.js https://github.com/tako-black/learnyoureact
  4. Tests unitaires https://github.com/finnp/test-anything
  5. Création d'une webapp (Stockage de données)
  6. Création d'une webapp
  7. Création d'une webapp
  8. Création d'une webapp
  9. Création d'une webapp
  10. Création d'une webapp