JediPixels
JediPixels
  • 29
  • 201 931
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
Переглядів: 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

КОМЕНТАРІ

  • @princejonnyjuniorjones426
    @princejonnyjuniorjones426 3 місяці тому

    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!

    • @JediPixels
      @JediPixels 3 місяці тому

      Thank you, I greatly appreciate it.

  • @inteltone
    @inteltone 4 місяці тому

    Thanks a lot to the author for this video. It really helped!

    • @JediPixels
      @JediPixels 4 місяці тому

      Glad it helped! Thank you.

  • @roman_mathew
    @roman_mathew 6 місяців тому

    great intro man! Please keep up with videos, you have a good technical style and immense proficiency!

    • @JediPixels
      @JediPixels 4 місяці тому

      Thank you so much, I appreciate it.

  • @thirddeity9106
    @thirddeity9106 10 місяців тому

    it's show window is not defined TT

  • @anukools3
    @anukools3 Рік тому

    Informative but too much animation causing distraction to concept.

  • @richardappow6770
    @richardappow6770 Рік тому

    Would be a great tutorial. When do we start?

    • @JediPixels
      @JediPixels Рік тому

      The full tutorial is about 6.5 hours and here is the link: ua-cam.com/video/wXy-8L1G3xA/v-deo.html

  • @surjeralotv
    @surjeralotv Рік тому

    Nice

  • @bulsond
    @bulsond Рік тому

    Thank you. We are waiting for the next video.

  • @fem610
    @fem610 Рік тому

    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.

  • @milangaur2778
    @milangaur2778 Рік тому

    It looks really good I am Looking forward to it

  • @milangaur2778
    @milangaur2778 Рік тому

    Amazing Project and wonderfully explained also, Love your hard work man, Learning so many things from you, thanks a lot for such good content

  • @usr829
    @usr829 Рік тому

    Really Useful ❤

  • @001Debjeet
    @001Debjeet Рік тому

    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

    • @JediPixels
      @JediPixels Рік тому

      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', ); }, ), ```

  • @bawiceu1926
    @bawiceu1926 Рік тому

    Thank you for Sharing ❤️

  • @333PerezJuan
    @333PerezJuan Рік тому

    Hey Mr you're a Master. Thank you a lot for sharing your knowledge.

    • @JediPixels
      @JediPixels Рік тому

      Thank you so much, I appreciate it.

  • @The_Fun_Era
    @The_Fun_Era Рік тому

    finally a clear explanation for value notifier..gee thanks

  • @busesofpakistan5927
    @busesofpakistan5927 Рік тому

    carry on

  • @Winters__
    @Winters__ Рік тому

    Can you please try a beginner’s tutorial project next time

    • @JediPixels
      @JediPixels Рік тому

      That sounds good.

    • @roman_mathew
      @roman_mathew 6 місяців тому

      @@JediPixels no, there is enough videos for beginners, your video is perfect, keep it up!

  • @zekeriyadalbey8393
    @zekeriyadalbey8393 Рік тому

    You are perfect , thanks.

    • @JediPixels
      @JediPixels Рік тому

      You are much too kind, I learn every day something new.

  • @joeyroman84
    @joeyroman84 Рік тому

    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.

    • @JediPixels
      @JediPixels Рік тому

      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.

  • @prasantkumar7693
    @prasantkumar7693 2 роки тому

    Nice explanation and interesting research by you. Thank you

  • @cstv333
    @cstv333 2 роки тому

    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!

    • @JediPixels
      @JediPixels 2 роки тому

      Thanks. I might create a new tutorial that creates a project from scratch.

  • @ACHVPEAK
    @ACHVPEAK 2 роки тому

    I enjoy these videos. Short and easily digested by the mind. Great content!

  • @ainix6553
    @ainix6553 2 роки тому

    Full app structure

    • @JediPixels
      @JediPixels Рік тому

      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

  • @serkandemir6733
    @serkandemir6733 2 роки тому

    responsive webapp with provider

  • @adil_elkhallouki
    @adil_elkhallouki 2 роки тому

    Thanks is very useful 👍

  • @George-or3uv
    @George-or3uv 2 роки тому

    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.

    • @JediPixels
      @JediPixels 2 роки тому

      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}'); }

  • @agussalimhidayatnm8001
    @agussalimhidayatnm8001 2 роки тому

    thank you very much

  • @replykh4642
    @replykh4642 2 роки тому

    Easy to understand and useful Tnx, +1 sub :P

  • @shahbazbacker8902
    @shahbazbacker8902 2 роки тому

    Please continue, you explain things in a digestible way.

    • @JediPixels
      @JediPixels 2 роки тому

      I greatly appreciate it.

  • @adil_elkhallouki
    @adil_elkhallouki 2 роки тому

    very useful 👍

  • @FlutterMapp
    @FlutterMapp 2 роки тому

    That's a very cool creative presentation of the widgets! Thanks 🔥

    • @JediPixels
      @JediPixels 2 роки тому

      Glad you like it! Thanks.

  • @MatteoMusicStudio
    @MatteoMusicStudio 2 роки тому

    Thanks :D I've needed this :)

    • @JediPixels
      @JediPixels 2 роки тому

      Thanks, I appreciate it.

  • @metaf6
    @metaf6 2 роки тому

    I think this is the best explanation of Flutter State Management I have ever watched so far. Simple, Clear and Functional.

    • @JediPixels
      @JediPixels 2 роки тому

      Thank you, greatly appreciated.

  • @tiktokvideo-gd8eo
    @tiktokvideo-gd8eo 2 роки тому

    Awsome make more videos plzz

  • @indumathipriyas3486
    @indumathipriyas3486 2 роки тому

    Awesome ❤I didn't learn anywhere like these 4 mins.....simply awesome

  • @renanmendes35
    @renanmendes35 3 роки тому

    Great! Thanks

  • @JoshMetcalfe
    @JoshMetcalfe 3 роки тому

    Loved the use of a Stack to handle multiple Hero actions in the same transition.

    • @JediPixels
      @JediPixels 2 роки тому

      The Stack is a great widget...

  • @victormanuelquintanadiaz3832
    @victormanuelquintanadiaz3832 3 роки тому

    One of the best.

  • @tongpoolheeptaisong4133
    @tongpoolheeptaisong4133 3 роки тому

    Amazing teacher,

  • @thanhson7261
    @thanhson7261 3 роки тому

    Wow this video is so informative, i could understand what they was doing in the tutorial video

  • @MrRamchandranaik1
    @MrRamchandranaik1 3 роки тому

    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 🙏

  • @dev_app
    @dev_app 3 роки тому

    U make it easy and simple..big fan

  • @torly2226
    @torly2226 3 роки тому

    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)!

  • @shrad6611
    @shrad6611 3 роки тому

    short and great presentation

  • @amirhabib251
    @amirhabib251 3 роки тому

    Very easy and affective coding! Keep going man!!!!!

  • @marklloydanabeza
    @marklloydanabeza 3 роки тому

    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.

    • @JediPixels
      @JediPixels 3 роки тому

      Thank you, I appreciate it and God Bless you too.

  • @Observ8or
    @Observ8or 3 роки тому

    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!!!

    • @JediPixels
      @JediPixels 3 роки тому

      Thank you, much appreciated.

  • @affanamir1412
    @affanamir1412 3 роки тому

    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

  • @abnerpena6743
    @abnerpena6743 3 роки тому

    I have never learned so much in 5 mins