LOG4420 - Conception de sites web dynam. et transact.

Résumé de section

• Sélectionner la section Généralités

  Replier Déplier

  Généralités

  Tout replier Tout déplier

  • Sélectionner l’activité LOG4420 n'est plus disponible comme cours et a été...

    LOG4420 n'est plus disponible comme cours et a été remplacé par le cours LOG2440 . L'ensemble des exemples de code utilisés dans le nouveau cours sont disponibles en format Open Source sur GitHub
     
    

  • Sélectionner l’activité Détails du cours sur le site de Poly

    

    Détails du cours sur le site de Poly URL
  • Sélectionner l’activité Plan de cours 2020

    

    Plan de cours 2020 Fichier
  • Sélectionner l’activité Calendrier 2020

    

    Calendrier 2020 Fichier
  • Sélectionner l’activité Forum des nouvelles

    

    Forum des nouvelles
  • Sélectionner l’activité Forum des laboratoires

    

    Forum des laboratoires
  • Sélectionner l’activité Examens antérieurs

    

    Examens antérieurs Dossier
  • Sélectionner l’activité Ressources utiles:

    Ressources utiles:
  • Sélectionner l’activité MDN - Mozilla Developer Network

    

    MDN - Mozilla Developer Network URL
  • Sélectionner l’activité Can i use...

    

    Can i use... URL
  • Sélectionner l’activité W3schools

    

    W3schools URL
  • Sélectionner l’activité Outil de communication pour les séances théoriques...

    Outil de communication pour les séances théoriques

    Les séances théoriques auront lieu à distance sur la plateforme Zoom. Les informations de connexion vous seront envoyés par courriel.

    Vous devez avoir un compte Zoom pour pouvoir vous connecter aux séances théoriques. Similairement à Discord, on vous demande de changer votre nom d'affichage pour le même nom que celui utilisé sur Moodle. Lors des séances théoriques, soyez respectueux lors de vos échanges dans le chat et évitez d'allumer votre micro intuiliement afin d'éviter de déranger le cours.  

    
    

    Outils de communication pour les séances pratiques :

    Afin de pouvoir effectuer vos travaux pratiques de manière efficace et avoir accès à vos chargés et répétiteurs, un serveur Discord a été mis en place pour vous. Le lien d'invitation vous sera envoyé par courriel.

    Quelques règles importantes :

    • Pour votre nom Discord sur le serveur, on vous demande suivre le gabarit suivant : Prénom Nom  (ex: Nikolay Radoev) avec le même nom que celui utilisé sur Moodle. Vous pouvez changer votre nom en effectuant un clique droit sur votre nom dans la barre de droite (Application Desktop) et en sélectionnant Change Nickname. L'équipe académique se réserve le droit de ne pas répondre aux questions d'une personne qui ne suit pas ce reglement.
    • Un canal vocal avec votre numéro d'équipe est disponible pour que vous puissiez collaborer avec votre coéquipier(ère).  Si vous avez une question pour l'équipe de laboratoire, écrivez votre numéro d'équipe dans le canal questions de votre groupe et un chargé ou répétiteur se joindra à votre canal vocal dès que possible.
    • Pour des questions générales sur les travaux à effectuer, utilisez le canal general.
    • Pour tous les messages n'ayant pas un rapport direct avec les laboratoires ou le cours, utilisez le canal aleatoire. Vous pouvez l'utiliser pour discuter entre vous.
    •  On vous demande d'être respectueux dans vos comportements, commentaires et envers vos collégues sur l'ensemble du serveur.

    
    

