Autoplay
Autocomplete
Vidéo précédente
Terminer et continuer
Qwik par la pratique
Les fondamentaux de Qwik
Générer une application Qwik (12:21)
Première page + routage (7:59)
Event handler de menu déroulant (10:16)
Récupérer une saisie dans un champ texte (6:40)
Event handler de case à cocher (6:12)
Soumission de formulaire avec Qwik City
Utilisation du composant Form et de routeAction$() (21:28)
Form reset à laide de onSubmitCompleted$ et bind:value (6:42)
Page de création de tâches
Page de tâches à effectuer (15:03)
Passer des props à un component et les typer fortement (5:17)
Navigation de type SPA + option de ciblage (8:12)
Mettre à jour une Task - Smart et Dumb Components (9:48)
Surveiller un morceau d’état à l’aide de useTask$() (8:34)
Ajouter une classe CSS conditionnellement (4:39)
Gérer les événements du clavier (5:00)
Effectuer des requêtes HTTP vers des APIs
Nouvelle route + scoped CSS (7:52)
Créer les types correspondant à la réponse d’une API (3:44)
Requêter une API REST à l’aide du hook useResource$() (9:46)
Passer des props et les typer fortement (8:17)
Le routage avancé
Créer une route dynamique + récupérer ses "route params" (7:46)
Récupérer un utilisateur par id (12:43)
Gérer la réponse d’une API qui ne trouve pas l’objet demandé (9:25)
Récapitulatif
Route vers la page Contact + composant Contact (3:59)
Créer un composant enfant et lui passer des props (10:24)
Créer les interfaces TypeScript et les données disponibles (6:55)
Composant d’affichage de détails (10:46)
Implémenter une fonctionnalité de recherche
Présentation de l’application (2:04)
Nouvelle application + route BlogPosts (8:28)
Requêter l’API REST (8:25)
Composant BlogPost et ses props (9:48)
Filtrer les données à l’aide de useComputed$() (11:07)
Qwik Middlewares
Page de Login + routeAction$ lors du POST de formulaire (8:55)
Créer un cookie + son path (5:26)
Récupérer un cookie depuis un middleware (8:57)
Protéger une route (12:14)
Rendre accessible depuis un composant l’objet récupéré depuis un middleware (6:29)
Création d’un menu déroulant alimenté par une API REST
Présentation de l’application (1:28)
Page + route + menu (4:41)
Requêter l’API REST + utilisation d’un store (22:42)
Réduire le nombre de requêtes : debounce() (10:59)
Annuler une requête déjà partie à l’aide de AbortController (7:32)
Rendu des résultats (17:16)
Gérer la sélection du personnage (10:24)
Afficher les détails d’un personnage (19:49)
Requêter une API REST à l’aide du hook useResource$()
Contenu verrouillé
Si vous êtes déjà inscrit
vous devrez vous connecter
.
S'inscrire à la formation pour déverrouiller