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.

Notation finale du projet

Oral

Durée totale 15-20m (*6=2h)

Présentation 10m
Questions 10m

Points à traiter

Présentation de l'application faite.
Présentation de la structure de l'application (quels sont les différents états ou étapes ?).
Présentation des difficultés techniques.
Présentation du code de manière générale.
Présentation du code d'une fonctionnalité en particulier.
Qu'avez vous aimé ou non avec React ?

Notes

Participation 5p (individuel)
Présentation 7p
Réponse aux questions 8p (individuel)

Écrit

Fonctionnalités faites : 10p
Structure du code : 4p
Propreté du code (variables inutilisées, variables bien nommées, pas de fonctions inutiles, pas de code dupliqué) 3p
Bonne utilisation de React 3p

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 :

Git (v2.5 minimum)
SourceTree sur windows ou mac , ou SmartGit sur linux
NodeJS et npm : Version 4 pour NodeJS, version 2 pour npm
Sublime text 3 (fortement conseillé), sauf si vous êtes déjà très à l'aise avec un autre éditeur
Package Control pour Sublime text 3

Comme navigateur soit :

Firefox et l'extension Firebug
Google Chrome

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

Découverte JS :

d3.js, data driven document, interfaces graphiques
Comparatif des différents framework JS : Angular/Backbone/React/Ember
Bases de données : MongoDB / PostGres
Architecture React : Flux / Redux
ES6, nouveau standard.
React-Native, utiliser React sur mobile pour faire des applications natives

edi9999/cours-dweb-iut-haguenau