• Sélectionner la section 31 août au 13 septembre

  Replier Déplier

  31 août au 13 septembre

  Architecture du web et HTML5

  • Sélectionner l’activité HTML5- Concepts importants

    

    HTML5- Concepts importants Page
  • Sélectionner l’activité Notes de cours

    Notes de cours
  • Sélectionner l’activité Introduction

    

    Introduction Fichier
  • Sélectionner l’activité HTML 5

    

    HTML 5 Fichier
  • Sélectionner l’activité Code source pour exemple de formulaire HTML5

    

    Code source pour exemple de formulaire HTML5 Fichier
  • Sélectionner l’activité Lectures obligatoires:

    Lectures obligatoires:
  • Sélectionner l’activité [VIDEO] Ryan Seddon: So how does the browser actually render a website | JSConf EU 2015

    

    [VIDEO] Ryan Seddon: So how does the browser actually render a website | JSConf EU 2015 URL
  • Sélectionner l’activité Tutoriel HTML5 sur OpenClassrooms

    

    Tutoriel HTML5 sur OpenClassrooms URL

    Partie 1 && Partie 3.1 && Partie 4.2
    

  • Sélectionner l’activité What Does It All Mean? (Nouvelles balises)

    

    What Does It All Mean? (Nouvelles balises) URL

    Sémantique des balises de HTML

  • Sélectionner l’activité Balise sémantique article

    

    Balise sémantique article URL
  • Sélectionner l’activité Ressources supplémentaires:

    Ressources supplémentaires:
  • Sélectionner l’activité [VIDEO] Franziska Hinkelmann: JavaScript engines - how do they even? | JSConf EU

    

    [VIDEO] Franziska Hinkelmann: JavaScript engines - how do they even? | JSConf EU URL
  • Sélectionner l’activité Comment choisir la bonne balise

    

    Comment choisir la bonne balise URL

    Tiré de HTML5Doctor

  • Sélectionner l’activité Spécifications HTML5.3

    

    Spécifications HTML5.3 URL
  • Sélectionner l’activité Mozilla Developer Network - HTML5

    

    Mozilla Developer Network - HTML5 URL
  • Sélectionner l’activité MDN - Guide pour les formulaires

    

    MDN - Guide pour les formulaires URL
  • Sélectionner l’activité HTML5 outliner

    

    HTML5 outliner URL
  • Sélectionner l’activité Validateur HTML

    

    Validateur HTML URL
  • Sélectionner l’activité Travail pratique 1

    Travail pratique 1
    

  • Sélectionner l’activité Énoncé TP1 (A20)

    

    Énoncé TP1 (A20) Fichier
  • Sélectionner l’activité Remise TP1 (A20)

    

    Remise TP1 (A20) Devoir
  • Sélectionner l’activité Code TP1 (A20)

    

    Code TP1 (A20) Fichier
  • Sélectionner l’activité Corrige TP1 (A20)

    

    Corrige TP1 (A20) Fichier
