![JediPixels](/img/default-banner.jpg)
- 29
- 201 931
JediPixels
United States
Приєднався 8 жов 2019
Welcome to Marco's (JediPixels) Flutter UA-cam channel. Get an introduction to how Flutter works behind the scenes and code samples.
Flutter gives new and experienced developers the ability to build beautiful mobile apps. Build dynamic native mobile apps for Android and iOS at an accelerated pace by using a single code base. The single code is accessible on both platforms and avoids going through a complex series of codes for each operating system. Discover Beginning Flutter’s hands-on approach and why so many developers find this language to be essential for building apps.
Subscribe to stay connected:
bit.ly/JediPixelsUA-cam
Information & updates:
JediPixels.dev
About me:
jedipixels.dev/about-me-marco-napoli
My Apps:
pixolini.com
Property Flip or Hold:
PropertyFlipOrHold.com
Follow me on Twitter:
JediPixels
Beginning Flutter Book:
www.amazon.com/Beginning-Flutter-Hands-Guide-Development/dp/1119550823
Flutter gives new and experienced developers the ability to build beautiful mobile apps. Build dynamic native mobile apps for Android and iOS at an accelerated pace by using a single code base. The single code is accessible on both platforms and avoids going through a complex series of codes for each operating system. Discover Beginning Flutter’s hands-on approach and why so many developers find this language to be essential for building apps.
Subscribe to stay connected:
bit.ly/JediPixelsUA-cam
Information & updates:
JediPixels.dev
About me:
jedipixels.dev/about-me-marco-napoli
My Apps:
pixolini.com
Property Flip or Hold:
PropertyFlipOrHold.com
Follow me on Twitter:
JediPixels
Beginning Flutter Book:
www.amazon.com/Beginning-Flutter-Hands-Guide-Development/dp/1119550823
Flutter CustomClipper Intro - 1 of 3
Flutter CustomClipper Intro - 1 of 3
academy.zerotomastery.io/courses/2092303/lectures/47623876
JediPixels.dev
#flutter #flutterdev #flutterdeveloper #dart
academy.zerotomastery.io/courses/2092303/lectures/47623876
JediPixels.dev
#flutter #flutterdev #flutterdeveloper #dart
Переглядів: 254
Відео
Flutter CustomClipper Intro - 3 of 3
Переглядів 933 місяці тому
Flutter CustomClipper Intro - 3 of 3 academy.zerotomastery.io/courses/2092303/lectures/47623876 JediPixels.dev #flutter #flutterdev #flutterdeveloper #dart
Flutter CustomClipper Intro - 2 of 3
Переглядів 1213 місяці тому
Flutter CustomClipper Intro - 2 of 3 academy.zerotomastery.io/courses/2092303/lectures/47623876 JediPixels.dev #flutter #flutterdev #flutterdeveloper #dart
Introduction Who Am I as a Flutter Developer
Переглядів 3168 місяців тому
For you who have been wondering who I am as a Flutter developer, I wanted to upload this video to give you an overview of my developer journey. You can find out more about me at: JediPixels.dev #flutter #flutterdev #flutterdeveloper #dart
Flutter Applications by Sharing a Common Code Base for Phones, Tablets, Web-Based Apps, and Packages
Переглядів 1879 місяців тому
Have you ever needed to create multiple phone, tablet, and web Flutter projects with different purposes that needed the ability to share a common reusable codebase? Well, this course is for you. In this course, you’ll create three projects, two phone, tablet, and web applications and a single shared codebase containing shared logic and widgets by creating patterns for an enterprise-level large-...
Vue 3 - Responsive Composition API
Переглядів 79610 місяців тому
Vue 3 TypeScript - Responsive Composition API - Getting Started - Build an application to automatically detect mobile or web - Show different pages according to the device - Overview of Tasks and Goals using Composition API - Use Composition API to monitor screen size changes - Use reactive to monitor browser and device size - Use reactive state to monitor sizes and return if it’s mobile or lar...
CBC Sticky Grouped Headers in Flutter Preview
Переглядів 21310 місяців тому
Coffee Break Codelab - Sticky Grouped Headers in Flutter Need to create grouped sticky headers? There is a new widget in town, the SliverMainAxisGroup allows you to arrange multiple slivers together. Create sticky headers that are pushed out of view as each sliver group scrolls by. You’ll learn to use the SliverMainAxisGroup with AppBar or SliverPersistentHeaderDelegate to create sticky headers...
Keiko Food & Travel Reviews Quick Demo for mobile and web
Переглядів 150Рік тому
Keiko Food & Travel Reviews Quick Demo for mobile, iOS, Android, and Web. This is a little sneak peek at the latest project that I am working on. Develop a beautiful full stack production-ready app, step by step, with offline/online cloud syncing by applying different concepts, not just learning them separately without knowing how to combine them. - This video demonstrates the development of an...
Products Part 1 - Introduction
Переглядів 206Рік тому
Products Part 1 - Introduction What we’ll cover: Take a look at the dummyjson.com free JSON service Ability to test Authentication Retrieve records with Authentication Token Create a Project called products Separate Business Logic UI/UX Create Models needed for API calls Auth Model Auth Error Model Product Model Products List Model Create Services to make API Calls API Values Service Authentica...
6.5 hours Flutter Dart - Full Products Tutorial
Переглядів 2,5 тис.Рік тому
Flutter Dart - Full Products Tutorial - 6.5 hours. Timeline 00:00:00 - Part 1 Intro 00:04:43 - Part 2 00:39:42 - Part 3 01:48:32 - Part 4 02:34:49 - Part 5 03:30:15 - Part 6 04:00:22 - Part 7 04:48:53 - Part 8 05:39:56 - Part 9 06:11:37 - Part 10 06:34:01 - Outro See the Blog Article: jedipixels.dev/flutter-products-full-app-tutorial for a full description of each Parts 1 to 10. What is covered...
Flutter Products - Auth, API Demo Teaser
Переглядів 487Рік тому
Flutter Products - Auth, API Demo Teaser What is covered In this project, you are going to take a look at: - API - Auth - Auth to load Products Feed - Check the Internet Connection - Isolate - StreamBuilder - Streams - ValueListenableBuilder - ValueNotifier - ScrollController - Services - Models - Widgets - Helpers - Business Logic - UI/ UX GitHub: github.com/JediPixels Twitter: Jed...
Flutter State Management using ChangeNotifier and AnimatedBuilder - No Packages
Переглядів 2,1 тис.Рік тому
Dashboard using `ChangeNotifier` and `AnimatedBuilder`. State Management by using built-in Flutter classes. No Packages. What is covered In this project, you are going to take a look at: - How to use `ChangeNotifier` and `AnimatedBuilder` to selectively rebuild individual widgets for performance - State Management with build-in classes, no packages The Problem: - Dashboard app needs to chart es...
What's the Next Tutorial?
Переглядів 3582 роки тому
Hello everyone, first I would like to thank you for all the support you have given and the videos you have shared, it’s greatly appreciated. I would love to get your feedback on what the next Flutter tutorials should be. Please leave your comments on what you would like to see. Until next time. GitHub: github.com/JediPixels Twitter: JediPixels Looking for Updates: JediPixels.dev Sub...
Flutter State Management using ValueNotifier and ValueListenableBuilder - No Packages
Переглядів 4,7 тис.2 роки тому
Dashboard using `ValueNotifier` and `ValueListenableBuilder`. State Management by using built-in Flutter classes. No Packages. What is covered In this project, you are going to take a look at: - How to use `ValueNotifier` and `ValueListenableBuilder` to pass data from a parent (ancestor) widget to child (descendant) widgets in the widget tree - State Management with build-in classes, no package...
Flutter State Management using InheritedWidget for Journal App - No Packages
Переглядів 1,5 тис.2 роки тому
Flutter State Management using InheritedWidget for Journal App - No Packages
Flutter State Management - InheritedWidget - InheritedModel - ValueNotifier - ValueListenableBuilder
Переглядів 3 тис.4 роки тому
Flutter State Management - InheritedWidget - InheritedModel - ValueNotifier - ValueListenableBuilder
Flutter Hero Animations and PageRouteBuilder
Переглядів 14 тис.4 роки тому
Flutter Hero Animations and PageRouteBuilder
Flutter Navigation using Navigator PageRouteBuilder Transitions
Переглядів 10 тис.4 роки тому
Flutter Navigation using Navigator PageRouteBuilder Transitions
Flutter Animations - AnimationController - Floating Balloon Animation
Переглядів 8 тис.4 роки тому
Flutter Animations - AnimationController - Floating Balloon Animation
Beginning Flutter - Animation - AnimatedContainer - AnimatedCrossFade - AnimatedOpacity
Переглядів 4,6 тис.4 роки тому
Beginning Flutter - Animation - AnimatedContainer - AnimatedCrossFade - AnimatedOpacity
Beginning Flutter - Common Widgets - Part 2 - images, icons, decorators, text field, orientation
Переглядів 7 тис.4 роки тому
Beginning Flutter - Common Widgets - Part 2 - images, icons, decorators, text field, orientation
Beginning Flutter - Intermediate - Using Common Widgets
Переглядів 78 тис.4 роки тому
Beginning Flutter - Intermediate - Using Common Widgets
Beginning Flutter - Understanding and Refactoring the Widget Tree
Переглядів 8 тис.4 роки тому
Beginning Flutter - Understanding and Refactoring the Widget Tree
Beginning Flutter - Dart Basics - Part 3
Переглядів 2,3 тис.4 роки тому
Beginning Flutter - Dart Basics - Part 3
Beginning Flutter - Dart Basics - Part 2
Переглядів 2,6 тис.4 роки тому
Beginning Flutter - Dart Basics - Part 2
Beginning Flutter - Dart Basics - Part 1
Переглядів 4,7 тис.4 роки тому
Beginning Flutter - Dart Basics - Part 1
Beginning Flutter - Understanding the Widget Tree and Element Tree
Переглядів 34 тис.4 роки тому
Beginning Flutter - Understanding the Widget Tree and Element Tree
Beginning Flutter - Introduction to Flutter and Dart
Переглядів 11 тис.4 роки тому
Beginning Flutter - Introduction to Flutter and Dart
I really like how you have simplified everything. I have been learning Flutter for a while and your videos are great to watch because instead of diving straight into things, you help with understanding both the concepts and the way to think that is needed to apply the concepts. Best of all, your videos are short and to the point!
Thank you, I greatly appreciate it.
Thanks a lot to the author for this video. It really helped!
Glad it helped! Thank you.
great intro man! Please keep up with videos, you have a good technical style and immense proficiency!
Thank you so much, I appreciate it.
it's show window is not defined TT
Informative but too much animation causing distraction to concept.
I appreciate the feedback.
Would be a great tutorial. When do we start?
The full tutorial is about 6.5 hours and here is the link: ua-cam.com/video/wXy-8L1G3xA/v-deo.html
Nice
Thank you.
Thank you. We are waiting for the next video.
Thanks...
Thanks for all the time and the effort you put to create this amazing content, and I hope to see content similar to this in the near future.
Yep, that is the plan.
It looks really good I am Looking forward to it
Amazing Project and wonderfully explained also, Love your hard work man, Learning so many things from you, thanks a lot for such good content
My pleasure!, thank you.
Really Useful ❤
Thank you.
I have used this but i get null error The following TypeErrorImpl was thrown building ValueListenableBuilder<int>(state: _ValueListenableBuilderState<int>#daaba): Unexpected null value. not able to find the solution for this
I am using the following format: ```ValueNotifier<int> numberOfEspresso = ValueNotifier<int>(0);``` ``` ValueListenableBuilder( valueListenable: dashboardValueNotifier.value.numberOfEspresso, builder: (BuildContext context, int value, Widget? child) { debugPrint('numberOfEspresso: ${dashboardValueNotifier.value.numberOfEspresso.value}'); return MoodVerticalBarWidget( icon: Icons.coffee_maker_outlined, numberToPlot: dashboardValueNotifier.value.numberOfEspresso.value, numberToPlotMax: numberToPlotMax, title: 'Espresso', ); }, ), ```
Thank you for Sharing ❤️
Thanks for watching!
Hey Mr you're a Master. Thank you a lot for sharing your knowledge.
Thank you so much, I appreciate it.
finally a clear explanation for value notifier..gee thanks
Thanks...
carry on
Thank you.
Can you please try a beginner’s tutorial project next time
That sounds good.
@@JediPixels no, there is enough videos for beginners, your video is perfect, keep it up!
You are perfect , thanks.
You are much too kind, I learn every day something new.
Thank you for these 3 videos! I have been using BloC and Riverpod but have no idea what is going on in the background. At least with these methods I understand what it is I am doing. Streams next I am assuming? :D Are there any performance differences between Inherited/ValueNotifier/ChangeNotifier? Seems like they can all be used interchangeably.
Yes, I am planning using Streams for future videos. Like you said, they can be use interchangeably, it's a preference depending on the goal that you need to accomplish. With the projects I have worked on, I have not seen any serious difference in performance. What can effect the performance is the app's logic that runs the custom task before the changes are redrawn on the screen. Thanks you.
Nice explanation and interesting research by you. Thank you
Thanks...
This might be a bit low-level for most, but as a non-coder, still developing my skills at beginner level, I would welcome a tutorial that shows how to write a basic program/code written directly in dart, then take that code to structure a flutter app. I have yet to see a dart/flutter beginner course take this approach. I can code a simple program in Dart, but when I try to move that to flutter, I am stumped, and get lost very quickly!
Thanks. I might create a new tutorial that creates a project from scratch.
I enjoy these videos. Short and easily digested by the mind. Great content!
Awesome, thank you!
Full app structure
I added a video for a Full App Structure with the GitHub code. Check out the video at ua-cam.com/video/wXy-8L1G3xA/v-deo.html
responsive webapp with provider
Thanks is very useful 👍
Thanks...
Impressive 👍
I have been looking at your code. I was wondering, because you said that the state can only be used inside the widget tree (from parent to child || children), can we use the state of the inheritedWidget if it is used with push navigations ( i.e. pressing a button to Navigate to a new Scaffold)? What would be an example of when we couldn't use an InheritedWidget due to it being outside of the scope of the Widget tree? Am I correct in thinking that it can't be used in certain situations? Hopefully I am being clear.
The entire application is a big widget tree starting at the root when runApp(MyApp()) is called from the main() method in the main.dart file. You can place the InheritedWidget in your main.dart file wrapping the Home() page. It will make it available to all child widgets. If I understand your question correctly, wherever you place the InheritedWidget any widgets above will not have access to it, but all of the widgets below will. If you try to access the InheritedWidget from a widget above you will get a Unexpected null value error. You can use the InheritedWidget with the Navigator like this: Navigator.of(context).push( MaterialPageRoute( builder: (context) => const AppState( moods: 'Happy', child: MyPage(), ), ), ); In the MyPage() you access the InheritedWidget like this: @override void didChangeDependencies() { super.didChangeDependencies(); AppState appState = AppState.of(context)!; debugPrint('appState: ${appState.moods}'); }
thank you very much
Thank you.
Easy to understand and useful Tnx, +1 sub :P
Thanks for the sub!
Please continue, you explain things in a digestible way.
I greatly appreciate it.
very useful 👍
Thanks a lot
That's a very cool creative presentation of the widgets! Thanks 🔥
Glad you like it! Thanks.
Thanks :D I've needed this :)
Thanks, I appreciate it.
I think this is the best explanation of Flutter State Management I have ever watched so far. Simple, Clear and Functional.
Thank you, greatly appreciated.
Awsome make more videos plzz
Thank you...
Awesome ❤I didn't learn anywhere like these 4 mins.....simply awesome
Thank you so much 😀
Great! Thanks
Thank you...
Loved the use of a Stack to handle multiple Hero actions in the same transition.
The Stack is a great widget...
One of the best.
Thank you.
Amazing teacher,
Thank you so much...
Wow this video is so informative, i could understand what they was doing in the tutorial video
Thank you.
thank you for the detailed teaching I was searching for some widget that did the same and I had explored the hero tag but was not able to apply it properly, thank you 🙏
You're very welcome!
U make it easy and simple..big fan
Thank you.
Thank you for this video! I have a question: How do you position widgets if the height of some of the ones above are variable? Such as the title. Let's say the title can be multiple lines. How would you know where to position the subtitle? Same thing with the image. If the image can be different sizes, the position of the title will depend on that. Then the position of the subtitle will depend on the height of both the image and title. And the container's height depends on all of those. So is there a solution to this? Thank you in advance (I'm new to Flutter)!
short and great presentation
Thank you!
Very easy and affective coding! Keep going man!!!!!
Thanks a lot!
awesome... I feel like I hit a jackpot. Its been 1 week since I started flutter but the problem is, I've been overloaded with too much information reading from articles to articles and it made me confused. I don't know where to start until I read your article on medium. Thank u so much. God Bless u.
Thank you, I appreciate it and God Bless you too.
This is brilliant, absolutely brilliant!! You've made everything so simple to understand. I've paid for coding courses and they make everything so complicated. THANK YOU!!!
Thank you, much appreciated.
I am reading a book beginning flutter a hands on guide to App Development by Marco L. Nipoli and your talking the same thing just like the book because English is not my first language so its hard to understand everything from the book
I have never learned so much in 5 mins
Thank you so much.