Autoplay
Autocomplete
Previous Lesson
Complete and Continue
[Cours] Créer une discussion instantanée de A à Z (Socket.IO)
1 - Introduction
Présentation (2:14)
Les prérequis (0:38)
Aperçu du projet (1:50)
Éclaircissement (1:13)
2 - Création de notre site web [Express.js]
Introduction de section (0:45)
Mise en place du projet (1:30)
Présentation d’Express (1:16)
Création de la première URL (3:36)
Paramètres des URLs (2:12)
Gérer les paramètres en GET (1:29)
Définition des middlewares (3:15)
Utilisation du package Morgan (2:43)
Inclure un fichier HTML (4:03)
Template de la messagerie (2:32)
Ajout d’un modal pour l’username (3:49)
Fichier config.json & Commentaires (3:00)
Sources - Section 2 - Fin - Template de base
3 - Connexion d’un utilisateur
Introduction de section (0:33)
Mise en place de Socket.io - Côté client (2:33)
Mise en place de Socket.io - Côté serveur (3:41)
Comprendre le “socket” (1:01)
Événements de connexion & Socket.id (3:13)
Envoyer et recevoir des events (3:34)
Les paramètres dans les events (3:05)
Envoie de l’username voulu (4:28)
Ajout ou refus de l’username (5:28)
Traitement de la réponse (3:52)
Ajout du loader (7:25)
Gérer l’event disconnect (3:50)
Les rooms - Ajout de la room “users” (3:18)
Sources - Section 3 - Fin
4 - Affichage des utilisateurs
Introduction de section (0:27)
Template - Messagerie globales & Nouveau Modal (2:14)
Sources - Section 4 - Nouveauté template
Envoie des utilisateurs à la connexion (4:01)
Affichage des utilisateurs à la connexion (8:48)
Les événements broadcast (.broadcast & .to) (3:15)
Mettre à jour la liste des utilisateurs (4:31)
Affichage d’un nouvel utilisateur (3:31)
Sources - Section 4 - Fin
5 - Discussion entre les utilisateurs
Introduction de section (0:30)
Envoie d’un message au serveur (6:48)
Affichage des messages (personnels) (7:36)
Affichage des messages (extérieurs) (2:14)
Nom de l’utilisateur lié au message (5:34)
Sécurisation du message et de l’username (XSS) (4:52)
Détection lorsqu’un utilisateur écrit (7:59)
Affichage lorsqu’un utilisateur écrit (8:54)
Sources - Section 5 - Fin
6 - Messages privés entre les utilisateurs
Introduction de section (0:47)
Affichage des utilisateurs pour messages privés - 1/2 (6:16)
Affichage des utilisateurs pour messages privés - 2/2 (5:15)
Affichage des utilisateurs à la connexion (5:09)
Suppression des utilisateurs pour messages privés (5:17)
Envoie d’un message privé (2:47)
Réception d’un message privé (3:51)
Affichage de l’écriture d’un message (9:06)
Sources - Section 6 - Fin
7 - Déploiement en production
Introduction de section (0:53)
Modifications pour une version de production (6:54)
Installation de l’application en mode de production (2:49)
Utilisation de PM2 pour la disponibilité de l’application (4:22)
Liaison entre Node.js et un domaine sous Apache2 (5:56)
8 - Conclusion
Mot de la fin (0:24)
Aperçu du projet
Complete and Continue