JediPixels
JediPixels
  • Видео 31
  • Просмотров 202 902
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
Просмотров: 262

Видео

Flutter CustomClipper Intro - 3 of 3
Просмотров 984 месяца назад
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
Просмотров 1264 месяца назад
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
Просмотров 3329 месяцев назад
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
Просмотров 1969 месяцев назад
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
Просмотров 83711 месяцев назад
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
Просмотров 22111 месяцев назад
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
Просмотров 151Год назад
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
Просмотров 209Год назад
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,6 тыс.Год назад
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
Просмотров 488Год назад
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 тыс.2 года назад
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?
Просмотров 3612 года назад
What's the Next Tutorial?
Flutter State Management using ValueNotifier and ValueListenableBuilder - No Packages
Просмотров 4,7 тыс.2 года назад
Flutter State Management using ValueNotifier and ValueListenableBuilder - No Packages
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,7 тыс.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 4 месяца назад

    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 7 месяцев назад

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

    • @JediPixels
      @JediPixels 5 месяцев назад

      Thank you so much, I appreciate it.

  • @thirddeity9106
    @thirddeity9106 11 месяцев назад

    it's show window is not defined TT

  • @anukools3
    @anukools3 Год назад

    Informative but too much animation causing distraction to concept.

    • @JediPixels
      @JediPixels Год назад

      I appreciate the feedback.

  • @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: ruclips.net/video/wXy-8L1G3xA/видео.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 7 месяцев назад

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

  • @zekeriyadalbey8393
    @zekeriyadalbey8393 2 года назад

    You are perfect , thanks.

    • @JediPixels
      @JediPixels Год назад

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

  • @joeyroman84
    @joeyroman84 2 года назад

    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 2 года назад

      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 ruclips.net/video/wXy-8L1G3xA/видео.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 3 года назад

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

    • @JediPixels
      @JediPixels 3 года назад

      Thank you so much 😀

  • @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 3 года назад

      The Stack is a great widget...

  • @vmq19
    @vmq19 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