Au début de la vidéo, nous allons voir comment créer un formulaire avec flutter, valider les champs du formulaire mais aussi récupérer les valeurs à l'aide de controllers. En 2ème temps, je vous montrerais comment générer un app bundle ou un apk pour publier votre application sur le play store. Pour la publication sur le store, nous l'avions déjà fait dans le dernier épisode de ma formation kotlin pour Android (lien au dessus).
Chapitres de la vidéo : 0:00 : Intro 1:07 : Création d'un nouvel écran 2:37 : Création d'un formulaire 9:02 : Sauvegarde de la recette créée 12:38 : Création d'une route 13:09 : FloatingActionButton 14:30 : Test de l'application finale 15:55 : Génération de l'app pour Android 18:27 : Conclusion
Voici un nouveau tutoriel android pour les plus confirmés d'entre vous.
► Pour le code, voici le github : https://github.com/dsilvera/videolist
Il y a une partie théorique donc tous le monde peut regarder la vidéo pour comprendre comment vos applications font.
Nous codons ici en kotlin avec Android Studio.
Elle vous permettra d'afficher une liste de vidéo dans une recyclerview (ici on utilise la recyclerview d'androidx). On utilisera exoplayer comme player de video.
Nous utilisons exoplayer comme lecteur vidéo.
Nous allons voir les techniques utilisées par Instagram, Facebook ou encore YouTube pour afficher une liste de vidéo dans une recyclerview.
► ABONNE-TOI en cliquant ICI : https://www.youtube.com/user/Playlist8055
► Twitter : https://twitter.com/dav_silvera
► Instagram : https://www.instagram.com/dav.silvera
► TikTok : https://www.tiktok.com/@davsil5
Crédit:
Titre: Zdarmania
Auteur: Niwel
Source: https://soundcloud.com/niwel-516897768
Licence: https://creativecommons.org/licenses/by-sa/3.0/deed.fr
Téléchargement (5MB): https://auboutdufil.com/?id=565
L'idée de la vidéo est donc d'afficher exoplayer inside a recyclerview. Autrement dit, afficher une RecyclerView with exoplayer.
----
In this tutorial, we will develop in kotlin language in Android Studio IDE. We will design an application that we can see a video list like instagram, youtube or facebook.
I will show you how to play video in a RecyclerView. When the user scrolls to a list item, we will calculate the more visible item to play video. We will be playing the videos using ExoPlayer and displaying thumbnails using the Glide library.
You want to know how to use a recyclerview with video and photo? This tuto is for you. In my github code, you can have the code to know how to play and pause video. Our custom Recylerview will playing video itself!
This video explained to you how to use exoplayer (not youtubeplayerview for this example) inside a recyclerview. So we will use exoplayer like a video player. Also, we will use RecyclerView with androidx in this example and a linear layout manager.
So, we will see how to integrate RecyclerView with ExoPlayer — The clean way — and customization..
Moreover, you can retrieve videos from firebase storage using Exoplayer in Recyclerview. You can display video in your list.
by david silvera
...
https://www.youtube.com/watch?v=-eH05WJl6Tc
On crée une base de données pas à pas avec SQFLite!
Ca peut paraître compliqué mais avec quelques astuces on s'en sort facilement!
Voici donc un épisode très important de cette formation Flutter.
Dans le prochain épisode, on fera la même chose mais cette fois ci avec une base de donnée NoSQL qui est beaucoup plus performante mais ne permet pas de faire des requêtes complexes.
► ABONNE-TOI en cliquant ICI : https://www.youtube.com/channel/UCHYsJlzg-8MBpskWQd95GxA/?sub_confirmation=1
► Tous les épisodes de cette formation : https://www.youtube.com/watch?v=2raikIQfmMY&list=PLVaasf-927w4T1f42loBJDEYbQP1wd9VB
► Formation gratuite pour apprendre à créer une application mobile Android : https://www.youtube.com/watch?v=yT9syHJs4Xo&list=PLVaasf-927w7lMfrqWoGs458q17jgPBtg
Voici le code source de la fin de l'épisode précédent : https://github.com/dsilvera/flutter_formation/tree/episode_9_navigation_transition
Voici le code source de la fin de cet épisode : https://github.com/dsilvera/flutter_formation/tree/episode_10_sqflite
Chapitres de la vidéo :
0:00 : Intro
2:12 : Ajout des dépendances
2:34 : Préparation du model
4:25 : Manageur de base de données
5:54 : Initialisation de la base de données
8:09 : Insérer une donnée
9:16 : Modification d'une donnée
10:17 : Suppression d'une donnée
10:44 : Récupération des données
13:38 : Utilisation de notre manageur
13:55 : FutureBuilder
19:25 : Conclusion
► Twitter : https://twitter.com/dav_silvera
► Instagram : https://www.instagram.com/dav.silvera
► TikTok : https://www.tiktok.com/@davsil5
Notions apprises : SQFLite, FutureBuilder, Future, Async, await, Database, factory
#flutter #android #ios #sqflite
By David Silvera ;)
...
https://www.youtube.com/watch?v=dOQq6s4nb-k
Voici le dernier épisode de cette mini formation en français (fr) pour apprendre à coder un jeu mobile avec Unity de a à z. Nous allons coder un Flappy Bird !
Ce tutoriel est destiné au débutant en unity comme au expert en développement!
► Voici la playlist complète de cette série : https://www.youtube.com/watch?v=7TvpqmdF0nQ&list=PLVaasf-927w4of6FXLwk8saQOa1-Nvwhs
A la fin de cette formation, vous pourrez développer un jeu avec Unity sur Android ou iOS mais ces tutos vous permettent aussi de coder un jeu sur d'autres supports en 2d ou en 3d.
► ABONNE-TOI en cliquant ICI : https://www.youtube.com/channel/UCHYsJlzg-8MBpskWQd95GxA/?sub_confirmation=1
Chapitres de la vidéo :
0:00 : Intro
Je vous montre comment utiliser unity 2d, comment installer unity sur android ou ios, comment installer unity 2021, comment coder avec unity et c'est quoi unity.
► Twitter : https://twitter.com/dav_silvera
► Instagram : https://www.instagram.com/dav.silvera
► TikTok : https://www.tiktok.com/@davsil5
Musique proposée par La Musique Libre :
Vendredi - Beyond (Full Album Mix) : https://youtu.be/MN-pvfS5kl0
Vendredi : https://soundcloud.com/vendrediduo
By David Silvera ;)
#unity2d #unity3d #unitygaming #unitymobile #unitytutorial
...
https://www.youtube.com/watch?v=_NRkzOA1RQk
Découvrez les astuces éprouvées de chatGPT pour améliorer votre productivité en tant que développeur. Apprenez à optimiser votre code et à devenir plus efficace dans votre travail quotidien. Cette vidéo présente une astuce qui permet de comprendre n'importe quel bout de code. Ici, on lui montre une fonction en python et il arrive à comprendre ce qu'elle fait.
Suivez ces astuces pour devenir un expert en développement et améliorer vos compétences en programmation.
Assurez-vous de vous abonner à la chaîne pour plus de conseils et astuces sur le développement.
► ABONNE-TOI en cliquant ICI : https://www.youtube.com/channel/UCHYsJlzg-8MBpskWQd95GxA/?sub_confirmation=1
► Twitter : https://twitter.com/dav_silvera
► Instagram : https://www.instagram.com/dav.silvera
► TikTok : https://www.tiktok.com/@davsil5
By David Silvera ;)
#chatgpt #openai #developer
...
https://www.youtube.com/watch?v=s9uSUUbMNCw
Dans cette épisode nous codons enfin!
Nous allons mettre en pratique la théorie enseignée dans les 2 précédents épisodes.
► ABONNE-TOI en cliquant ICI : https://www.youtube.com/channel/UCHYsJlzg-8MBpskWQd95GxA/?sub_confirmation=1
►La playlist de la formation Flutter complète et gratuite : https://www.youtube.com/watch?v=2raikIQfmMY&list=PLVaasf-927w4T1f42loBJDEYbQP1wd9VB
►La playlist de la formation Kotlin complète et gratuite pour coder des applications Android natives : https://www.youtube.com/watch?v=yT9syHJs4Xo&list=PLVaasf-927w7lMfrqWoGs458q17jgPBtg
Nous mettons en place des lignes et colonnes afin d'afficher la section "titre" de notre recette de cuisine.
Dans cette épisode, nous apprenons à utiliser des lignes et colonnes mais aussi, des icônes et des textes.
Nous commencons pas à pas afin que cela soit facile et compréhensible pour toutes et tous.
Les chapitre de la vidéo :
0:00 Intro
0:34 : On code
1:46 : Les colonnes (column)
3:40 : Ajout de style à nos textes
4:58 : Les lignes (row)
10:10 : Résultat
10:31 : Conclusion
► Twitter : https://twitter.com/dav_silvera
► Instagram : https://www.instagram.com/dav.silvera
► TikTok : https://www.tiktok.com/@davsil5
By David Silvera ;)
#kotlin #android #ios
...
https://www.youtube.com/watch?v=Lz-lB_f5w3I
Me voici de retour avec des nouveaux concepts de vidéo !
J'espère que celle ci vous plaira ?
Dans cette vidéo, je me suis lancer le défi d'apprendre react native en 1 jour ! Le but étant d'avoir toutes les pistes pour aller plus loin par la suite !
Je dois donc :
- Configurer ma machine
- Trouver le bon IDE
- Apprendre les principes de react native
- Connaître les différents composants
- Comprendre le fonctionnement du langage
- Créer une application avec react native
- Installer une application sur mon smartphone
Ca fait beaucoup de chose pour une journée ! Est ce que je vais y arriver ? Réponse à la fin de la vidéo ?
► ABONNE-TOI en cliquant ICI : https://www.youtube.com/channel/UCHYsJlzg-8MBpskWQd95GxA/?sub_confirmation=1
Chapitres de la vidéo :
0:00 : Intro
1:11 : Let's go
3:26 : Configuration de l'environnement
8:30 : Démarrage du 1er projet ?
10:37 : Je découvre les composants
19:56 : Je code ma 1er app
25:28 : Conclusion
► Twitter : https://twitter.com/dav_silvera
► Instagram : https://www.instagram.com/dav.silvera
► TikTok : https://www.tiktok.com/@davsil5
By David Silvera ;)
#reactnative #reactnativetutorial #developer
...
https://www.youtube.com/watch?v=3Pot2kQ97i4
3ème épisode de la mini série pour vous montrer comment utiliser Firebase avec Flutter.
J'ai choisi 3 produits pour ces vidéos : Authentication, Firestore et Crashlytics.
► Tous les épisodes de cette formation : https://www.youtube.com/watch?v=435cWSQFcyE&list=PLVaasf-927w7Sfe4grbaoIyWBymbV_rz-
Dans cette série, il y aura 5 épisodes :
- 1 : Configuration de Firebase dans nouveau projet Flutter Android, iOS et Web,
- 2 : Création des formulaires d'authentification et création de compte,
- 3 : Utilisation de Firebase Authentication pour créer un compte et se connecter,
- 4 : Utilisation de Firebase Firestore pour gérer une liste d'utilisateur,
- 5 : Installation et test de crashlytics.
Dans cet épisode, nous allons voir comment utiliser firebase authentication pas à pas avec quelques astuces afin de l'intégrer correctement. Nous nous concentrerons sur l'authentification par email et mot de passe.
► ABONNE-TOI en cliquant ICI : https://www.youtube.com/channel/UCHYsJlzg-8MBpskWQd95GxA/?sub_confirmation=1
Tout au long des épisodes, nous créerons un mini réseau social appelé Water Social dans lequel chaque utilisateurs cliqueront sur un bouton à chaque fois qu'ils boivent un verre d'eau.
Voici les différents liens pour les dépendences de cette épisode :
- Episode de ma formation sur les formulaires : https://www.youtube.com/watch?v=DT4qZP-usXA&list=PLVaasf-927w4T1f42loBJDEYbQP1wd9VB&index=12
- Code source des tutos : https://github.com/dsilvera/flutter_firebase
- Firebase authentication : https://firebase.flutter.dev/docs/auth/overview
- Firebase Firestore : https://firebase.flutter.dev/docs/firestore/overview
- Console Firebase : https://console.firebase.google.com/
- Flutter Porvider : https://pub.dev/packages/provider
- Flutter Spinkit pour le loader : https://pub.dev/packages/flutter_spinkit
► Voici la formation complète de Flutter sur ma chaîne : https://www.youtube.com/watch?v=2raikIQfmMY&list=PLVaasf-927w4T1f42loBJDEYbQP1wd9VB
► Voici la vidéo sur Flutter Web : https://www.youtube.com/watch?v=Ps3Kf-3u7E4
Chapitres de la vidéo :
0:00 : Intro
0:53 : Création d'une classe pour l'authentification
6:00 : Utilisation de notre classe
7:53 : Utilisation du stream user
9:18 : Création d'un wrapper
10:30 : Initialisation de Firebase
12:35 : Home et logout
13:44 : Test de l'app
14:40 : Conclusion
► Twitter : https://twitter.com/dav_silvera
► Instagram : https://www.instagram.com/dav.silvera
► TikTok : https://www.tiktok.com/@davsil5
By David Silvera ;)
#firebase #flutterdev #Flutterweb #firestore #firebaseAuth #FirebaseCrashlytics #flutter #coding #programmation #developpementweb #developpementmobile #flutterFire
...
https://www.youtube.com/watch?v=r_c_2vowq74
On apprend une étape importe qui est d'afficher une liste avec Flutter.
Cette notion est indispensable en programmation mobile.
Nous allons tout d'abord apprendre à afficher une liste très simple.
Puis, nous afficherons une liste personnalisée.
Ensuite, je vous montrerais comment afficher une liste avec beaucoup d'élément.
Et enfin, je vous montre comment supprimer une liste pour apporter plus de fun dans cette vidéo!
► Tous les épisodes de cette formation : https://www.youtube.com/watch?v=2raikIQfmMY&list=PLVaasf-927w4T1f42loBJDEYbQP1wd9VB
► Formation gratuite pour apprendre à créer une application mobile Android : https://www.youtube.com/watch?v=yT9syHJs4Xo&list=PLVaasf-927w7lMfrqWoGs458q17jgPBtg
► ABONNE-TOI en cliquant ICI : https://www.youtube.com/channel/UCHYsJlzg-8MBpskWQd95GxA/?sub_confirmation=1
Chapitres de la vidéo :
0:00 : Intro
1:01 : Création d'un nouvel écran
2:18 : Affichage d'une liste simple
4:12 : Liste personnalisée
9:34 : Liste complexe
12:13 : Suppression d'une ligne
16:16 : Conclusion
Notions apprises : ListView, ListTile, Snackbar, Dismissible, ListView Builder, Card, Padding
► Twitter : https://twitter.com/dav_silvera
► Instagram : https://www.instagram.com/dav.silvera
► TikTok : https://www.tiktok.com/@davsil5
By David Silvera ;)
...
https://www.youtube.com/watch?v=7RQ1BjtDF9Q
Voici le 5ème et dernier épisode de la mini série pour vous montrer comment utiliser Firebase avec Flutter.
J'ai choisi 3 produits pour ces vidéos : Authentication, Firestore et Crashlytics.
► Tous les épisodes de cette formation : https://www.youtube.com/watch?v=435cWSQFcyE&list=PLVaasf-927w7Sfe4grbaoIyWBymbV_rz-
Note : Pour ouvrir XCode, j'ai du cliquer sur terminal tout en bas de Android Studio, puis dans la barre tout en haut de votre écran, il faut aller dans Tools / Flutter et ouvrir xcode.
Dans cette série, il y a 5 épisodes :
- 1 : Configuration de Firebase dans nouveau projet Flutter Android, iOS et Web,
- 2 : Création des formulaires d'authentification et création de compte,
- 3 : Utilisation de Firebase Authentication pour créer un compte et se connecter,
- 4 : Utilisation de Firebase Firestore pour gérer une liste d'utilisateur,
- 5 : Installation et test de crashlytics.
Dans cet épisode, nous allons installer Firebase crashlytics afin de mesurer la qualité de notre application et avoir une application robuste. A chaque fois que notre app crash, nous pourrons être averti et corriger le problème pour une prochaine version afin d'avoir une application fiable.
► ABONNE-TOI en cliquant ICI : https://www.youtube.com/channel/UCHYsJlzg-8MBpskWQd95GxA/?sub_confirmation=1
Tout au long des épisodes, nous avons créé un mini réseau social appelé Water Social dans lequel l'utilisateur clique sur un bouton à chaque fois qu'il boit un verre d'eau.
Voici les différents liens pour les dépendences de cette série :
- La vidéo sur les différents produits Firebase : https://www.youtube.com/watch?v=ujmQtNvsqfA
- Code source des tutos : https://github.com/dsilvera/flutter_firebase
- Firebase crashlytics : https://firebase.flutter.dev/docs/crashlytics/overview
- Console Firebase : https://console.firebase.google.com/
► Voici la formation complète de Flutter sur ma chaîne : https://www.youtube.com/watch?v=2raikIQfmMY&list=PLVaasf-927w4T1f42loBJDEYbQP1wd9VB
Chapitres de la vidéo :
0:00 : Intro
1:01 : Configuration Flutter
1:31 : Configuration Android
1:41 : Configuration iOS
2:26 : Configuration de la console
2:52 : Mise en place
3:41 : Test
4:40 : Conclusion
► Twitter : https://twitter.com/dav_silvera
► Instagram : https://www.instagram.com/dav.silvera
► TikTok : https://www.tiktok.com/@davsil5
By David Silvera ;)
#firebase #flutterdev #Flutterweb #firestore #firebaseAuth #FirebaseCrashlytics #flutter #coding #programmation #developpementweb #developpementmobile #flutterFire
...
https://www.youtube.com/watch?v=CkJK3JU9lVA