• Sélectionner la section 14 septembre au 20 septembre

  Replier Déplier

  14 septembre au 20 septembre

  HTML5 et CSS3

  • Sélectionner l’activité CSS - Concepts importants

    

    CSS - Concepts importants Page
  • Sélectionner l’activité Notes de cours

    Notes de cours
  • Sélectionner l’activité CSS

    

    CSS Fichier
  • Sélectionner l’activité Lectures obligatoires avant le cours:

    Lectures obligatoires avant le cours:
  • Sélectionner l’activité Tutoriel CSS3 sur OpenClassrooms

    

    Tutoriel CSS3 sur OpenClassrooms URL

    Partie 2.1 à 2.5 && Partie 3.2 à 3.5
    

  • Sélectionner l’activité Excellent tutoriel sur les boîtes flexibles de CSS3

    

    Excellent tutoriel sur les boîtes flexibles de CSS3 URL
  • Sélectionner l’activité Grid by example

    

    Grid by example URL
  • Sélectionner l’activité Ressources supplémentaires:

    Ressources supplémentaires:
  • Sélectionner l’activité Concepts de CSS

    

    Concepts de CSS URL
  • Sélectionner l’activité Sélecteurs CSS

    

    Sélecteurs CSS URL
  • Sélectionner l’activité Au sujet de l'utilisation des ID dans les sélecteurs

    

    Au sujet de l'utilisation des ID dans les sélecteurs URL
  • Sélectionner l’activité Calculateur de spécificités CSS

    

    Calculateur de spécificités CSS URL
  • Sélectionner l’activité Validateur CSS

    

    Validateur CSS URL
  • Sélectionner l’activité LESS (Préprocesseur CSS)

    

    LESS (Préprocesseur CSS) URL
  • Sélectionner l’activité CSS-Tricks

    

    CSS-Tricks URL
  • Sélectionner l’activité Guides pour codage CSS (CS-Tricks)

    

    Guides pour codage CSS (CS-Tricks) URL
  • Sélectionner l’activité Modal avec le sélecteur :target

    

    Modal avec le sélecteur :target URL
  • Sélectionner l’activité CSS Flexbox Cheatsheet

    

    CSS Flexbox Cheatsheet URL
  • Sélectionner l’activité Démos

    Démos
  • Sélectionner l’activité Remote linking

    

    Remote linking URL
  • Sélectionner l’activité Positionnement en CSS

    

    Positionnement en CSS Fichier
  • Sélectionner l’activité Onglets en CSS

    

    Onglets en CSS Fichier
  • Sélectionner l’activité Énoncé TP2 (A20)

    

    Énoncé TP2 (A20) Fichier
  • Sélectionner l’activité Remise TP2 (A20)

    

    Remise TP2 (A20) Devoir
  • Sélectionner l’activité Corrige TP2 (A20)

    

    Corrige TP2 (A20) Fichier
• Sélectionner la section 21 septembre au 27 septembre

  Replier Déplier

  21 septembre au 27 septembre

  Programmation côté client: Javascript
  

  • Sélectionner l’activité Javascript - Concepts importants

    

    Javascript - Concepts importants Page
  • Sélectionner l’activité Notes de cours

    Notes de cours
  • Sélectionner l’activité Javascript

    

    Javascript Fichier
  • Sélectionner l’activité Lectures obligatoires:

    Lectures obligatoires:
  • Sélectionner l’activité Tutoriel Javascript sur OpenClassrooms

    

    Tutoriel Javascript sur OpenClassrooms URL

    Partie 1 && Partie 3
    
  • Sélectionner l’activité [VIDEO] Les classes de ES2015

    

    [VIDEO] Les classes de ES2015 URL
  • Sélectionner l’activité [VIDEO] visualiser les prototypes

    

    [VIDEO] visualiser les prototypes URL
  • Sélectionner l’activité Ressources supplémentaires:

    Ressources supplémentaires:
  • Sélectionner l’activité Tutoriel pour faire du Javascript moderne (fortement recommandé)

    

    Tutoriel pour faire du Javascript moderne (fortement recommandé) URL
  • Sélectionner l’activité [VIDEO] class vs prototype

    

    [VIDEO] class vs prototype URL
  • Sélectionner l’activité Conversion de type en Javascript

    

    Conversion de type en Javascript URL
  • Sélectionner l’activité Fonctions en Javascript

    

    Fonctions en Javascript URL
  • Sélectionner l’activité Initialisation des fonctions et des variables en Javascript

    

    Initialisation des fonctions et des variables en Javascript URL
  • Sélectionner l’activité Fermetures

    

    Fermetures URL
  • Sélectionner l’activité Prototype et héritage

    

    Prototype et héritage URL
  • Sélectionner l’activité La référence "this" en Javascript

    

    La référence "this" en Javascript URL
  • Sélectionner l’activité ES6 fonctionnalités

    

    ES6 fonctionnalités URL
  • Sélectionner l’activité Travail Pratique 3

    Travail Pratique 3
    
  • Sélectionner l’activité Énoncé TP3 (A20)

    

    Énoncé TP3 (A20) Fichier
  • Sélectionner l’activité Fichier TP3 (A20)

    

    Fichier TP3 (A20)
  • Sélectionner l’activité Remise TP3 (A20)

    

    Remise TP3 (A20) Devoir
