Créer un application de Flash Cards avec Angular et NestJS
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Créer un application de Flash Cards avec Angular et NestJS

Codeconcept
39,00€
3 paiements de 13,00€ avec Klarna. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Angular et NestJS utilisés conjointement permettent de créer des applications FullStack TypeScript sans perdre de temps en configurations complexes. Dans cette formation en ligne résolument pratique, nous allons créer une application de Flash Cards qui permettra de :

  • créer un backend NestJS,
  • gérer les problème de CORS,
  • créer ses propres module, controler et service NestJS,
  • créer un client Angular 9,
  • consommer depuis le client Angular 9 l'API REST du serveur NestJS,
  • créer un service Angular,
  • concevoir et implémenter des fonctionnalités proches du terrain,
  • utiliser une animation CSS dans un client Angular,
  • etc...

>Seule la pratique régulière permet de progresser en programmation.
Ce projet concret de flash cars est complexe mais humainement faisable en quelques soirées ou un jour de week-end. Il vous permettra de continuer à pratiquer votre art de la programmeur.

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Bon tuto !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Introduction
Chapitre 2
Création d'un serveur web avec NestJS
Chapitre 3
Création du client Angular 9
Chapitre 4
Sauvegarder les réponses

Plan détaillé du cours

Chapitre 1 : Introduction
02m26s
 
Leçon 1Présentation du projet fil rouge
Chapitre 2 : Création d'un serveur web avec NestJS
22m02s
 
Leçon 1Générer un projet NestJS
Leçon 2Générer un Cards module, son controler et son service
Leçon 3Créer une méthode dans un service et une interface
Leçon 4Créer une route permettant de gérer une requête GET de cards
Chapitre 3 : Création du client Angular 9
55m44s
 
Leçon 1Générer notre application Angular 9
Leçon 2Créer un service Angular qui va requêter les cards de NestJS
Leçon 3Résoudre les problèmes de CORS
Leçon 4Passer chaque card en tant qu'input property
Leçon 5Animer vos cards à l'aide de classes CSS
Leçon 6Envoyer une réponse d'un composant enfant vers son parent
Leçon 7Créer une interface Answer
Leçon 8Consolider les réponses
Leçon 9Ajouter Bootstrap 4
Chapitre 4 : Sauvegarder les réponses
47m42s
 
Leçon 1Afficher les boutons "save" et "restart" quand toutes les questions ont été vues
Leçon 2Sauvgarder toutes les réponses côté NestJS
Leçon 3Poster la demande de sauvegarde de réponses
Leçon 4Afficher uniquement les cards auxquelles l'utilisateur n'a pas su répondre
Leçon 5Rafraîchissement des cards côté client
Leçon 6Remettre le jeu à zéro

Aperçus

Avis des apprenants

Détail des avis
29
Apprenants
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
Alain Nogues
Alain Nogues
Publié le 23/05/2021
Un bon exemple, toujours expliqué de manière pédagogique
Codeconcept
Merci Alain :) Cela fait d'autant plus plaisir que je fais tout mon possible pour essayer de détailler de manière la plus claire possible les différents aspects d'une technologie (de deux en l'occurrence).

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

Angular

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Payer plus tard ou en 3x

Prix d'achat : 39,00 €
Pour payer plus tard ou en plusieurs versements échelonnés, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez plus tard ou en plusieurs fois

3 paiements de 13,00 €
tous les mois, sans intérêts
Total : 39,00 €
Afficher les conditions : Klarna
Klarna : conditions d'utilisation du paiement différé en 3 échéances.

Attendez ! 🤗

Accédez à plus de 1367 tutos gratuits

Notre politique de protection des données