Morgan Schmiedt

Vidéos sur le développement Web

Les vidéos de ma chaine YouTube pour apprendre le développement Web ou se perfectionner.

Cette page recense tous les thèmes abordés et tous les projets réalisés.

Programmation Web

Front-end

Back-end

Langages

Programmation

  • Programmation asynchrone en JavaScript : Événements, Callbacks, Promises, async-await
    Vidéo - Code source

API

Projets

Développer un dé virtuel

  • Partie 1 : Générer la logique dans un environnement Node.js exécutable à partir de la ligne de commande.
    Vidéo - Code source
  • Partie 2 : Création de la page Web et intégration de la logique.
    Vidéo - Code source
  • Partie 3 : Ajout du style.
    Vidéo - Code source

Développer un mini-jeu : Deviner un nombre

Jeu consistant à trouver le nombre qui a été choisi par la machine. Si le nombre est correct, c'est gagné ! Sinon, une indication est donnée selon que le nombre proposé est plus grand ou plus petit que le nombre recherché.
Vidéo - Code source

Développer un SUDOKU

  • Partie 1 : Réalisation de la grille en HTML et du style responsive. Création de la logique pour trouver les erreurs contenues dans la grille.
    Vidéo - Code source - Démo
  • Partie 2 : Chargement d'une grille aléatoire au démarrage du jeu. Amélioration de l'affichage
    Vidéo - Code source - Démo
  • Partie 3 : Développement d'un algorithme pour résoudre automatiquement le SUDOKU.
    Vidéo - Code source - Démo

Développer un convertisseur de devises

  • Partie 1 : Conversion d'un seul couple de devises avec un taux de conversion fixe.
    Vidéo - Code source
  • Partie 2 : Ajout d'un parseur XML pour importer les taux de change de la page BCE (Banque Centrale Européenne) au format XML.
    Vidéo - Code source
  • Partie 3 : Ajout de toutes les devises en générant la page HTML côté client (Client Side Rendering) et en utilisant les taux importés de la BCE.
    Vidéo - Code source
  • Partie 4 : Réalisation d'un proxy pour importer les taux automatiquement et contourner la politique de sécurité CORS.
    Vidéo - Code source

Développer une calculatrice

  • Partie 1 : Développement de la logique d'une calculatrice permettant à l'utilisateur de saisir des opérations mathématiques au clavier.
    Vidéo - Code source - Démo
  • Partie 2 : Développement de l'interface graphique de la calculatrice en utilisant la technologie CSS GRID.
    Vidéo - Code source - Démo

Bonus