• Sélectionner la section 28 septembre au 4 octobre

  Replier Déplier

  28 septembre au 4 octobre

  DOM et jQuery

  • Sélectionner l’activité DOM - Concepts importants

    

    DOM - Concepts importants Page
  • Sélectionner l’activité Notes de cours

    Notes de cours
  • Sélectionner l’activité DOM

    

    DOM Fichier
  • Sélectionner l’activité jQuery

    

    jQuery Fichier
  • Sélectionner l’activité API du Web, AJAX et Fetch

    

    API du Web, AJAX et Fetch Fichier
  • Sélectionner l’activité Exemple DOM fait en classe

    

    Exemple DOM fait en classe Fichier
  • Sélectionner l’activité Exemple de HXR et Fetch fait en classe

    

    Exemple de HXR et Fetch fait en classe Fichier
  • Sélectionner l’activité Exemples de jQuery et Local Storage

    

    Exemples de jQuery et Local Storage Fichier
  • Sélectionner l’activité Lectures obligatoires:

    Lectures obligatoires:
  • Sélectionner l’activité Tutoriel DOM sur Openclassrooms

    

    Tutoriel DOM sur Openclassrooms URL

    Partie 2 && Partie 4
    
  • Sélectionner l’activité Tutoriel sur la capture des événements en Javascript

    

    Tutoriel sur la capture des événements en Javascript URL
  • Sélectionner l’activité Ressources supplémentaires:

    Ressources supplémentaires:
  • Sélectionner l’activité [VIDEO] Event Loop de JavaScript

    

    [VIDEO] Event Loop de JavaScript URL
  • Sélectionner l’activité Getting started with jQuery

    

    Getting started with jQuery URL
  • Sélectionner l’activité Introduction au DOM (MDN)

    

    Introduction au DOM (MDN) URL
  • Sélectionner l’activité Fetch API

    

    Fetch API URL
  • Sélectionner l’activité XMLHTTPRequest

    

    XMLHTTPRequest URL
  • Sélectionner l’activité Live DOM Viewer

    

    Live DOM Viewer URL
  • Sélectionner l’activité jsFiddle

    

    jsFiddle URL
• Sélectionner la section 5 octobre au 11 octobre

  Replier Déplier

  5 octobre au 11 octobre

  • Sélectionner l’activité Architecture du web et protocole HTTP

    Architecture du web et protocole HTTP
  • Sélectionner l’activité HTTP - Concepts importants

    

    HTTP - Concepts importants Page
  • Sélectionner l’activité Notes de cours:

    Notes de cours:

  • Sélectionner l’activité HTTP

    

    HTTP Fichier
  • Sélectionner l’activité Lectures obligatoires:

    Lectures obligatoires:
  • Sélectionner l’activité Négociation de contenu en HTTP

    

    Négociation de contenu en HTTP URL
  • Sélectionner l’activité Composition détaillée du format d'un message HTTP

    

    Composition détaillée du format d'un message HTTP URL
  • Sélectionner l’activité Ressources supplémentaires:

    Ressources supplémentaires:
  • Sélectionner l’activité URI - Spécifications officielles

    

    URI - Spécifications officielles URL
  • Sélectionner l’activité Encodage des URI

    

    Encodage des URI URL
  • Sélectionner l’activité Cross-Origin Resource Sharing (CORS)

    

    Cross-Origin Resource Sharing (CORS) URL
  • Sélectionner l’activité MDN - HTTP Caching FAQ

    

    MDN - HTTP Caching FAQ URL
  • Sélectionner l’activité Tutoriel sur la gestion de cache en HTTP

    

    Tutoriel sur la gestion de cache en HTTP URL
• Sélectionner la section 12 octobre au 18 octobre

  Replier Déplier

  12 octobre au 18 octobre

  Relâche
