- 256
- 770 283
DrcMind
France
เข้าร่วมเมื่อ 11 ม.ค. 2020
We teach developpers to create apps that users love
Email: drcmindfrench@gmail.com
Website: https:drcmind.com
Email: drcmindfrench@gmail.com
Website: https:drcmind.com
Les bases des applications web progressive (PWA) tuto français
Bienvenue dans ce tutoriel complet sur les fondamentaux des applications web progressives (PWA) en français ! Dans cette vidéo, vous allez découvrir tout ce que vous devez savoir pour comprendre et commencer à développer des PWA.
🔗 Liens Utiles:
📘 Cours Complet sur le Développement Web: th-cam.com/video/nf2XHSpI4WA/w-d-xo.html
📚 Cours sur JavaScript pour les Débutants: th-cam.com/video/89nQOhrWgm8/w-d-xo.htmlsi=0HIMO0sKH5wHk6dQ
💻 Code Source du Projet sur GitHub: github.com/DrcMind-TH-cam/pwa-app
📖 Documentation sur les PWA: web.dev/explore/progressive-web-apps
🛠️ Générateur d'Assets pour PWA: www.npmjs.com/package/pwa-asset-generator
PARTIE
00:00 Introduction
00:20 Demo
00:50 C'est quoi une application web progressive
01:57 Différence entre PWA, application native et application web
03:38 Prérequis
03:55 Configuration du projet
08:56 L'instalabilité
14:24 Genérer des icones
33:54 Service worker
41:20 Cache API
51:04 Le Workbox
Réjoignez la communauté: t.me/+bn_KQqOUyv9hOWI0
Tweeter: drcmin2
Facebook: DrcMin2
#DrcMind
🔗 Liens Utiles:
📘 Cours Complet sur le Développement Web: th-cam.com/video/nf2XHSpI4WA/w-d-xo.html
📚 Cours sur JavaScript pour les Débutants: th-cam.com/video/89nQOhrWgm8/w-d-xo.htmlsi=0HIMO0sKH5wHk6dQ
💻 Code Source du Projet sur GitHub: github.com/DrcMind-TH-cam/pwa-app
📖 Documentation sur les PWA: web.dev/explore/progressive-web-apps
🛠️ Générateur d'Assets pour PWA: www.npmjs.com/package/pwa-asset-generator
PARTIE
00:00 Introduction
00:20 Demo
00:50 C'est quoi une application web progressive
01:57 Différence entre PWA, application native et application web
03:38 Prérequis
03:55 Configuration du projet
08:56 L'instalabilité
14:24 Genérer des icones
33:54 Service worker
41:20 Cache API
51:04 Le Workbox
Réjoignez la communauté: t.me/+bn_KQqOUyv9hOWI0
Tweeter: drcmin2
Facebook: DrcMin2
#DrcMind
มุมมอง: 2 591
วีดีโอ
Boostez votre créativité avec ces 5 astuces CSS pour des interfaces utilisateur incroyables
มุมมอง 1K10 หลายเดือนก่อน
Dans cette vidéo, vous allez découvrir différentes astuces qui pourront vous aider à booster votre productivité mais aussi à créer des belles interfaces graphiques. Code source : github.com/DrcMind-TH-cam/css-tips Plan : 00:00 Introduction 00:18 Nesting CSS 01:35 has() 08:54 Smooth Scroll 10:26 Texte degradé 12:49 Object-fit Suivez nos cours : Web complet : th-cam.com/video/nf2XHSpI4WA/w-d-xo.h...
Les bases de Nextjs #8 Les servers actions (TODO app) | Cours NextJs en français pour débutant
มุมมอง 1.7K10 หลายเดือนก่อน
Prisma est un outil puissant qui permet d'interagir avec des bases de données SQL de manière simple et efficace. Il offre une interface intuitive et unifiée pour gérer vos données, quel que soit le type de base de données que vous utilisez. Server Actions est une nouvelle fonctionnalité de Next.js 13 qui permet d'exécuter du code JavaScript côté serveur en réponse à une requête HTTP. Combiner P...
Les bases de Nextjs #7 Les métadonnées | Cours NextJs en français pour débutant
มุมมอง 1.1K11 หลายเดือนก่อน
Les métadonnées sont des informations supplémentaires qui peuvent être ajoutées aux pages Web pour fournir des informations aux moteurs de recherche et aux utilisateurs. Lien Github : github.com/DrcMind-TH-cam/les-bases-nextjs14/tree/07.Metadata Docs : nextjs.org/docs/app/building-your-application/optimizing/metadata Réjoignez la communauté: t.me/ bn_KQqOUyv9hOWI0 Tweeter: drcmin2 F...
Filtrer les données d'une API avec ReactJs et Framer motion | Typescript, React query, Tailwind)
มุมมอง 85411 หลายเดือนก่อน
Découvrez dans cette vidéo, comment créer des jolies animations avec React et Framer-motion. 00:00 Introduction 01:16 Configuration du projet 04:30 React Query 15:00 Affichage des données 21:36 Affichage des produits et filtres 31:00 Framer motion Liens importants : - Code source Github : github.com/DrcMind-TH-cam/react-framer-motion - Framer motion : www.framer.com/motion/ - API : fakeapi.plat...
Les bases de Nextjs #6 Les APIs (CRUD) | Cours NextJs en français pour débutant
มุมมอง 2.5K11 หลายเดือนก่อน
Dans cette vidéo, nous allons voir comment créer des API en Next.js avec le route en Next.js 14. Nous commencerons par une introduction aux API en Next.js. Nous verrons ce que sont les API, pourquoi elles sont importantes et comment elles fonctionnent en Next.js. Ensuite, nous apprendrons à créer des API de base en Next.js. Nous verrons comment définir des routes API, comment traiter les requêt...
Créer une interface de chargement de squelette avec effet de scintillement | Jetpack Compose
มุมมอง 53911 หลายเดือนก่อน
Apprenez comment créer une interface de chargement de squelette avec l'effet de scentillement. Réjoignez la communauté: t.me/ bn_KQqOUyv9hOWI0 Tweeter: drcmin2 Facebook: DrcMin2 #DrcMind
La navigation dans un projet Kotlin Multiplatform avec Voyager | Compose Multiplatform
มุมมอง 45211 หลายเดือนก่อน
Découvrez comment c'est simple d'implementer la navigation dans un projet Kotlin Multiplatform avec un UI partagé Compose Multiplatform grâce à la librairie Voyager. - Navigation linéaire - Animation des transition - Passation des arguments - Tab navigation - Navigation imbriquée Réjoignez la communauté: t.me/ bn_KQqOUyv9hOWI0 Tweeter: drcmin2 Facebook: DrcMin2 #DrcMind
Créer un scanneur barcode ou QR Code avec MLKit dans une application Android avec Jetpack Compose
มุมมอง 1.1Kปีที่แล้ว
Implementer la machine learning dans votre appareil Android grâce au SDK MLKit avec le modèle de scan des barcode ou QR code dans une application Android avec le cadre d'outil Jetpack compose Réjoignez la communauté: t.me/ bn_KQqOUyv9hOWI0 Tweeter: drcmin2 Facebook: DrcMin2 #DrcMind
Les bases de Nextjs #5 Styles,font et images | Cours NextJs en français pour débutant
มุมมอง 2.2Kปีที่แล้ว
Découvrez dans cette nouvelle vidéo ,nous allons voir comment ajouter le style dans une application Nextjs mais aussi comment utiliser les fonctionalités de base comme image et font pour profiter des avantages de Nextjs sur la performance. 00:00 introduction 04:08 Le style avec global et CSS modules 08:36 Tailwind CSS 12:32 DaisyUI 21:08 Le Font (police) en NextJs 22:36 Ajouter une image extern...
Apprendre à créer un UI partagé pour Android, iOS, Desktop et Web avec Compose Multiplatform
มุมมอง 607ปีที่แล้ว
Dans cette vidéo, vous allez apprendre comment créer sur base d'un seul code des UI partagés pour plusieurs plateformes (Android, iOS, Applciation Desktop et le Web) avec le cadre d'outil ou framework Compose Multiplatform. Projet github : github.com/DrcMind-TH-cam/notes-app-with-compose-multiplatform Réjoignez la communauté: t.me/ bn_KQqOUyv9hOWI0 Tweeter: drcmin2 Facebook: faceboo...
Les bases de Nextjs #4 Data Fetching et Caches | Cours NextJs en français pour débutant
มุมมอง 3.5Kปีที่แล้ว
Exploration avancée des données avec Next.js 14 Bienvenue dans cette nouvelle vidéo où nous plongeons dans les fonctionnalités de recherche de données de Next.js 14! 🌐 Dans ce tutoriel approfondi, nous explorons les bases de la récupération et du stockage en cache des données dans vos applications Next.js. 📂 Code Source et Exemples: github.com/DrcMind-TH-cam/les-bases-nextjs14/tree/04.Data-Fetc...
Envoyer une notification depuis l'application | Android Studio | Jetpack Compose
มุมมอง 622ปีที่แล้ว
Dans cette vidéo on explique comment on peut directement déclencher une notification à partir de votre application avec Jetpack Compose. Réjoignez la communauté: t.me/ bn_KQqOUyv9hOWI0 Tweeter: drcmin2 Facebook: DrcMin2 #DrcMind
#S1 #Ep6 | Angular & Firebase e-commence | Authentification | Gestion de stock | AngularFire fr
มุมมอง 983ปีที่แล้ว
Bonjour les amis dans cette vidéo, nous verrons comment utiliser le service d'authentification de Firebase pour connecter et inscrire un utilisateur dans notre application E-commerce partie Admin. th-cam.com/video/hiTGJtfPIdY/w-d-xo.htmlsi=WOccooXag110ageV th-cam.com/video/OoIEcOvly_U/w-d-xo.htmlsi=Bax627Fbj0nNUb62 LES CHAPITRES 00:00 Introduction 01:04 Prérequis 01:55 Interface se connecter (L...
Créer une liste qui garde son état même après l'arrêt de l'appli | Jetpack Compose | Android Studio
มุมมอง 353ปีที่แล้ว
Créer une liste qui garde son état même après l'arrêt de l'appli | Jetpack Compose | Android Studio
Les bases de Nextjs #3 Le rendu (serveur et client) | Cours NextJs en français pour débutant
มุมมอง 3.1Kปีที่แล้ว
Les bases de Nextjs #3 Le rendu (serveur et client) | Cours NextJs en français pour débutant
Les bases de Nextjs #2 Navigation | Cours NextJs en français pour débutant
มุมมอง 4.3Kปีที่แล้ว
Les bases de Nextjs #2 Navigation | Cours NextJs en français pour débutant
Créer votre premier projet Kotlin Multiplatform avec Compose Multiplatform | Cours pour débutants
มุมมอง 1.7Kปีที่แล้ว
Créer votre premier projet Kotlin Multiplatform avec Compose Multiplatform | Cours pour débutants
Les bases de Nextjs #1 Introduction | Cours NextJs en français pour débutant
มุมมอง 9Kปีที่แล้ว
Les bases de Nextjs #1 Introduction | Cours NextJs en français pour débutant
#S1 #Ep5 | Angular & Firebase e-commence | Theme et Typographie | Gestion de stock | AngularFire fr
มุมมอง 366ปีที่แล้ว
#S1 #Ep5 | Angular & Firebase e-commence | Theme et Typographie | Gestion de stock | AngularFire fr
#S1 #Ep4 | Angular & Firebase e-commence | Navigation de Dashboard | Gestion de stock | AngularFire
มุมมอง 556ปีที่แล้ว
#S1 #Ep4 | Angular & Firebase e-commence | Navigation de Dashboard | Gestion de stock | AngularFire
#S1 #Ep3 | Angular & Firebase e-commence | Routage et Navigation | Gestion de stock | AngularFire fr
มุมมอง 563ปีที่แล้ว
#S1 #Ep3 | Angular & Firebase e-commence | Routage et Navigation | Gestion de stock | AngularFire fr
Lecture des données depuis Google Sheets dans une app. Android avec Jetpack Compose, ROOM, MVVM
มุมมอง 743ปีที่แล้ว
Lecture des données depuis Google Sheets dans une app. Android avec Jetpack Compose, ROOM, MVVM
Cours complet sur le développement Web moderne pour débutant (html,css,javascript) | tuto français
มุมมอง 68Kปีที่แล้ว
Cours complet sur le développement Web moderne pour débutant (html,css,javascript) | tuto français
#S1 #Ep2 | Angular & Firebase e-commence | Configuration | Gestion de stock | AngularFire fr
มุมมอง 1.2Kปีที่แล้ว
#S1 #Ep2 | Angular & Firebase e-commence | Configuration | Gestion de stock | AngularFire fr
Développement web pour débutant #5 Apprendre le DOM part2 : Site E-commerce avec javascript
มุมมอง 1.7Kปีที่แล้ว
Développement web pour débutant #5 Apprendre le DOM part2 : Site E-commerce avec javascript
#S1 #Ep1 | Angular & Firebase e-commence | Introduction | Gestion de stock | AngularFire tuto fr
มุมมอง 1.9Kปีที่แล้ว
#S1 #Ep1 | Angular & Firebase e-commence | Introduction | Gestion de stock | AngularFire tuto fr
Développement web pour débutant #4 Apprendre le DOM part1
มุมมอง 1.9Kปีที่แล้ว
Développement web pour débutant #4 Apprendre le DOM part1
Comment implémenter la pagination des données de Firebase Firestore avec Jetpack Compose | Paging3
มุมมอง 428ปีที่แล้ว
Comment implémenter la pagination des données de Firebase Firestore avec Jetpack Compose | Paging3
Développement web pour débutant #3 Cours complet CSS - Conception projet et deploiement sur Netlify
มุมมอง 3.7Kปีที่แล้ว
Développement web pour débutant #3 Cours complet CSS - Conception projet et deploiement sur Netlify