Dev Theory - Socket.IO : Créer une discussion instantanée de A à Z - Cours
techno_logo

Socket.IO : Créer une discussion instantanée de A à Z Cours

Réalisez des applications en temps réel en utilisant Socket IO et Node.js !

Des applications réagissant en temps-réel avec le serveur, une messagerie instantanée utilisant la technologie des websockets, c'est ce que ce cours va vous permettre de créer et surtout de comprendre !

Socket.IO est la librairie la plus simple qui soit pour créer des applications en temps-réel, malgré cette simplicité elle est tout de même très puissante, et vous allez pouvoir découvrir cela petit à petit dans ce cours.

À travers les différentes sections nous verrons concrètement comment manipuler une fonctionnalité de Socket.IO, puis comment l'intégrer dans notre système. Nous ferons très souvent cette bascule entre théorie (via exemples) puis pratique (via notre messagerie), afin de constamment progresser dans l'apprentissage et l'utilisation de cette librairie.



Je vous laisse regarder le plan de cours, mais si jamais vous lisez cette ligne c'est que vous êtes bel et bien intéresser par ce cours, alors n'hésitez plus et prenez-le dès maintenant ! Vous ne serez que content de l'avoir suivi.

Que vais-je apprendre dans ce projet ?

Programme du projet

Section 1 - Introduction

  • 1 - Présentation
  • 2 - Les prérequis
  • 3 - Aperçu de la formation
  • 4 - Éclaircissement

Section 2 - Express - Création de notre site web

  • 1 - Introduction de section
  • 2 - Mise en place du projet
  • 3 - Présentation d’Express
  • 4 - Création de la première URL
  • 5 - Paramètres des URLs
  • 6 - Gérer les paramètres en GET
  • 7 - Définition des middlewares
  • 8 - Utilisation du package Morgan
  • 9 - Inclure un fichier HTML
  • 10 - Template de la messagerie
  • 11 - Ajout d’un modal pour l’username
  • 12 - Fichier config.json & Commentaires
  • Sources - Section 2 - Fin - Template de base.zip

Section 3 - Connexion d’un utilisateur

  • 1 - Introduction de section
  • 2 - Mise en place de Socket.io - Côté serveur
  • 3 - Mise en place de Socket.io - Côté client
  • 4 - Comprendre le “socket”
  • 5 - Événements de connexion & Socket.id
  • 6 - Envoyer et recevoir des events
  • 7 - Les paramètres dans les events
  • 8 - Envoie de l’username voulu
  • 9 - Ajout ou refus de l’username
  • 10 - Traitement de la réponse
  • 11 - Ajout du loader
  • 12 - Gérer l’event disconnect
  • 13 - Les rooms - Ajout de la room “users”
  • Sources - Section 3 - Fin.zip

Section 4 - Affichage des utilisateurs

  • 1 - Introduction de section
  • 2 - Template - Messagerie globales & Nouveau Modal
  • 3 - Envoie des utilisateurs à la connexion
  • 4 - Affichage des utilisateurs à la connexion
  • 5 - Les événements broadcast (.broadcast & .to)
  • 6 - Mettre à jour la liste des utilisateurs
  • 7 - Affichage d’un nouvel utilisateur
  • Sources - Section 4 - Fin.zip
  • Sources - Section 4 - Nouveauté template.zip

Section 5 - Discussion entre les utilisateurs

  • 1 - Introduction de section
  • 2 - Envoie d’un message au serveur
  • 3 - Affichage des messages (personnels)
  • 4 - Affichage des messages (extérieurs)
  • 5 - Nom de l’utilisateur lié au message
  • 6 - Sécurisation du message et de l’username (XSS)
  • 7 - Détection lorsqu’un utilisateur écrit
  • 8 - Affichage lorsqu’un utilisateur écrit
  • Sources - Section 5 - Fin.zip

Section 6 - Messages privés entre les utilisateurs

  • 1 - Introduction de section
  • 2 - Affichage des utilisateurs pour messages privés - 1/2
  • 3 - Affichage des utilisateurs pour messages privés - 2/2
  • 4 - Affichage des utilisateurs à la connexion
  • 5- Suppression des utilisateurs pour messages privés
  • 6 - Envoie d’un message privé
  • 7 - Réception d’un message privé
  • 8 - Affichage de l’écriture d’un message
  • Sources - Section 6 - Fin.zip

Section 7 - Conclusion

  • 1 - Mot de la fin

Tout ce qui est inclus...

Acheter ce projet pour 49€ Ou s'inscrire au Club pour un accès illimité à tous les projets