• Sélectionner la section 22 octobre

  Replier Déplier

  22 octobre

  Contrôle périodique

  • Sélectionner l’activité Ressources

    Ressources

  • Sélectionner l’activité Récapitulation

    

    Récapitulation Fichier
  • Sélectionner l’activité Aide-mémoire

    

    Aide-mémoire Fichier
  • Sélectionner l’activité Exemple de contrôle périodique - Automne 2018

    

    Exemple de contrôle périodique - Automne 2018 Fichier
• Sélectionner la section 26 octobre au 1 novembre

  Replier Déplier

  26 octobre au 1 novembre

  Programmation côté serveur et services web

  • Sélectionner l’activité Notes de cours

    Notes de cours
  • Sélectionner l’activité Programmation du serveur

    

    Programmation du serveur Fichier
  • Sélectionner l’activité Lectures obligatoires:

    Lectures obligatoires:
  • Sélectionner l’activité [VIDEO] Postmortem sur Node par son créateur

    

    [VIDEO] Postmortem sur Node par son créateur URL
  • Sélectionner l’activité Understanding ExpressJs

    

    Understanding ExpressJs URL
  • Sélectionner l’activité EJS comme langage de gabarit

    

    EJS comme langage de gabarit URL
  • Sélectionner l’activité Ressources supplémentaires:

    Ressources supplémentaires:
  • Sélectionner l’activité NodeJs - Best Practices

    

    NodeJs - Best Practices URL
  • Sélectionner l’activité [VIDEO] La boucle d'événements de NodeJS

    

    [VIDEO] La boucle d'événements de NodeJS URL
  • Sélectionner l’activité [VIDEO] Comment bloquer un serveur web : Slow Loris Attack

    

    [VIDEO] Comment bloquer un serveur web : Slow Loris Attack URL
  • Sélectionner l’activité Exemple avec EJS

    

    Exemple avec EJS Fichier
  • Sélectionner l’activité Programmation Asynchrone

    

    Programmation Asynchrone Fichier
  • Sélectionner l’activité Web Server Architecture (IEEE Internet Computing)

    

    Web Server Architecture (IEEE Internet Computing) URL
  • Sélectionner l’activité Travail pratique 4

    Travail pratique 4
    

  • Sélectionner l’activité Remise TP4 (A20)

    

    Remise TP4 (A20) Devoir
  • Sélectionner l’activité Énoncé TP4 (A20)

    

    Énoncé TP4 (A20) Fichier
  • Sélectionner l’activité Fichier TP4 (A20)

    

    Fichier TP4 (A20)
• Sélectionner la section 2 novembre au 8 novembre

  Replier Déplier

  2 novembre au 8 novembre

  Programmation côté serveur et services web

  • Sélectionner l’activité Notes de cours

    Notes de cours

  • Sélectionner l’activité REST

    

    REST Fichier
  • Sélectionner l’activité Lectures obligatoires:

    Lectures obligatoires:
  • Sélectionner l’activité Richardson Maturity Model

    

    Richardson Maturity Model URL
  • Sélectionner l’activité RESTful Web services: The basics

    

    RESTful Web services: The basics URL
  • Sélectionner l’activité Méthodes HTTP pour services REST

    

    Méthodes HTTP pour services REST URL
  • Sélectionner l’activité Ressources supplémentaires:

    Ressources supplémentaires:
  • Sélectionner l’activité Format JSON

    

    Format JSON URL
  • Sélectionner l’activité Best Practices for a Pragmatic RESTful API

    

    Best Practices for a Pragmatic RESTful API URL
  • Sélectionner l’activité PUT vs PATCH

    

    PUT vs PATCH URL
  • Sélectionner l’activité How to get a cup of coffee

    

    How to get a cup of coffee URL
  • Sélectionner l’activité REST niveau 3

    

    REST niveau 3 URL
