|
 Détails du cours sur le site de Poly |
|
|
 Plan de cours 2020 |
|
|
Calendrier 2020 |
|
|
 Examens antérieurs |
|
|
MDN - Mozilla Developer Network |
Une des documentations les plus complètes pour les technologies web ( HTML, CSS, JS, le DOM, etc.). Contient beaucoup de tutoriels pertinents. Une référence par excellence pour le web. |
|
Can i use... |
Ce site vous permet de savoir quelles fonctionnalités sont supportées par les différents navigateurs. |
|
W3schools |
Une alternative à la documentation de MDN. Permet de (rapidement et briévement) voir plusieurs notions en web. Couvre la base des technologies, mais n'est pas aussi complet que MDN. Utile si vous avez peu d'expérience ou vous voulez un résumé rapide. |
|
| 31 août au 13 septembre |
 HTML5- Concepts importants |
Concepts importants de HTML5 |
|
Introduction |
|
|
HTML 5 |
|
|
 Code source pour exemple de formulaire HTML5 |
|
|
[VIDEO] Ryan Seddon: So how does the browser actually render a website | JSConf EU 2015 |
|
|
Tutoriel HTML5 sur OpenClassrooms |
Partie 1 && Partie 3.1 && Partie 4.2
|
|
What Does It All Mean? (Nouvelles balises) |
Sémantique des balises de HTML |
|
Balise sémantique article |
|
|
[VIDEO] Franziska Hinkelmann: JavaScript engines - how do they even? | JSConf EU |
|
|
Comment choisir la bonne balise |
|
|
Spécifications HTML5.3 |
|
|
Mozilla Developer Network - HTML5 |
|
|
MDN - Guide pour les formulaires |
|
|
HTML5 outliner |
|
|
Validateur HTML |
|
|
Énoncé TP1 (A20) |
|
|
Code TP1 (A20) |
|
|
Corrige TP1 (A20) |
|
|
| 14 septembre au 20 septembre |
CSS - Concepts importants |
Concepts importants de CSS |
|
CSS |
|
|
Tutoriel CSS3 sur OpenClassrooms |
Partie 2.1 à 2.5 && Partie 3.2 à 3.5
|
|
Excellent tutoriel sur les boîtes flexibles de CSS3 |
|
|
Grid by example |
|
|
Concepts de CSS |
|
|
Sélecteurs CSS |
|
|
Au sujet de l'utilisation des ID dans les sélecteurs |
|
|
Calculateur de spécificités CSS |
|
|
Validateur CSS |
|
|
LESS (Préprocesseur CSS) |
Une extension pratique de CSS |
|
CSS-Tricks |
|
|
Guides pour codage CSS (CS-Tricks) |
|
|
Modal avec le sélecteur :target |
|
|
CSS Flexbox Cheatsheet |
|
|
Remote linking |
|
|
Positionnement en CSS |
|
|
Onglets en CSS |
|
|
Énoncé TP2 (A20) |
|
|
Corrige TP2 (A20) |
|
|
| 21 septembre au 27 septembre |
Javascript - Concepts importants |
Concepts importants de Javascript |
|
Javascript |
|
|
Tutoriel Javascript sur OpenClassrooms |
Partie 1 && Partie 3
|
|
[VIDEO] Les classes de ES2015 |
|
|
[VIDEO] visualiser les prototypes |
|
|
Tutoriel pour faire du Javascript moderne (fortement recommandé) |
|
|
[VIDEO] class vs prototype |
|
|
Conversion de type en Javascript |
|
|
Fonctions en Javascript |
|
|
Initialisation des fonctions et des variables en Javascript |
|
|
Fermetures |
|
|
Prototype et héritage |
|
|
La référence "this" en Javascript |
|
|
ES6 fonctionnalités |
|
|
Énoncé TP3 (A20) |
|
|
Fichier TP3 (A20) |
|
|
| 28 septembre au 4 octobre |
DOM - Concepts importants |
Concepts importants de DOM |
|
DOM |
|
|
jQuery |
|
|
API du Web, AJAX et Fetch |
|
|
Exemple DOM fait en classe |
|
|
Exemple de HXR et Fetch fait en classe |
|
|
Exemples de jQuery et Local Storage |
|
|
Tutoriel DOM sur Openclassrooms |
Partie 2 && Partie 4
|
|
Tutoriel sur la capture des événements en Javascript |
|
|
[VIDEO] Event Loop de JavaScript |
|
|
Getting started with jQuery |
|
|
Introduction au DOM (MDN) |
|
|
Fetch API |
|
|
XMLHTTPRequest |
|
|
Live DOM Viewer |
|
|
jsFiddle |
Un site pour explorer HTML, CSS et Javascript |
|
| 5 octobre au 11 octobre |
HTTP - Concepts importants |
Concepts importants de HTTP |
|
HTTP |
|
|
Négociation de contenu en HTTP |
|
|
Composition détaillée du format d'un message HTTP |
Description du format d'une requête (Request) ou réponse (Response) HTTP. Différence entre HTTP/1.1 et HTTP/2 |
|
URI - Spécifications officielles |
|
|
Encodage des URI |
|
|
Cross-Origin Resource Sharing (CORS) |
|
|
MDN - HTTP Caching FAQ |
|
|
Tutoriel sur la gestion de cache en HTTP |
|
|
| 22 octobre |
Récapitulation |
|
|
Aide-mémoire |
|
|
Exemple de contrôle périodique - Automne 2018 |
|
|
| 26 octobre au 1 novembre |
Programmation du serveur |
|
|
[VIDEO] Postmortem sur Node par son créateur |
|
|
Understanding ExpressJs |
|
|
EJS comme langage de gabarit |
|
|
NodeJs - Best Practices |
|
|
[VIDEO] La boucle d'événements de NodeJS |
|
|
[VIDEO] Comment bloquer un serveur web : Slow Loris Attack |
|
|
Exemple avec EJS |
|
|
Programmation Asynchrone |
|
|
Web Server Architecture (IEEE Internet Computing) |
Article d'introduction à l'architecture d'un serveur web |
|
Énoncé TP4 (A20) |
|
|
Fichier TP4 (A20) |
|
|
| 2 novembre au 8 novembre |
REST |
|
|
Richardson Maturity Model |
|
|
RESTful Web services: The basics |
|
|
Méthodes HTTP pour services REST |
|
|
Format JSON |
|
|
Best Practices for a Pragmatic RESTful API |
Plusieurs lignes directrices pour la conceptions d'API web respectant les principes REST. |
|
PUT vs PATCH |
|
|
How to get a cup of coffee |
|
|
REST niveau 3 |
|
|
| 9 novembre au 15 novembre |
Persistance des données |
|
|
Exemple avec MongoClient fait en classe |
un README est fourni avec le code. Assurez-vous de modifier le fichier env.js avec les bon paramètres de votre instance Mongo |
|
MongoDB - Introduction |
|
|
[VIDEO] Introduction aux BD NoSQL |
|
|
MongoDB - Tutorial |
|
|
Documentation MongoDB sur NodeJS |
|
|
Installer et utiliser ligne de commande 'mongo' |
|
|
Migration de MongoDB à Cassandre de Discord |
|
|
WTF is a SuperColumn? An Intro to the Cassandra Data Model |
WTF is a SuperColumn? An Intro to the Cassandra Data Model |
|
| 16 novembre au 23 novembre |
React |
|
|
Jeu de traduction |
|
|
Gestionnaire de cours |
|
|
useEffect et boucle infinie |
|
|
Exemple React des notes de cours |
|
|
Getting Started du Site officiel de React |
|
|
Tutoriel d'introduction de React |
|
|
Exemples d'utilisation de useEffect Hook |
|
|
| 23 novembre au 29 novembre |
Notes de cours sur web sémantique |
Notes de cours sur web sémantique |
|
Notes de cours sur RDF |
Notes de cours sur web sémantique et RDF |
|
SPARQL |
|
|
Semantic Web Primer |
|
|
SPARQL by example |
|
|
Spécifications de SPARQL 1.1 |
|
|
Énoncé TP5 - A20 |
|
|
Fichier TP5 - A20 |
|
