- 43
- 42 182
Flutter Explained
India
Приєднався 6 лют 2021
Welcome to Flutter Explained, the ultimate hub for mastering Flutter development! I'm a dedicated software engineer & experienced Flutter dev, eager to share knowledge, tips, and techniques to help you create stunning, high-quality apps for Android, iOS, and the Web.
On this channel, you'll find:
🚀 Comprehensive Flutter tutorials for all levels
🛠️ Practical examples for core concepts
📱 Showcases of innovative Flutter apps
🧩 Guides on third-party packages & APIs
🔧 Debugging & optimization techniques
🌐 Responsive & adaptive design tips
🤖 Updates on cutting-edge Flutter features
Subscribe & hit the bell icon to stay updated, and join our Flutter community to learn, grow, and build together.
Connect with Jijo N Johnson:
📧 Email: jijo@flutterexplained.com
🔗 LinkedIn: www.linkedin.com/in/jijonj
🌐Website: flutterexplained.com/
#Flutter #AppDevelopment #LearnFlutter #JijoJohnson
On this channel, you'll find:
🚀 Comprehensive Flutter tutorials for all levels
🛠️ Practical examples for core concepts
📱 Showcases of innovative Flutter apps
🧩 Guides on third-party packages & APIs
🔧 Debugging & optimization techniques
🌐 Responsive & adaptive design tips
🤖 Updates on cutting-edge Flutter features
Subscribe & hit the bell icon to stay updated, and join our Flutter community to learn, grow, and build together.
Connect with Jijo N Johnson:
📧 Email: jijo@flutterexplained.com
🔗 LinkedIn: www.linkedin.com/in/jijonj
🌐Website: flutterexplained.com/
#Flutter #AppDevelopment #LearnFlutter #JijoJohnson
Flutter UI with the latest chatGPT o1
Discover the incredible capabilities of the ChatGPT o1 model! In this video, we put o1 to the test for Flutter UI development and explore just how far it has advanced. Spoiler alert: the progress is truly impressive!
#Flutter #ChatGPT #FlutterUI
#Flutter #ChatGPT #FlutterUI
Переглядів: 185
Відео
Upgrading source code of my VS Code Extension Using ChatGPT's O1 Preview: A Hands-On Guide
Переглядів 1562 місяці тому
In this video, I walk you through the process of enhancing my custom VS Code extension using ChatGPT's O1 Preview. Watch as I add an 'Editable' feature to my extension's status bar buttons, allowing commands to be editable before execution in the terminal. Check it out here marketplace.visualstudio.com/items?itemName=JijoNJ.custom-command-buttons Contribute here github.com/jijonj/manage_custom_...
VSCode Plugin with OpenAI chatGPT o1 Preview (for Flutter and more)
Переглядів 9582 місяці тому
I created an awesome VSCode plugin for Flutter with OpenAI chatGPT o1 Preview Check it out here marketplace.visualstudio.com/items?itemName=JijoNJ.custom-command-buttons Contribute here github.com/jijonj/manage_custom_buttons
Create Flutter Portfolio Projects for your Resume with ChatGPT 4o for free and Sell it
Переглядів 2795 місяців тому
Create impressive Flutter portfolio projects with the guidance of ChatGPT-4, enhancing your resume with practical, hands-on experience. Learn how to develop, showcase, and even monetize your projects, standing out in the competitive job market.
Creating Mason Brick Templates in Flutter Using ChatGPT
Переглядів 1,3 тис.6 місяців тому
In this video, we explore how to create Mason Brick templates using AI tools. Whether you're a beginner or an experienced developer, this step-by-step guide will show you how to streamline your workflow and enhance your app development process. Learn how AI can simplify the creation of reusable components, making your Flutter projects more efficient and powerful. Don't forget to like, comment, ...
Onboarding in Flutter with Riverpod
Переглядів 3076 місяців тому
In this tutorial, we'll walk you through creating an onboarding experience in Flutter. We'll cover how to manage state with Riverpod, persist user preferences using Shared Preferences, and navigate seamlessly with GoRouter. Project link:- github.com/jijonj/flutter_onboarding Article link:- flutterexplained.com/p/flutter-onboarding-with-riverpod
Easily Rename Your Flutter App with This Package!
Переглядів 3136 місяців тому
🚀 In this quick tutorial, learn how to effortlessly rename your Flutter app using the powerful rename package. Follow along to see step-by-step instructions and tips to make the process smooth and error-free. Perfect for developers looking to rebrand or organize their projects!
Create starter flutter UI for free with ChatGPT 4o
Переглядів 15 тис.7 місяців тому
Discover the power of ChatGPT 4o! Dive into our latest tutorial where we walk you through crafting a Flutter UI for free with latest and greatest ChatGPT 4o. Perfect for beginners and pros alike.
Episode 4: Image picker | Season 3: Useful Packages
Переглядів 1467 місяців тому
Learn how to integrate Image Picker in Flutter. Unlock the power of this useful package and enhance your app's functionality. Don't miss out! 🔥 #Flutter #UsefulPackages #imagepicker Article :- flutterexplained.com/p/episode-4-image-picker
Episode 3: Shared Preferences Package | Season 3: Useful Packages
Переглядів 698 місяців тому
Dive into the world of local data storage with Flutter! In this episode of Flutter Explained, we explore the shared_preferences package, a key tool for managing user preferences in Flutter apps. Article:- flutterexplained.com/p/episode-3-shared-preferences-package
Episode 2: SVG Package | Season 3: Useful Packages
Переглядів 8610 місяців тому
Discover the essentials of SVG packages in Episode 2 of Season 3: Useful Packages. We explore top tools for effortlessly integrating and animating SVGs in your projects, enhancing both design and functionality.
Unlock Seamless Authentication: Sign in with Google in Flutter App | Supabase Tutorial
Переглядів 3,8 тис.11 місяців тому
In this tutorial, we'll guide you through the process of implementing Google Sign-In functionality in your Flutter app without relying on Firebase. Instead, we'll leverage the power of Supabase for a robust and flexible authentication experience. 🔗 Useful Links: Google Cloud Console: console.cloud.google.com/ Get started by creating a project on the Google Cloud Console to set up your OAuth 2.0...
Episode 1: Launcher Icons package | Season 3: Useful Packages
Переглядів 192Рік тому
Customize Your Flutter App Icons: A Step-by-Step Guide 🌟 | Flutter Launcher Icons Tutorial 🚀 Ready to give your Flutter app a unique identity? Dive into our latest tutorial where we demonstrate how to easily set custom launcher icons for your Flutter apps using the flutter_launcher_icons package. Perfect for both iOS and Android, this tutorial will guide you through every step of the process. 🔑...
UI Images to Flutter Code with ChatGPT Vision #instagramclone
Переглядів 874Рік тому
Experience the magic of code generation! 🔮✨ Watch us transform a mock UI into a kinda Instagram clone app using ChatGPT. Say goodbye to manual coding and hello to innovation! 🚀 #UItoApp #CodeMagic #InstagramClone
UI Images to Flutter Code with new ChatGPT Vision
Переглядів 6 тис.Рік тому
Update!!! Please note that the content of this video is no longer relevant; we encourage you to check out our latest video for the most up-to-date information on chatGPT Flutter code generation from UI, available now! ua-cam.com/video/5CjdbckYfVs/v-deo.html Explore ChatGPT's prowess in converting UI designs to Flutter code in real time! Dive into this game-changing feature, perfect for accelera...
Episode 9: Exploring Dart: Generics in Dart | Season 2: Exploring Dart
Переглядів 100Рік тому
Episode 9: Exploring Dart: Generics in Dart | Season 2: Exploring Dart
Episode 8: Exploring Dart: Collections in Dart | Season 2: Exploring Dart
Переглядів 67Рік тому
Episode 8: Exploring Dart: Collections in Dart | Season 2: Exploring Dart
Episode 7: Exploring Dart: Records in Dart | Season 2: Exploring Dart
Переглядів 177Рік тому
Episode 7: Exploring Dart: Records in Dart | Season 2: Exploring Dart
Episode 6: Exploring Dart:Built in Types in Dart | Season 2: Exploring Dart
Переглядів 98Рік тому
Episode 6: Exploring Dart:Built in Types in Dart | Season 2: Exploring Dart
Episode 5: Exploring Dart: Metadata, Libraries and Imports in Dart | Season 2: Exploring Dart
Переглядів 552Рік тому
Episode 5: Exploring Dart: Metadata, Libraries and Imports in Dart | Season 2: Exploring Dart
Episode 4 :Exploring Dart: Comments in Dart | Season 2: Exploring Dart
Переглядів 89Рік тому
Episode 4 :Exploring Dart: Comments in Dart | Season 2: Exploring Dart
Episode 3 :Exploring Dart: Operators | Season 2: Exploring Dart
Переглядів 137Рік тому
Episode 3 :Exploring Dart: Operators | Season 2: Exploring Dart
Episode 2 :Dart Variables, Null Safety, Default Values, Late Variables, and Final & Const | Season 2
Переглядів 315Рік тому
Episode 2 :Dart Variables, Null Safety, Default Values, Late Variables, and Final & Const | Season 2
Episode 1 : Introduction to Dart | Season 2:Exploring Dart
Переглядів 175Рік тому
Episode 1 : Introduction to Dart | Season 2:Exploring Dart
Build and Debug Code leveraging AI using RiverPod and Clean Architecture
Переглядів 281Рік тому
Build and Debug Code leveraging AI using RiverPod and Clean Architecture
Episode 16 : Flutter Tutorial Finale | Season 1:Exploring Common Widgets #flutterforbeginners
Переглядів 167Рік тому
Episode 16 : Flutter Tutorial Finale | Season 1:Exploring Common Widgets #flutterforbeginners
Episode 15: Circular Progress Indicator | Season 1:Exploring Common Widgets #flutterforbeginners
Переглядів 539Рік тому
Episode 15: Circular Progress Indicator | Season 1:Exploring Common Widgets #flutterforbeginners
Episode 14: Mastering Card view |Season 1:Exploring Common Widgets #flutterforbeginners
Переглядів 244Рік тому
Episode 14: Mastering Card view |Season 1:Exploring Common Widgets #flutterforbeginners
Episode 13:Mastering List view and Grid view |Season 1:Exploring Common Widgets #flutterforbeginners
Переглядів 411Рік тому
Episode 13:Mastering List view and Grid view |Season 1:Exploring Common Widgets #flutterforbeginners
Your video was Very helpful and Can you help me learn flutter or guide maybe like give some sort of road map
Message me here www.linkedin.com/in/jijonj
🌟✨️💫
stop adding music in the background, it's very distracting....
Thanks for your suggestion
Great job man, it was easy to follow
Thank you very much, of all the tutorials I watched this was the best of all. Excellent content my friend.
🤓 awesomely awesome!
Thanks! 😁
Super helpful and easy to follow! The way you showed how to use ChatGPT in VSCode for real-time coding assistance is fantastic. Can't wait to see what else this plugin can do!
Wow! The ChatGPT integration with VSCode is mind-blowing! This is definitely going to speed up my coding process. Thanks for making the setup so easy to understand. 👏
🔥 This tutorial is a game-changer! The integration of ChatGPT with VSCode is exactly what we need for more productive coding sessions. I love how the plugin streamlines problem-solving and boosts workflow efficiency. Can't wait to explore all the AI-powered features you covered. Thanks for breaking it down so clearly! 💡
Awesome
dhashamoolam is a developer 🤔
I think he can be with chat gpt o1
im japanese but your english is concise and easy to understand
☺️
Nice
Nice
Is it possible to without google cloud ?
Yes, by using Firebase
I don't get the setState() method shown in my code auto complete, even when I type it manually it gives me an error complaining there is nothing as such method is implemented. Any idea what's wrong there?
setState can be used only inside stateful widget
@@flutterexplainedofficial fixed! Thanks a lot ❤️🙏🏻
As a backend developer who just installed flutter...i can now develop mobile app muahahaha. Actually it's really cool cauz it helps you to try and change widgets here and there. i think it's less overwhelming to learn like this, the easy way for sure...
Very true
quite interesting information👍, like and sub for you
Thanks for the sub!
cool
holy crap
Yes, it has come this far. It’s only a matter of time
Now if you know a little bit of code you can create cool apps with chatgpt and it's only the beginning. Good video!!!!
Thanks bro..... 🙂
You are welcome 🙏
Subscribed and terned on notifications for all . ❤😎
Awesome 🤩
Is Flutter going to be Dead? Are the rumour’s true?
Flutter is far from being dead. It's a popular framework for building cross-platform mobile applications, and it continues to receive strong support from Google and the developer community. While the rise of AI and other coding technologies might influence the landscape, Flutter has a robust ecosystem and offers unique advantages like fast development cycles and a single codebase for multiple platforms. AI can complement Flutter by enhancing app capabilities, automating development tasks, or providing better user experiences, but it doesn't necessarily replace the need for such frameworks. In short, Flutter remains a relevant and valuable tool in the development toolkit.
They fired someone from Flutter management team, it did not affect Flutter at all
@@maximgasai1349 Flutter is an open-source framework, so even though some roles were removed from the management team, it hasn't impacted Flutter's development. In today's market, it's not uncommon for roles to be consolidated, especially as AI continues to advance. AI is making it easier for new developers to get started quickly and helps experienced developers write better code faster. Within a year, we can expect AI to have even more capabilities to customize and enhance the entire source code of Flutter, thanks to its open-source nature.
It's still open source, the community will keep it alive
Hey can you make a video about how to handle onboarding screen with ro_router and and riverpod in flutter apps
Let me see if I can do one
Here you go ua-cam.com/video/tdxGg55e6c0/v-deo.html
@@flutterexplainedofficial thanks man 🥰. I really didn't expect this from you 😎. Congratulations for your UA-cam journey ❤️
Good video, but did you just copy '1.png' and paste it?
I just added a random picture to assets named 1.png and put it in all the places where asset images were given
@@flutterexplainedofficial That was fine, but then you even copied 1.png using you mouse and pasted it in the lines below Instead of just typing it out!
haha
It's called being lazy ahahaha
Bro you just gained a new Subscriber because of this and ngl your video is great and well detailed compared to other flutterguru out there keep up the good work and wating to see what you make next 💌
Awesome, thank you!
great tutorial
Thanks
wow i should try this now thanks alot mate
Have fun
awesome, thank you for all <3
thanks! i have an issue redirecting the users to the right page, i want to to redirect the user to continue the onborinf and completing the user information when they clic on sigup and if they clic on login with google they will be redirect to home. do you have anyidea on how to achieve this ?
You can use bloc listener and go router to navigate also can use shared preferences to save a value which will check and if true will show onboarding screen else will not
Nice video! Great tutorial.
❤
Good video
Thanks a lot ! Your video really helped me out , i have been struggling for couple of days
Glad it helped!
Thanks a lot ! Your video really helped me out , i have been struggling for couple of days
You're welcome!
Thanks a lot ! Your video really helped me out , i have been struggling for couple of days
Glad it helped!
Thanks a lot ! Your video really helped me out , i have been struggling for couple of days
Glad it helped!
Thanks a lot ! Your video really helped me out , i have been struggling for couple of days
Glad to hear that!
Thanks a lot ! Your video really helped me out , i have been struggling for couple of days
Glad to hear that!
Great video! Very helpful for both the Flutter and Supa-base community!
Thank you
Great video! Very helpful for both the Flutter and Supabase community!
Glad you think so!
Why do we need to add signInConfigs
Adding a signingConfig is crucial for security and functionality. It ensures your app is recognized and trusted by Google's servers for Sign-In, maintaining a secure link between your app and Google. This step is not just about security; it's also about making sure your app works seamlessly with these services. Without it, you might face issues with integration
@@flutterexplainedofficial Does this flutter app send direct request to Google or via supabase?
@@flutterexplainedofficial i already have a different signinconfig i wrote during generating apk do i use the same? or do i have to use a different Sha1 key also?
@@rodneypaul9430 you can use the same and corresponding SHA1
@marylincy6497 The Google sign in package will return the id token etc after communicating to Google cloud then we give those id token etc to Supabase which will authenticate us.
Awesome
Thanks a lot ! Your video really helped me out , i have been struggling for couple of days with this.
Great to hear!
English kurachu scn anne
You cannot work in a corporate environment with out English. Learn English while you can
Malayalam thil class edko
Update!!! Please note that the content of this video is no longer relevant; we encourage you to check out our latest video for the most up-to-date information on chatGPT Flutter code generation from UI, available now! ua-cam.com/video/5CjdbckYfVs/v-deo.html
hi ,thank you for all flutter tutorials,that's so good for me, but please continue that.😇😇
Thank you for kind supporting words. I most definitely will create more videos
a very good explanation, tks
Glad you liked it