Apprendre TypeScript
TypeScript est un langage fortement typé qui permet d'avoir un code plus structuré et plus facile à maintenir. Il se repose sur...
Se perfectionner
Créer un Puissance 4 en ligne
L'objectif de cette série de vidéo est de vous montrer un cas concret d'utilisation de NodeJS et des websocket en créant une version...
Découvrir TypeScript avec des tutoriels
Type Challenge "pas si facile"
Dans ce chapitre nous allons nous entraîner à créer des types utilitaires en utilisant le dépôt type-challenges. 00:00 Pick 3:08...
Challenge : AlpineJS
Pour continuer notre entraînement sur les types, je vous propose de découvrir la création d'un fichier de déclaration dans un cas...
Les décorateurs
Dans ce chapitre nous allons découvrir le principe des décorateurs qui permettent de rajouter des comportements à une classe ou...
Valider à l'exécution
TypeScript ne permet que de faire de l'analyse statique et ne pourra en aucun cas vous prémunir d'erreurs lorsque les types reçus...
Challenge : Forme conditionnel
Dans cette vidéo nous allons voir un cas qui donne souvent du fil à retordre quand on débute, un objet dont la forme dépend d'une...
Explications et choix technologiques
L'objectif du projet est de créer un jeu de puissance 4 connecté ou 2 joueurs peuvent se défier. Le premier utilisateur choisit...
Machine à états
Dans ce chapitre nous allons créer notre machine à états qui nous permettra de piloter le jeu. On utilisera vitest pour tester le...
Composants React
Dans ce chapitre nous allons allons créer les composants qui nous serviront plus tard dans notre jeu. Le principal composant qui va...
Contexte React
Maintenant que nos composants sont prêt nous allons pouvoir les brancher avec la logique de notre machine à états. Pour cela nous...
Sessions utilisateurs
Maintenant que nous avons fait le tour de la partie front-end nous allons pouvoir attaquer la partie serveur en commençant par le...
WebSocket côté serveur
Dans ce chapitre nous allons mettre en place la logique des WebSockets côté serveur pour gérer la synchronisation du jeu entre les...
Websocket côté client
Maintenant que notre serveur est capable de gérer les WebSockets on va pouvoir modifier notre hook / contexte pour se synchroniser...
Déploiement sur heroku
Notre jeu est fonctionnel et il va maintenant falloir le déployer afin de le rendre disponible en ligne. Il existe différentes méthodes...
Typer React avec TypeScript
Dans ce chapitre nous allons voir comment utiliser le types react @types/react. 00:48 Config tsconfig.json 02:24 Typer les props 07:05...
Organiser son projet JavaScript
Je vous propose aujourd'hui de partager avec vous l'organisation de mes projets JavaScript. 00:00 Introduction 01:00 Workspaces &...