• Sélectionner la section 9 novembre au 15 novembre

  Replier Déplier

  9 novembre au 15 novembre

  Programmation côté serveur et persistance des donneés

  • Sélectionner l’activité Notes de cours

    Notes de cours
  • Sélectionner l’activité Persistance des données

    

    Persistance des données Fichier
  • Sélectionner l’activité Exemple avec MongoClient fait en classe

    

    Exemple avec MongoClient fait en classe Fichier
  • Sélectionner l’activité Lectures obligatoires:

    Lectures obligatoires:
  • Sélectionner l’activité MongoDB - Introduction

    

    MongoDB - Introduction URL
  • Sélectionner l’activité Ressources supplémentaires:

    Ressources supplémentaires:
  • Sélectionner l’activité [VIDEO] Introduction aux BD NoSQL

    

    [VIDEO] Introduction aux BD NoSQL URL
  • Sélectionner l’activité MongoDB - Tutorial

    

    MongoDB - Tutorial URL
  • Sélectionner l’activité Documentation MongoDB sur NodeJS

    

    Documentation MongoDB sur NodeJS URL
  • Sélectionner l’activité Installer et utiliser ligne de commande 'mongo'

    

    Installer et utiliser ligne de commande 'mongo' URL
  • Sélectionner l’activité Migration de MongoDB à Cassandre de Discord

    

    Migration de MongoDB à Cassandre de Discord URL
  • Sélectionner l’activité WTF is a SuperColumn? An Intro to the Cassandra Data Model

    

    WTF is a SuperColumn? An Intro to the Cassandra Data Model Fichier
• Sélectionner la section 16 novembre au 23 novembre

  Replier Déplier

  16 novembre au 23 novembre

  Programmation orientée objet sur le client

  • Sélectionner l’activité Notes de cours

    Notes de cours
  • Sélectionner l’activité React

    

    React Fichier
  • Sélectionner l’activité Jeu de traduction

    

    Jeu de traduction URL
  • Sélectionner l’activité Gestionnaire de cours

    

    Gestionnaire de cours URL
  • Sélectionner l’activité useEffect et boucle infinie

    

    useEffect et boucle infinie URL
  • Sélectionner l’activité Exemple React des notes de cours

    

    Exemple React des notes de cours Fichier
  • Sélectionner l’activité Lectures obligatoires:

    Lectures obligatoires:
  • Sélectionner l’activité Getting Started du Site officiel de React

    

    Getting Started du Site officiel de React URL
  • Sélectionner l’activité Ressources supplémentaires:

    Ressources supplémentaires:
  • Sélectionner l’activité Tutoriel d'introduction de React

    

    Tutoriel d'introduction de React URL
  • Sélectionner l’activité Exemples d'utilisation de useEffect Hook

    

    Exemples d'utilisation de useEffect Hook URL
• Sélectionner la section 23 novembre au 29 novembre

  Replier Déplier

  23 novembre au 29 novembre

  RDF et web sémantique

  • Sélectionner l’activité Lectures obligatoires:

    Lectures obligatoires:
  • Sélectionner l’activité Notes de cours sur web sémantique

    

    Notes de cours sur web sémantique Fichier
  • Sélectionner l’activité Notes de cours sur RDF

    

    Notes de cours sur RDF Fichier
  • Sélectionner l’activité SPARQL

    

    SPARQL Fichier
  • Sélectionner l’activité Ressources supplémentaires:

    Ressources supplémentaires:
  • Sélectionner l’activité Semantic Web Primer

    

    Semantic Web Primer URL
  • Sélectionner l’activité SPARQL by example

    

    SPARQL by example URL
  • Sélectionner l’activité Spécifications de SPARQL 1.1

    

    Spécifications de SPARQL 1.1 URL
  • Sélectionner l’activité Travail pratique 5

    Travail pratique 5

  • Sélectionner l’activité Énoncé TP5 - A20

    

    Énoncé TP5 - A20 Fichier
  • Sélectionner l’activité Fichier TP5 - A20

    

    Fichier TP5 - A20
  • Sélectionner l’activité Remise TP5 - A20

    

    Remise TP5 - A20 Devoir
• Sélectionner la section Examen final (13 décembre 2018)

  Replier Déplier

  Examen final (13 décembre 2018)

  Non disponible