Загрузка...

Formation Nuxt JS 3 : Découvrir le composable useFetch avec Nuxt - Vidéo Tuto

Une Vidéo Tuto sur découvrir le composable useFetch avec Nuxt,

✅ Suivez la formation Nuxt JS 3 :
▶ https://bit.ly/40mp87z

➖➖➖➖➖➖➖

Cette formation Nuxt JS est destiné aux développeurs Vue JS désirant découvrir le framework Nuxt 3 pour développer des application complexes rapidement et simplement.
A la fin de cette formation, vous serez capable de développer une application Nuxt communiquant avec une API en profitant des fonctionnalités apportées par Vue 3 et la composition API, ainsi que de la puissance de Nuxt 3.
Dans un premier temps, nous allons découvrir Nuxt 3, les différents types de rendering possible, puis nous verrons comment installer et démarrer une application Nuxt. Une fois installée nous passerons en revue la structure d’une application Nuxt JS.
Nous découvrirons ensuite le fonctionnement du routing dans Nuxt. Nous verrons comment ajouter des nouvelles pages avec nuxi, comment afficher différentes pages, la navigation par dossier, la page 404, comment générer des liens avec NuxtLink, comment customiser des attributs de liens, customiser les liens actifs, puis le fonctionnement du routage dynamique dans Nuxt 3. Nous verrons également comment appliquer un effet de transition lors de la navigation entre différentes pages.
● Nous découvrirons les dossiers assets et public qui nous servirons à stocker des fichiers statiques.
Le SEO sera ensuite abordé dans cette formation, et nous verrons comment implémenter les balises meta de manière dynamique dans une application Nuxt.
● Nous verrons également comment ajouter les balises Open Graph et Twitter cards.
● Nous découvrirons comment importer des feuilles de styles internes et externes dans notre application Nuxt.
● Nous découvrirons la Fakestore API qui nous permettra d’exécuter des requêtes vers une API, afin de récupérer et traiter les résultats renvoyés. Pour cela nous verrons comment fonctionnent $fetch, useAsyncData et le composable useFetch avec Nuxt 3.
● Nous implémenterons ensuite un layout pour notre application et nous verrons comment définir et utiliser un layout différent en fonction de la page à afficher.
● Nous découvrirons également les middlewares et leur fonctionnement, ainsi que certains helpers pratiques que nous propose Nuxt.
● Nous découvrirons le fonctionnement du state management sous Nuxt. Nous utiliserons le composable useState, définirons un state global, puis nous verrons comment utiliser Pinia dans une application Nuxt 3 afin de garder la persistance des données dans notre application.

➖➖➖➖➖➖➖

Abonnez-vous à notre chaîne :
▶ https://www.youtube.com/alphorm?sub_confirmation=1

➖➖➖➖➖➖➖

✳️ Le plan de la formation Nuxt JS 3 :
01.Présentation de la formation
02.Présentation de Nuxt 3
03.Routing avec Nuxt 3
04.Assets dans Nuxt 3
05.SEO et Balises Meta avec Nuxt 3
06.CSS dans Nuxt 3
07.Récupérer des données avec Nuxt 3
08.Layout avec Nuxt 3
09.Middleware
10.State Management
11.Préparation et configuration de l'application
12.Communication avec l'API
13.Les modules
14.Les variables d'environnement
15.Trier et filtrer les produits
16.Connexion utilisateur avec Nuxt 3
17.Shopping Cart
18.Rendering mode
19.Nuxt i18n
20.Conclusion

✅ Suivez la formation Nuxt JS 3 :
▶ https://bit.ly/3DBla18

➖➖➖➖➖➖➖

Playlist des vidéos gratuites de la formation Nuxt JS 3:
▶ https://www.youtube.com/playlist?list=PL1aYsXmhJ1WfVI33LhujVeEpxGQIUQq_D

➖➖➖➖➖➖➖

🔵 Restez connecté-e :
Alphorm Formations ▶ https://www.alphorm.com/formations
YouTube ▶ https://www.youtube.com/alphorm?sub_confirmation=1
LinkedIn ▶ https://www.linkedin.com/company/alphorm
Twitter ▶ https://twitter.com/alphorm
Facebook ▶ https://www.facebook.com/Alphorm.Officiel
Quora ▶ https://www.quora.com/q/eafxbpdmvmsagfpg

#Nuxt_JS_3 #Routing #Shopping_Cart

Видео Formation Nuxt JS 3 : Découvrir le composable useFetch avec Nuxt - Vidéo Tuto канала Alphorm
Страницу в закладки Мои закладки
Все заметки Новая заметка Страницу в заметки

На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.

Об использовании CookiesПринять