Top 8 Recommended Flutter Self-Study Materials! [March 2024]
This page introduces the best in educational materials for beginners who are trying to learn Flutter on their own.
Table of Contents:
1. Description of this page
We introduce 8 recommended video courses on various platforms for those who want to learn Flutter on their own.
What is Flutter?
"Flutter is a cross-platform development tool provided by Google that uses the Dart language. It allows developers to create apps that run on both iOS and Android using a single language. Due to its great development experience among cross-platform frameworks, more and more companies have been adopting Flutter for mobile development in recent years.
Our site, "Outlecture," evaluates courses using our proprietary algorithm that balances course rating, freshness of information, number of purchasers and viewers, and recent rate of increase, in order to extract only the most suitable courses for users.
In addition, we will explain the features of each video platform and provide use cases such as "this is better for people in this situation."
We hope this will be a reference for everyone who is going to learn Flutter.
2. Top 5 Recommended Udemy Courses
Here are Outlecture's top 5 recommended Udemy courses, carefully selected for you.
Title | Ratings | Subscribers | Subscribers last month (February 2024) | Level | Video Duration | Created | Last updated | Price |
---|---|---|---|---|---|---|---|---|
The Ultimate Dart & Flutter Course 2024 | 4.49 | 2,895 | 116 | all | 46 hours 25 minutes | Jul 8th, 2023 | Jan 7th, 2024 | $84.99 |
The Complete Flutter Development Bootcamp with Dart | 4.55 | 187,547 | 1,660 | all | 28 hours 18 minutes | Mar 7th, 2019 | Nov 1st, 2023 | $174.99 |
Flutter Multi Vendor App | 4.94 | 82 | - | beginner | 25 hours 45 minutes | Jan 11th, 2024 | Feb 26th, 2024 | $84.99 |
Flutter & Dart - The Complete Guide [2024 Edition] | 4.64 | 296,594 | 4,128 | all | 29 hours 50 minutes | May 22nd, 2018 | Feb 9th, 2024 | $139.99 |
Flutter - Animations from Zero to Hero | 4.45 | 13,536 | 1,012 | beginner | 10 hours 7 minutes | Apr 6th, 2023 | Jul 29th, 2023 | $74.99 |
Udemy, Inc. is an education technology company that provides the world's largest online learning and teaching platform.
The features of Udemy include:
- Over 155,000 course
- Instructors who are leading experts in their fields
- Affordable prices range from tens to hundreds of dollars per course, with discounts of up to 70-90% during campaigns
- Courses can be viewed without expiration after purchase, and come with a 30-day money-back guarantee
- Courses can be taken at the student's own pace, with playback speeds of 0.5 to 2 times normal speed, and can be viewed offline on a smartphone with a dedicated app
- Students can ask questions directly to the instructor on the course discussion board, allowing them to resolve any doubts and receive support for self-study
These are some of the benefits of using Udemy.
The management team at Outlecture consists of active software engineers, creators, and web designers. We often catch up on learning new programming languages and products by taking courses on Udemy.
As for our experience, we find that Udemy offers courses of very high quality. The instructors are all leading figures in their fields, and they teach cutting-edge knowledge and practical know-how in a clear and detailed manner. You can acquire the knowledge and skills that are actually used in the field and in practical projects, rather than just knowledge for exams.
We highly recommend Udemy courses, especially for those who want to apply what they learn in practical situations or for those who want to start self-studying. Once you purchase a course, you can take it without a time limit, and there is a 30-day money-back guarantee, so you can start learning with peace of mind.
Recommended for
- Planning to use Flutter in actual projects
- Wanting to learn the know-how of professionals who are active in the world's cutting-edge fields
- Hesitant to use a subscription service
- Having basic IT knowledge
The details of each course are as follows:
A Complete Guide / Tutorial to the Flutter & Dart SDK for building native Android, iOS, Web & Desktop Applications!
- Ratings
- 4.49
- Subscribers
- 2,895
- Subscribers last month
(February 2024) - 116
- Level
- all
- Video Duration
- 46 hours 25 minutes
- Created
- Jul 8th, 2023
- Last updated
- Jan 7th, 2024
- Price
- $84.99
This comprehensive course is designed to take you from a complete novice to a confident Flutter developer, capable of building full-stack apps using clean code techniques.
I believe in laying strong foundations for learning. That's why I start by teaching you Dart, Flutter's programming language, independently, without using Flutter at all. By mastering Dart first, you'll gain a solid understanding of its syntax, concepts, and principles, setting you up for success throughout the rest of the course.
Once you've mastered Dart, we dive headfirst into the world of Flutter. Throughout the course, we'll cover various aspects of Flutter, such as widgets, layouts, responsive layouts, state management using Provider, Riverpod, Bloc and much more. Navigation is a crucial aspect of any app. I leave no stone unturned to explore Navigator 1.0 and Navigator 2.0, helping you understand the best practices for smooth navigation within your apps.
Flutter is an incredibly powerful framework, and I want you to harness its full potential. That's why I also provide you with a brief overview of the inner workings of Flutter, including how it handles rendering, state management, and other "behind-the-scenes" magic. This knowledge will set you apart as a truly proficient Flutter developer.
Learning by doing is the best way to master any skill. Thus, in this course you'll build several exciting app projects like Currency Converter, Realtime Weather Forecast, Shopping App, Responsive Google Search Clone, Voice Assistant App powered by ChatGPT and Dall-E and a Full Stack Reddit Clone using Firebase backend (Know more about each of the apps we build in the free video previews)!
The approach to teaching goes beyond just giving you ready-made solutions. I firmly believe in empowering you to learn by teaching you various aspects of Flutter, such as Animations and Automated Testing, independently of each other. This will enable you to understand the underlying principles and apply your knowledge creatively in various scenarios, not just in building the apps we build.
I understand that learning a new language and a new framework like Flutter can be challenging, even for experienced developers. But don't worry about it! This is a zero-to-hero Flutter course, meaning we start from scratch and take you on an incredible journey to become a confident Flutter developer. You'll go from knowing nothing about Dart, Flutter (or even programming) to becoming proficient in developing clean, efficient and powerful apps.
So, if you're read to empower yourself with valuable skills that will open doors to countless opportunities in the world of app development, enrol now and let's begin this thrilling adventure together!
- Introduction
- Introduction
- Introduction To Dart
- Introduction
- What is Dart?
- Dart SDK
- Operators, Comments & Variables
- Print Statement
- Operators
- Comments
- Variables
- var, const and final Variables
- final vs const variables
- Optional/ Nullable Variables
- Dart Basics: Quiz 1
- Control Flow
- If Condition
- Ternary Conditions
- Switch Statement
- Exercise 1
- For Loop
- While Loop
- Do While Loop
- continue keyword
- Exercise 2
- break keyword
- Dart Basics: Quiz 2
- Functions
- Functions
- Returning 2 Values from a Function (Records)
- Patterns
- Returning Nullable Variables/Values
- Function Positional Arguments & Global Variables
- Function Named Arguments
- Named Records
- Returning Functions from Functions
- Arrow Function
- Anonymous Functions
- Dart Basics: Quiz 3
- Classes
- Classes
- Constructor
- this keyword
- Positional Constructor Arguments
- Immutable Classes
- Named Constructor Arguments
- Classes Terminology
- Private Variables
- Getters
- Setters
- Note About Setters
- Static Variables
- Static Functions
- When to use static keyword?
- Dart Basics: Quiz 4
- Object Oriented Programming (OOP)
- Inheritance
- implements keyword
- Abstract Classes
- Object Oriented Programming (OOP) in Dart
- Polymorphism
- Abstraction
- Encapsulation
- OOP Brief
- Mixins
- Class Modifiers
- Dart Basics: Quiz 5
- Lists, Maps & Enums
- Lists
- Sets
- Maps
- Enums
- Enhanced Enums
- Dart Basics: Quiz 6
- Asynchronous Programming
- Exception Handling
- Futures (Promises)
- Streams
- Dart Basics: Quiz 7
- More on Records, Patterns & Extensions
- Creating Records
- Patterns & Pattern Matching
- Extensions
- Dart Basics: Quiz 8
- Flutter Installation
- Introduction
- Installing Flutter
- Installing Android Studio & Configuring for Android
- Installing Xcode & Configuring for iOS
- Installing VS Code
- Exploring VS Code
- Creating Flutter Project
- Exploring Folders Flutter Creates
- Increasing Font Size in VS Code
- Highlighting Code in VS Code
- Running Flutter App
- Flutter Basics
- Writing First Flutter Code!
- Importing Packages and material.dart
- runApp function in Flutter
- What are Widgets?
- Text Widget
- Types of Widgets
- What is State in Flutter
- What is Stateless Widget in Flutter?
- Material & Cupertino Design
- What is MaterialApp in Flutter?
- What is Scaffold in Flutter?
- Center Widget
- Widget Tree
- Splitting & Extracting Widgets
- What is BuildContext?
- Importing Files & Magic of Flutter Extension
- Relative Importing
- Flutter Basics: Quiz 1
- Currency Converter App
- Breaking Down The Currency Converter App
- Column Widget
- ColoredBox Widget
- Color Class
- TextStyle
- Colors
- TextField Widget
- Why Build Function Should Contain NO Complex Tasks
- Changing Keyboard Type For TextField Input
- Padding Widget
- Container Widget
- Padding vs Margin - The Difference
- TextButton Widget
- Print Statement & Warnings (Flutter Lints)
- TextButton Widget contd.
- ElevatedButton Widget
- Shortening the ButtonStyle!
- AppBar Widget
- Understanding the need For StatefulWidget
- StatefulWidget
- Build Function Can Be Called How Many Times?
- setState
- Handling Edge Cases
- CupertinoApp & iOS Styled Widgets
- initState and dispose
- Recap & Widgets LifeCycle
- Flutter Basics: Quiz 2
- Weather App
- Weather App Demo
- Analysing the default Flutter Code
- Weather App Setup
- GestureDetector and InkWell Widget
- IconButton Widget
- Planning the Body of Weather App using PlaceHolder Widget
- Card Widget
- ClipRRect Widget
- Backdrop and ImageFilter Widget
- Text For Weather App
- Row Widget
- SingleChildScrollView Widget
- Working on Additional Info Section
- Passing Arguments Using Constructor
- http plugin in Flutter
- OpenMapWeather API
- Handling Future in initState
- Extracting Data from API in Flutter
- Displaying Loading Indicator
- FutureBuilder Widget
- Extracting Data From AsyncSnapshot
- for loop in Flutter UI
- ListView.builder Widget
- Date Formatting using intl
- Switching Themes
- Layout Principle In Flutter Explained
- Flutter Behind The Scenes, 3 Trees & BuildContext
- Flutter Basics: Quiz 3
- Flutter Advanced: Quiz 1
- Shopping App
- Shopping App Demo
- Creating Shop App Project
- Adding Custom Fonts
- Theming, Color Scheme
- Creating a Header (SafeArea Widget)
- Expanded Widget in Column (For TextField Widget)
- Chip Widget
- How Theming Works Behind the Scenes (InheritedWidget)
- Selecting Filter contd…
- Adding Images and Product Dummy Data
- Displaying Products List on Home Page (Image Widget)
- Designing Product Details Page (Spacer and Flex Widget)
- Navigation & Routing
- How Navigator Works Behind The Scenes? (And State Management)
- BottomNavigationBar Widget
- IndexedStack Widget
- Designing Cart Page (ListTile Widget)
- State Management with Provider, SnackBar
- State Management Note
- Why I Don't Recommend Using GetX?
- Dialogs in Flutter
- Provider Extension Methods on BuildContext
- Provider State Management Recap
- Responsive UI in Flutter (GridView, MediaQuery)
- InheritedWidget vs InheritedModel
- Responsive UI in Flutter (LayoutBuilder Widget)
Officially created in collaboration with the Google Flutter team.
- Ratings
- 4.55
- Subscribers
- 187,547
- Subscribers last month
(February 2024) - 1,660
- Level
- all
- Video Duration
- 28 hours 18 minutes
- Created
- Mar 7th, 2019
- Last updated
- Nov 1st, 2023
- Price
- $174.99
Welcome to the Complete Flutter App Development Bootcamp with Dart - created in collaboration with the Google Flutter team.
Now includes a brand new module on Flutter State Management!
Covering all the fundamental concepts for Flutter development, this is the most comprehensive Flutter course available online.
We built this course over months, perfecting the curriculum together with the Flutter team to teach you Flutter from scratch and make you into a skilled Flutter developer with a strong portfolio of beautiful Flutter apps.
Our complete Flutter development bootcamp teaches you how to code using Dart and build beautiful, fast, native-quality iOS and Android apps. Even if you have ZERO programming experience.
I'll take you step-by-step through engaging and fun video tutorials and teach you everything you need to know to succeed as a Flutter developer.
The course includes 28+ hours of HD video tutorials and builds your programming knowledge while making real world apps. e.g. Whatsapp, QuizUp and Yahoo Weather.
By the end of this course, you will be fluently programming in Dart and be ready to build your own Flutter apps and become a fully fledged Flutter developer.
You'll also have a portfolio of over 15 apps that you can show off to any potential employer.
Sign up today, and look forwards to:
Over 28 hours of HD 1080p video content, everything you'll ever need to succeed as a Flutter developer.
Building over 15 fully-fledged apps including ones that use Firebase Cloud Firestore, StreamBuilder, ListView, networking, external APIs and much much more.
All the knowledge you need to start building any app you want
$8000+ Flutter development bootcamp course materials and curriculum
From Beginner to Flutter Developer with Just One Course
We know that you're here because you value your time. If you wanted to watch someone program for hours and hours without explaining what they're doing, you'd be on YouTube.
By getting this course, you can be rest assured that the course is carefully thought out and edited. There are beautiful animations that explain all the difficult concepts and we're always on hand to answer student questions.
So by the end of the course, you'll completely understand:
Fundamental Flutter concepts e.g. Stateful vs. Stateless Widgets, Widget tree, state management, animations, themes and much more.
Fundamental Dart concepts e.g. lists, maps, enums, loops, futures, streams, mixins, classes, and much more.
Concepts of Object Oriented Programming (OOP): The type system, variables, functions and methods, inheritance, classes and protocols.
Control Structures: Using If/Else clauses, Switch statements and logic to control the flow of execution.
Data Structures: How to work with collections, such as Lists and Maps.
Software Design: How to organise and format code for readability and how to implement the Model View Controller (MVC) design pattern.
Networking: How to make asynchronous API calls, store and retrieve data from the cloud, and use the JSON format for server communication.
Data Storage: How to use Firebase Cloud Firestore to act as a backend for your Flutter apps.
Authentication: How to use log in and register users for your Flutter apps.
State Management: How to use setState, prop drilling, lifting state up, callbacks and the Provider package to manage app state.
Don’t waste your time
Don't waste another minute of your precious life on poor quality videos on YouTube. Or instructors who you can't understand. Or teachers who have no real world in-person teaching experience. Your time is precious. Take this course and find out why everybody is raving about it and why over 35,000 students rated my courses 5 stars!
Don't waste your money
Inside this course, you're getting exactly the same course materials and curriculum as our 12 week in-person programming bootcamp. Instead of spending $8000+ dollars and taking time off work, save loads of money by getting this course and do it at your own pace!
Don't just take my word for it, see what my past students had to say about my courses:
"Angela is literally my favorite teacher. Ever. In the entire universe. She is hilarious and teaches in a lighthearted and fun way that is also very clear to understand. I instantly purchased this course as soon as I saw it was released because I know Angela delivers the highest quality educational content possible. 100% recommend this course (as well as every other course she's created). Thank you Angela for helping me as I make a career pivot into becoming a hybrid UX designer/mobile developer!" - Jacob Pernell
"Angela is my favorite Udemy professor for coding courses. Her methods for building onto the material so that you're never progressing too fast or too slow make for a really engaging learning experience. She's thorough in her explanations, and uses fun projects to discuss the material. I had started a couple other Flutter courses before finding this one, and I've progressed more in 24hrs than I did in a week with the other courses. Would love an advanced Flutter course from Angela to tackle once I'm done with this one!" - Jerome Llouche
"You will not find a better teacher than Angela. She does a wonderful job of encouraging you to learn swift the right way. I want to encourage everyone thinking about taking this class to get it, as it is the BEST programming class I've seen on anywhere and I've tried more than a few of them. If you are looking for an excellent swift programming course, stop there here because you have found it. You will learn Swift from the very beginning of programming all the way through making your own apps that you can upload to the App store." - Ian Hopjins
"SO GOOD!!! Retention rate is incredible because Angela does a great job in explaining and teaching every aspect of what we are doing. Most of the other instructors on Udemy put code on the screen and pretend nothing happened. This course is amazing! 5/5" - Muhammad Ibrahim
"Angela is a spectacular teacher!" - Marco Zanirato
"This course was terrific. Only after taking a few more courses from others that I realized how good this course was. This course taught me more than I was expecting, it provided great instructions and a lot of hands-on tasks to drill-in the concept." - Marc
"Best use of your money! I was a complete beginner but Angela made me a pro in weeks." - Burak Tunçbilek
"IT IS #1!!!!!!!!! Absolutely Amazing. The best iOS course i have ever taken. Angela explains everything the way it needs to be explained, so everything is easily understood. The concept of this course is built to make you learn, not just watch and repeat. Angela is highly educated and it is very much noticeable during the entire course. Again, it is fantastic. Thank you. Please create more courses!!!!!" - Eduard Khachian
Are you trying to choose between all the different Flutter courses on Udemy? Take a look at what students on my course had to say about this:
I have revamped my expectation for what a 5 star course should be for Udemy. Angela, you're awesome! I already rated the course as 5 stars early on (at about 20% completion), but after completing roughly 70% of the course, I can say this is my favourite Udemy course as of today. Brilliant course Angela! - Alberto L
"I took a lot of courses on Udemy and elsewhere and non of them were as clear and perfectly paced as this one! Angelas approach is really awesome, deep and clear." - Žan Fras
"I have taken several iOS courses, so far this course had the best explanation on swift and xcode documentation. The lecturer is kinda humorous sometimes which make this course even more enjoyable." - Bryan Pukanda
"I have taken lots of courses on udemy and elsewhere for self learning and i can tell you with all the honesty this is one course which i did not want it to end. It is like one of those movies that you wish keeps going. Whatever concepts are covered were covered very beautifully and made learning quite simple. I got so many answers to Why? in this course like how closures work and why they work that way... why delegates work that way. Thank you so much for this course." - Arun Lakhera
"I compare this to another top iOS class on Udemy, but I think that this one beats it. The reason? Angela doesn't show you a plethora of material and then say that we will discuss this later, or say "just do this. You will see why later." She goes into the reason for doing something before doing it." - Clyde Addison
REMEMBER… I'm so confident that you'll love this course that we're offering a FULL money back guarantee for 30 days! So it's a complete no-brainer, sign up today with ZERO risk and EVERYTHING to gain.
So what are you waiting for? Click the buy now button and join the world's best Flutter development course.
- Introduction to Cross-Platform Development with Flutter and Dart
- Introduction to the Course
- Download the Course Syllabus
- What is Flutter?
- Why Flutter?
- The Anatomy of a Flutter App
- How to Watch the Course in High Definition
- How to Get the Most Out of the Course
- Join the Student Community
- Setup and Installation
- Prerequisites for Flutter Development
- Overview of the Process
- Windows Setup Step 1 - Install the Flutter SDK
- Windows Setup Step 2 - Install Android Studio
- Windows Setup Step 3 - Install the Android Emulator
- Windows Installation Troubleshooting
- A Quick Note About macOS Catalina
- Mac Setup Step 1 - Install the Flutter SDK
- Mac Setup Step 2 - Install Android Studio
- Mac Setup Step 3 - Install the Android Emulator
- Mac Setup Step 4 - Install Xcode and Command Line Tools
- Mac Setup Step 5 - Test the iOS Simulator
- Mac Installation Troubleshooting
- [Optional] Configure Android Studio for Flutter Development
- [Optional] Guided Tour of Android Studio for Flutter Development
- I Am Rich - How to Create Flutter Apps From Scratch
- Creating a New Flutter Project from Scratch
- A quick note about Hot Reload
- Scaffolding a Flutter App
- Working with Assets in Flutter & the Pubspec file
- How to Add App Icons to the iOS and Android Apps
- How to Ace this Course
- Running Your App on a Physical Device
- Deploying Your Flutter Apps to a Physical Device
- Deploying Flutter Apps to an Android Phone
- Deploying Flutter Apps to iPhones/iPads
- Tip from Angela - Habit Building with the Calendar Trick
- I Am Poor - App Challenge
- What are App Challenges?
- The I Am Poor Challenge
- Show Off Your Work!
- Tip from Angela - Dealing with Distractions
- Do You Want This?
- MiCard - How to Build Beautiful UIs with Flutter Widgets
- MiCard - A Single Screen Personal Business Card App
- Hot Reload and Hot Restart - Flutter Power Tools
- How to Use Container Widgets
- How to use Column & Row Widgets for Layout
- Flutter Layouts Challenge
- Tapping into Widget Properties
- Incorporating Custom Fonts in Your Flutter App
- Adding Material Icons with the Icon Widget
- Flutter Card & ListTile Widgets
- Download the Completed Project
- Tip from Angela - Nothing Easy is Worth Doing!
- Dicee - Building Apps with State
- Dicee - A Stateful Dice App
- Using the Expanded Widget to Create Flexible Layouts
- How to Use Intention Actions
- Adding Gesture Detection with Flutter Button Widges
- [Dart] Functions - Part 1
- Making the Dice Image Change Reactively
- [Dart] Variables
- [Dart] Data Types
- Stateful vs. Stateless Widgets - What's the Difference?
- Randomising the Dice
- Challenge 1 Solution
- Challenge 2 Solution
- Challenge 3 Solution
- Download the Completed Project
- Tip from Angela - How to Deal with Procrastination
- Boss Level Challenge 1 - Magic 8 Ball
- Magic 8 Ball - A Decision Making App
- Step 1 - Set Up The Project
- Step 2 - Create a Stateless Widget
- Step 3 - Create a Stateful Widget
- Step 4 - Make it Interactive
- Step 5 - Randomise it
- Step 6 - Update the State
- Customise It!
- Tip from Angela - Building a Programming Habit
- Xylophone - Using Flutter and Dart Packages to Speed Up Development
- Xylophone - A Simple Musical Instrument App
- What are Flutter & Dart Packages?
- How to Play Sound Across Platforms
- How to Play Multiple Sounds
- [Dart] Functions - Part 2
- Updating the UI of Our App
- [Dart] Functions - Part 3
- [Dart] Functions Challenge
- Refactoring Our App
- [Dart] Arrow Functions
- Customise It!
- Download the Completed Project
- Tip from Angela - The 20 Minute Method
- Quizzler -Modularising & Organising Flutter Code
- Quizzler - A True/False Quiz App
- Building a Score Keeper
- [Dart] Lists
- Displaying the Questions
- Checking User Answers
- [Dart] Conditionals - IF/ELSE
- More Dart Programming Challenges
- Creating a Question Class
- [Dart] Classes and Objects
- Abstraction in Action
- Encapsulation in Action
- Inheritance in Action
- Polymorphism in Action
- Adding Back the Score Keeper
- Code Challenge
- [Dart] Class Constructors
- Download the Completed Project
- Tip from Angela - Learning Before you Eat
- Boss Level Challenge 2 - Destini
- Destini - A Choose Your Own Adventure Game
- Set Up the Project
- Familiarise Yourself with the Starting Project
- Step 1 - Adding a Image as a Background
- Solutions on GitHub
- Step 2/3/4 - Create a New Story Class
- Step 5/6/7 - Create the Story Brain
- Display the Story in the App
- Step 11/12/13/14 - Display the Choices in the App
- Update the Story Based on User Choice
- Step 21 - Use the Story Plan to Progress through the Story
- Step 22/23/24 - Restart the Game When the User Reaches the End
- Step 25 - Renaming and Refactoring Using Android Studio
- Step 26/27/28 - Hiding Buttons
- Download the Completed App!
- Tip from Angela - Retrieval is How You Learn
- BMI Calculator - Building Flutter UI for Intermediates
- BMI Calculator - A Beautiful Health App
- How to Use Flutter Themes
- How to Refactor Flutter Widgets
- [Dart] Final vs. Const
- Creating Custom Flutter Widgets
- The GestureDetector Widget
- [Dart] Enums
- [Dart] Ternary Operator
- [Dart] Functions as First Order Objects
- The Flutter Slider Widget
- Customising Widgets with Themes
- Composition vs. Inheritance - Building Flutter Widgets From Scratch
- Multi-Screen Apps Using Routes and Navigation
- [Dart] Maps
- Designing the Result Page
- Adding the BMI Calculator Functionality
- Download the Completed Project
- Tip from Angela - Dealing with Lack of Progress
- Clima - Powering Your Flutter App with Live Web Data
- Clima - A Modern Weather App
- Getting Location Data From Across Platforms
- [Dart] Futures, Async & Await
- Stateful Widget Lifecycle Methods
- [Dart] Exception Handling & Null Aware Operators
- Async/Await Challenge
- Application Programming Interfaces (APIs) Explained
- Networking in Flutter Apps with the HTTP Package
- JSON Parsing and Dynamic Types
- Getting Actual Weather Data from the OpenWeatherMap API
- Showing a Spinner While the User Waits
- Passing Data to a State Object
- Updating the Weather with the WeatherModel
- Refactoring the Location Methods
- Creating and Styling a TextField Widget for Text Entry
- Passing Data Backwards Through the Navigation Stack
- Download the Completed Project
- Tip from Angela - Mixing Knowledge
- Boss Level Challenge 3 - Bitcoin Ticker
- Bitcoin Ticker - A Simple Cryptocurrency Price Tracker
- The Material DropdownButton Widget
- [Dart] Loops
- Building Widgets with Loops Solution
- Introducing Cupertino Widgets
- Building Platform Specific UI (iOS & Android)
- Introduction to Boss Level Challenge 3
- Level 1 - Bronze Medal
- Level 2 - Silver Medal
- Level 3 - Gold Medal
- Check out the completed app!
- Tip from Angela - Dealing with Frustration
- Flash Chat - Flutter x Firebase Cloud Firestore
- Flash Chat - A Lightning Fast Messaging App
- Named Routes Challenge
- [Dart] Static Modifier
- Refactor Routes with the Static Const
- Flutter Hero Animations
- Custom Flutter Animations with the Animation Controller
- [Dart] Mixins
- Prepackaged Flutter Animations
- Code Refactoring Challenge
- Creating a New Firebase Project
- Potential Problems When Incorporating Firebase
- Android Firebase Project Setup
- iOS Firebase Project Setup
- Firebase Flutter Packages Setup (iOS & Android)
- Registering Users with Firebase using FirebaseAuth
- Authenticating Users with FirebaseAuth
- Showing a Spinner while the User Waits
Flutter Multi Vendor Grocery | Shop | Food | Store App
- Ratings
- 4.94
- Subscribers
- 82
- Subscribers last month
(February 2024) - -
- Level
- beginner
- Video Duration
- 25 hours 45 minutes
- Created
- Jan 11th, 2024
- Last updated
- Feb 26th, 2024
- Price
- $84.99
Flutter Multi Vendor app for grocery store, restaurant app, food delivery and e-commerce app. This app is designed to be scalable and a template for following purpose. You may use it for
1. food delivery app
2. grocery app
3. e-commerce app
4. shop app or clothes app
5. accessory app
We will build a mobile app using Flutter which can facilitate the ordering of food from restaurants that are within the close distance range of the client. Clients can get dynamic food recommendations and restaurant recommendations according to their current location. Clients can explore food categories and get served the food that is within delivery distance and if no food is found we recommend them random foods.
The app will provide features to calculate the distance of the restaurant from the client’s current location, calculate the delivery price to order from a restaurant, navigate using maps from the client’s current location to restaurant’s location, calculate the time it takes for an order to be delivered to the client after ordering. Payment system to facilitate payment between the client and the admin. Buyers can rate the experience of purchase, seller, delivery, etc. Food delivery services rely heavily on security email, the app will have an email verification system as well as phone number verification. For deliveries to go through and limit confusion, the address system should have a combination of several map APIs to get the coordinates of the user and the correct format of the address.
- Introduction
- Introduction
- Creating the project and Introducing GetX
- Creating a flutter project, installing dependencies and importing constants
- Hooking Screen Utils, GetX and creating a defaultHome widget
- Bottom Navigation Bar and GetX
- BottomNavigationbar
- TabIndex GetXController and Obx
- Importing Flutter vector icons
- Bottom Navigation baricon variations
- Entrypoint pagesList
- Creating CustomContainer
- CustomContainer
- Creating a CustomAppBar
- CustomAppBar
- CustomAppBar Error Fixes
- Custom AppBar Time Function
- Custom AppBar Dynamic Emojis
- Category List & Controller
- CategoryList
- Category Controller
- CategoryWidget onTap Logic
- CategoryWidget code refactoring
- All Categories Page and Category Tile
- All Categories Page and Category Tile
- BackGroundContainer
- Refactoring Category Tile
- Heading Widget
- Heading Widget
- HeaderWidget attached pages
- Nearby Restaurants
- NearByRestaurantsList and FoodsList
- Restuarant Widget Design
- Restaurant Widget Title and rating
- FoodWidget
- NearBy Restaurant Tile
- NearBy RestaurantList
- NearBy Restaurant tile and Restaurant List.mp4
- FoodTile and FoodsList inside Recommendation page
- Backend architecture and controllers and schemas
- Introducting the Backend Basic Architecture
- Initializing a fresh server and installing dependencies
- Configure Dotenv and Database Connection
- Creating DB Cluster and Extraction the URI
- Create Category Schema and CategotyController
- GetAll Categories and GetRandom Categories Function
- Category router-Postman Test
- System design resources
- System design resources
- Restaurant and schemas and test
- Restuarant DataBase Design and relationships
- Restaurant Schema
- Add Restaurant & Get Restaurant
- Restaurant Functions
- Restaurant Postman Test and Error Fixing
- Food schema, category and test
- Food Schema
- AddFood and GetFoodById Functions
- Get Random Foods and FoodsByCategory
- Search and Foods By Category and Code
- Food Routes Postman Test and Bug Indentification
- Bug Fixing
- Rating schema and functions
- Rating Schema
- Add Rating Function
- Check Rating existence
- User schema, address, login and OTP
- User Schema
- Address Schema
- GenerateOtp
- Create User
- Login Function
- Smtp Server
- Testing Otp and sending mail
- GetUser Function
- VerifyAccount & VerifyPhone
- Auth Router and User Router
- User Router
- Token Middlewares
- User and Auth Routes Postman Test
- Address section schema, controller and CRUD
- Add Address, Get Address , Delete Address
- Get Default Address, SetDefault Address
- Addresses Postman Test
- Cart schema
- Cart schema
- Cart functions
- Cart decrement function
- Cart route and postman test
- Order schema
- OrderSchema
- Place Order
- Order Route
- Fetch Food and Hooks
- Creating FetchhHook, Restaurants , Foods, ApiError models
- Differences and similarities between react custom hooks and flutter custo
- Creating first custom hook with flutter hooks
- Consuming hook data inside of a widget
- useFetchAllCatgories Hook and serving data in All CatgoriesPage
- useFetchRestaurants Hook and serving data in Nearby Restaurants
- Consuming useFetchAllRestaurants in AllNerByRestaurantsPage
- Consuming useFetchAllFoods in FoodList
- Refactoring and attaching recommendations to fetchAllFoods Kook
- Refactoring useFetchAllFood to return FoodsModel
- Get AllFoods by Code
- Search bar and controller
- SearchBar and CutomTextField
- LoadingWidget
- SearchController
- Search Results
- Food Category
- Dynamic HomePage
- Create Hook for Getting Foods By Category and Code
- Category Page
- FoodPage Multiple Images Layout
- Food Image List With PageView and Indicators
- FoodController and Image Index Indicators
- FoodPage BackButton on top of a StackWidget
- Custom Buttom and Open Restaurant Page
- Restaurant Page Placeholder.mp4
- Fetch Restaurant by Id Hook
- Get Restaurant Data and Hook Restaurant Page to Relevant Widgets
- Title Text and Description
- ListView and Food Tags.mp4
- Additives, Counter, and CounterController
- Counter Functions and Dynamic Prices
- Preference Text
- Order and Cart Buttons
- Phone verification and UI
- Phone Verification Modal Bottom Sheet
- Phone Verification Page UI
- Additives and model with observables
- Additives observable model
- LoadAdditves Function and Changing List within FoodsPage
- LoadAdditves Function and Changing List within FoodsPage
- Dynamic Pricing With Additives and Quantity Count
- Restaurant tabController and top and bottom bar
- Restaurant Page DefaultTabController and Cover
- Restaurant Bottom bar
- RestaurantTop Bar
- Distance and Estimation Text
- Row Text Widget
- RestaurantPage TabBar
- TabBar Style
- Restaurant Hooks and Recommendation
- RestaurantMenuWidget and Related Custom Hook
- Restaurant Recommendations
- Profile Page & Login & Registration & Password
- Profile Page
- UserInfo Widget
- Profile Tile Widget
- Profile Tiles Layout, Titles and Icons
- Profile Tiles and Log out Button
- Login Redirect
- Email TextField
- Login Page
- PasswordTextField
- Registration Page
- Login , Registerration Model
- Adding fcm field in the user model and creating login controller
- Converting model data to string
- Login Function
- Storing User data in local storage with GetStorage
- RegistrationController
- Login Function and test logging in
- GetUserInfo Function
- Login Redirect in Profile Page
- Redirect to Verification Page
- Verification Page
- OtpTextField
- Verification module
- VerificationPage and Functions
- Phone Verification UI
- Setting Firebase Phone Verification
- Verification Services
- Testing phone verification
- Phone Verification with Loading Screen
- Testing and Updating Phone Number in the backend
- Google map, Geolocation and Markers
- Set up Geolocator and Obtaining the maps keys
- Setting up location
- Maps Permisions and Getting current Location
- Reverse Geocoding and displaying location on the custom appbar
- Shipping adress page view and maps
- Google Maps
- Setting Markers
- Searching Using Google apis_1
- Displaying Search results_1
- Get Places Details
- Get postal code, address and coordinates
- Shipping Page AppBar
- Address Submission Page Layout
- Default addresses instructions
- Addresses Page
- fetch addresses hook
- Addresses List
- AddressTile
- Dynamic Address
- Code Refactoring
- Cart controller
A Complete Guide to the Flutter SDK & Flutter Framework for building native iOS and Android apps
- Ratings
- 4.64
- Subscribers
- 296,594
- Subscribers last month
(February 2024) - 4,128
- Level
- all
- Video Duration
- 29 hours 50 minutes
- Created
- May 22nd, 2018
- Last updated
- Feb 9th, 2024
- Price
- $139.99
May 2023: This course was completely updated (re-recorded from the ground up) and is now better than ever!
-
Discover the power of Flutter and Dart to create stunning, high-performance mobile apps for iOS and Android with the most comprehensive and bestselling Flutter course! With over 30 hours of comprehensive content, this course is the ultimate resource for anyone who wants to build beautiful, responsive, and feature-rich applications from scratch.
Learn from a Bestselling Udemy Instructor: Maximilian Schwarzmüller
I'm Maximilian Schwarzmüller, a bestselling, top-rated online course instructor with a vast variety of courses on web and mobile development. I'm excited to be your guide throughout this journey. My goal with this course is to teach you Flutter from the ground up, step-by-step and in a highly practice-oriented way!
Unlock Your Potential in Mobile App Development
This Flutter & Dart course is designed for absolute beginners with no prior programming experience, as well as for those with existing iOS, Android or other development skills. Through video lessons and hands-on projects, you'll learn the ins and outs of Flutter and Dart!
Throughout the course you'll build multiple demo apps - ranging from simple to more complex - and, by the end of the course, you'll be able to build your own iOS and Android apps with Flutter.
Why Choose Flutter?
Developed by Google, Flutter is a framework that allows you to learn one language (Dart) and build beautiful native mobile apps in no time
Write code only once and ship your apps both to the Apple App Store and Google Play
Use the rich widget suite Flutter provides to add common UI elements or build your own custom widgets
What You'll Learn:
Detailed setup instructions for both macOS and Windows
A thorough introduction to Flutter, Dart, and the concept behind widgets
An overview of the built-in widgets and how to add your own
Debugging tips & tricks
Page navigation with tabs, side drawers, and stack-based navigation
State management solutions
Handling and validating user input
Connecting your Flutter app to backend servers by sending HTTP requests
User authentication
Adding Google Maps
Using native device features like the camera
Adding beautiful animations & page transitions
Image upload
Push notifications - manual approach and automated
And much more!
Course Highlights:
On-Demand, Video-Based Learning: An immersive experience with practical examples and demo apps to help you develop your skills at your own pace
Lifetime Access: Revisit topics and refresh your knowledge anytime
Regularly Updated: The course has been updated multiple times in the past to ensure it stays up-to-date with the latest industry standards
No Experience Necessary
This course is designed to be accessible to everyone, regardless of their programming background. Whether you're a complete beginner or an experienced developer looking to expand your skillset, I will guide you through each step of the process, ensuring you gain a deep understanding of the fundamentals and advanced concepts.
Prerequisites:
Basic programming language knowledge will help but is not required
No prior knowledge of Flutter or Dart is needed
No iOS (Swift/ObjectiveC) or Android (Java/Kotlin) development experience required
Take the First Step Towards Your Mobile App Development Career
With the skyrocketing demand for skilled mobile app developers in today's job market, there has never been a better time to jump into the world of Flutter & Dart. By the end of this course, you'll be fully equipped to design, develop, and deploy stunning iOS and Android apps, setting yourself up for a successful career in mobile app development.
Don't let this opportunity pass you by! Enroll in "Flutter & Dart - The Complete Guide" today and start building amazing apps for the iOS and Android platforms!
- Introduction
- Welcome To This Course!
- What Is Flutter?
- Flutter uses Dart!
- One Codebase, Multiple Platforms
- Flutter Setup - Overview
- Windows Setup
- macOS Setup
- Project Creation & Setting Up a Code Editor for Flutter Development
- Running a First Flutter App
- Understanding Material Design
- About This Course
- Course Resources (Code Snapshots, Community & Slides)
- Flutter & Dart Basics I - Getting a Solid Foundation [ROLL DICE APP]
- Module Introduction
- Analyzing A New Flutter Project
- From Dart To Machine Code
- How Programming Languages Work
- Starting From Scratch: Understanding Functions
- Importing Features From Packages
- How Flutter Apps Start
- Knowledge Check: Flutter & Dart Basics
- Understanding Widgets
- Using a First Widget & Passing Values to Functions
- Positional & Named Arguments
- Deep Dive: Position & Named Arguments
- Combining Multiple Widgets
- Understanding "const" Values
- Building More Complex Widget Trees
- Understanding Value Types
- Configuring Widgets & Understanding Objects
- Working with "Configuration Objects" (Non-Widget Objects)
- Generics, Lists & Adding Gradient Colors
- How To Configure Widgets & Objects
- Practice: Styling Text
- Onwards to Custom Widgets: Why Do You Need Them?
- Understanding Classes
- Building Custom Widgets
- Working with Constructor Functions
- Splitting Code Across Files
- Practice: Create a Custom Widget
- Introducing Variables
- Variables & Types - Combining Two Key Concepts
- "final" & "const" - Special Kinds Of "Variables"
- Instance Variables (Properties) & Configurable Widgets
- Practice: Reusable Widgets & Constructor Functions
- Displaying Images & Using Multiple Constructor Functions
- Adding Buttons & Using Functions As Values
- Styling Buttons & Working with Padding
- How NOT To Build Interactive Widgets
- Introducing Stateful Widgets
- Generating Random Numbers
- Module Summary
- Flutter & Dart Basics II - Fundamentals Deep Dive [QUIZ APP]
- Module Introduction
- A Challenge For You!
- Challenge Solution 1/2 - Creating a Widget
- Challenge Solution 2/2 - Working with More Widgets
- Adding Icons to Buttons
- Adding Transparency to Widgets
- Repetition & Exercise: Adding a Stateful Widget
- Rendering Content Conditionally
- Accepting & Passing Functions as Values
- The "initState" Method
- Deep Dive: Flutter's (Stateful) Widget Lifecycle
- Using Ternary Expressions & Comparison Operators
- Understanding "if" Statements
- Using "if" Statements In Lists
- if Statements & Comparison Operators
- Adding a Data Model & Dummy Data
- Configuring a Column
- Creating a Reusable, Custom Styled Button
- Accessing List Elements & Object Properties
- Mapping Lists & Using the Spread Operator
- Alignment, Margin & Padding
- Mutating Values in Memory
- Managing The Questions Index As State
- More on Button Styling
- Using Third-Party Packages & Adding Google Fonts
- Passing Data via Functions Across Widgets
- More Conditions
- Getting Started with the Results Screen
- Passing Data to the Results Screen
- Introducing Maps & "for" Loops
- Using "for" Loops In Lists
- Note: A Typo In The Next Lecture
- Accessing Map Values & Using "Type Casting"
- Combining Columns & Rows
- Expanded To The Rescue!
- Filtering & Analyzing Lists
- Making Content Scrollable with SingleChildScrollView
- Time to Practice: Flutter Basics
- Beyond the Basics: Optional, Important Dart Features
- Module Summary
- Debugging Flutter Apps
- Module Introduction
- The Starting Project & A Problem
- Understanding Error Messages
- Debugging Apps & Using "Debug Mode"
- Working with the Flutter DevTools
- Running the App on Real iOS or Android Devices
- Adding Interactivity, More Widgets & Theming [EXPENSE TRACKER APP]
- Module Introduction
- Starting Setup & Repetition Time!
- Adding an Expense Data Model with a Unique ID & Exploring Initializer Lists
- Introducing Enums
- Creating Dummy Data
- Efficiently Rendering Long Lists with ListView
- Using Lists Inside Of Lists
- Creating a Custom List Item with the Card & Spacer Widgets
- Using Icons & Formatting Dates
- Setting an AppBar with a Title & Actions
- Adding a Modal Sheet & Understanding Context
- Handling User (Text) Input with the TextField Widget
- Getting User Input on Every Keystroke
- Letting Flutter do the Work with TextEditingController
- Time to Practice: Adding a New Input
- Exercise Solution
- Closing The Modal Manually
- Showing a Date Picker
- Working with "Futures" for Handling Data from the Future
- Adding a Dropdown Button
- Combining Conditions with AND and OR Operators
- Validating User Input & Showing an Error Dialog
- Saving New Expenses
- Creating a Fullscreen Modal
- Using the Dismissible Widget for Dismissing List Items
- Showing & Managing "Snackbars"
- Getting Started with Theming
- Setting & Using a Color Scheme
- Setting Text Themes
- Using Theme Data in Widgets
- Important: Adding Dark Mode
- Adding Dark Mode
- Using Another Kind of Loop (for-in)
- Adding Alternative Constructor Functions & Filtering Lists
- Adding Chart Widgets
- Module Summary
- Building Responsive & Adaptive User Interfaces [EXPENSE TRACKER APP]
- Module Introduction
- What is "Responsiveness"?
- Locking the Device Orientiation
- Updating the UI based on the Available Space
- Understanding Size Constraints
- Handling to Screen Overlays like the Soft Keyboard
- Understanding "Safe Areas"
- Using the LayoutBuilder Widget
- Building Adaptive Widgets
- Module Summary
- Flutter & Dart Internals [TODO APP]
- Module Introduction
- Three Trees: Widget Tree, Element Tree & Render Tree
- How The UI Is Updated
- Refactor & Extract Widgets To Avoid Unnecessary Builds
- Understanding Keys - Setup
- Which Problem Do Keys Solve?
- Understanding & Using Keys
- Mutating Values in Memory & Making Sense of var, final & const
- Module Summary
- Building Multi-Screen Apps & Navigating Between Screens [MEALS APP]
- Module Introduction
- Project Setup
- Using a GridView
- Widgets vs Screens
- Displaying Category Items on a Screen
- Making any Widget Tappable with InkWell
- Adding Meals Data
- Loading Meals Data Into a Screen
- Adding Cross-Screen Navigation
- Passing Data to the Target Screen
- Introducing the Stack Widget
- Improving the MealItem Widget
- Adding Navigation to the MealDetails Screen
- Improving the MealDetails Screen
- Adding Tab-based Navigation
- Passing Functions Through Multiple Layers of Widgets (for State Management)
- Managing App-wide State & Data
- Adding a Side Drawer
- Closing the Drawer Manually
- Adding a Filter Item
- Replacing Screens (Instead of Pushing)
- Adding More Filter Options
- Replacing WillPopScope with PopScope
- Returning Data When Leaving a Screen
- Reading & Using Returned Data
- Applying Filters
- An Alternative Navigation Pattern: Using Named Routes
- Module Summary
- Managing App-wide State [MEALS APP]
- Module Introduction
- What's The Problem?
- Installing the Solution: Riverpod
- How State Management with Riverpod Works
- Creating a Provider
- Using a Provider
- Creating a More Complex Provider with StateNotifier
- Using the FavoritesProvider
- Triggering a Notifier Method
- Getting Started with Another Provider
- Combining Local & Provider-managed State
Learn Animations in Flutter for Beginners
- Ratings
- 4.45
- Subscribers
- 13,536
- Subscribers last month
(February 2024) - 1,012
- Level
- beginner
- Video Duration
- 10 hours 7 minutes
- Created
- Apr 6th, 2023
- Last updated
- Jul 29th, 2023
- Price
- $74.99
This course is prepared to teach you how to create engaging and dynamic UI using animations in Flutter.
You will learn the fundamentals of creating animations in Flutter using the Animation and Tween classes, and explore more.
The course will cover best practices for creating animations in Flutter, such as optimizing performance and minimizing visual clutter. Real-world examples and case studies will be used to demonstrate how animations can enhance the user experience and add personality to an app.
By the end of the course, you will have the skills and knowledge they need to create beautiful and engaging UI in Flutter applications using animations.
You will learn how to use implicit animations to create basic animations such as changing the color or size of a widget. You will also explore advanced techniques for implicit animations, such as using the AnimatedBuilder widget and working with animations in a widget tree. Best practices for implicit animations will be covered, such as optimizing performance and minimizing visual clutter.
In addition, you will learn how to use explicit animations to create custom animations that reflect their app's unique personality. You will learn how to use the Animation and Tween classes to create complex animations, such as animating widgets along a path. The course will also cover best practices for explicit animations, such as optimizing performance and using animations to enhance the user experience.
- Introduction
- Lecture 1: About the Course
- Lecture 2: What is Animation in Flutter?
- Lecture 3: What are Animation Concepts in Flutter?
- Lecture 4: What are Animation Types in Flutter?
- Lecture 5: Flutter Animtions Tree
- Animations Basics
- Lecture 6: Animation Controller OverView
- Lecture 7: Animation Controller in Deep
- Lecture 8: Animation and Tweens
- Lecture 9: Animation Curves
- Lecture 10: Vertical Synchronization and TickerProvider
- Lecture 11: Animation Builders
- Implicit Animations
- How To Get Source code?
- Lecture 13: Prepare the project
- Lecture 14: Animated Align Demo
- Lecture 15: Animated Align
- Lecture 16: Animated Container Demo
- Lecture 17: Animated Container
- Lecture 18: Animated Default Text Style Demo
- Lecture 19: Animated Default Text Style
- Lecture 20: Animated Opacity Demo
- Lecture 21: Animated Opacity
- Lecture 22: Animated Padding Demo
- Lecture 23: Animated Padding
- Lecture 24: Animated Physical Model Demo
- Lecture 25: Animated Physical Model
- Lecture 26: Animated Positioned Demo
- Lecture 27: Animated Positioned
- Lecture 28: Animated Positioned Directional Demo
- Lecture 29: Animated Positioned Directional
- Lecture 30: Animated CrossFade Demo
- Lecture 31: Animated CrossFade
- Lecture 32: Animated Switcher Demo
- Lecture 33: Animated Switcher
- Lecture 34: Animated List State Demo
- Lecture 35: Animated List State
- Explicit Animations
- Lecture 36: Poistioned Transition Demo
- Lecture 37: Poistioned Transition
- Lecture 38: Size Transition Demo
- Lecture 39: Size Transition
- Lecture 40: Rotation Transition Demo
- Lecture 41: Rotation Transition
- Lecture 42: Animated Builder Demo
- Lecture 43: Animated Builder
- Lecture 44: Fade Transition Demo
- Lecture 45: Fade Transition
- Lecture 46: Positioned Directional Transition Demo
- Lecture 47: Positioned Directional Transition
- Lecture 48: Tween Animation Builder Demo
- Lecture 49: Tween Animation Builder
- Lecture 50: Default Text Style Transition Demo
- Lecture 51: Default Text Style Transition
- Lecture 52: Inexed Stack Transition Demo
- Lecture 53: Inexed Stack Transition
- Page Transitions Animation
- Lecture 54: Page Fade Transition Demo
- Lecture 55: Page Fade Transition
- Lecture 56: Page Scale Transition Demo
- Lecture 57: Page Scale Transition
- Lecture 58: Page Rotation Transition Demo
- Lecture 59: Page Rotation Transition
- Lecture 60: Page Slide Transition Demo
- Lecture 61: Page Slide Transition
- Lecture 62: Page Size Transition Demo
- Lecture 63: Page Size Transition
- Lecture 64: Page Mix Fade Size Transition Demo
- Lecture 65: Page Mix Fade Size Transition
- Lecture 66: Page Mix Scale Rotate Transition Demo
- Lecture 67: Page Mix Scale Rotate Transition
- More Animations
- Lecture 68: Custom Paint Animations Demo
- Lecture 69: Custom Paint Animations
- Lecture 70: Lottie Animations Demo
- Lecture 71: Lottie Animations
- Lecture 72: Rive (Flare) Animations Demo
- Lecture 73: Rive (Flare) Animations
3. Top 3 Recommended YouTube Videos
Here are Outlecture's top 3 recommended YouTube videos, carefully selected for you.
Title | View count | View count last month (February 2024) | Like count | Publish date |
---|---|---|---|---|
📱 FULL Flutter Beginner Course • Programming Basics / Widgets / Navigation / User Input / UI Channel: Mitch Koko | 469,788 | 98,799 | 17,080 | Sep 17th, 2023 |
Flutter Course for Beginners – 37-hour Cross Platform App Development Tutorial Channel: freeCodeCamp.org | 2,588,270 | 67,508 | 57,281 | Feb 24th, 2022 |
Flutter Basic Training - 12 Minute Bootcamp Channel: Fireship | 738,605 | 23,913 | 25,407 | Nov 16th, 2021 |
YouTube has become a familiar platform for everyday use, where viewers can watch videos for free, although they may contain advertisements. Recently, there has been an increase in the availability of high-quality educational materials on this platform.
It is an excellent option for those who want to learn without paying or simply obtaining a quick understanding of a topic.
We highly recommend utilizing YouTube as a valuable learning resource.
Recommended for
- Wanting to learn without spending money
- Wanting to quickly understand the overview of Flutter
The details of each course are as follows:
Mitch Koko
- View count
- 469,788
- View count last month
(February 2024) - 98,799
- Like count
- 17,080
- Publish date
- Sep 17th, 2023
📱 Flutter App Templates • https://mitchkoko.app/
💰 Flutter Shop • https://mitchkoko.gumroad.com/
~ ;
🔒 Minimal Login UI • https://mitchkoko.gumroad.com/l/MinimalLoginApp
💬 Minimal Chat App • https://mitchkoko.gumroad.com/l/MinimalChatApp
💰 Minimal Ecommerce App • https://mitchkoko.gumroad.com/l/MinimalEcommerceApp
🥷🏽 Minimal Social Media App • https://mitchkoko.gumroad.com/l/MinimalSocialApp
✏️ Minimal Notes App • https://mitchkoko.gumroad.com/l/MinimalNotesApp
~ ;
🎓 Flutter Beginner Course • https://youtu.be/HQ_ytw58tC4
📖 Flutter Beginner Handbook • https://mitchkoko.gumroad.com/l/FlutterBeginnerHandbook
👟 Sneaker Shop App • https://mitchkoko.gumroad.com/l/SneakerShop
☕️ Coffee Shop App • https://mitchkoko.gumroad.com/l/CoffeeShop
🥑 Grocery Shop App • https://mitchkoko.gumroad.com/l/GroceryShopApp
~ ;
TIMESTAMPS
0:00 intro
0:41 table of contents
2:06 programming fundamentals
3:31 variables
4:46 basic math operators
6:24 comparison operators
7:39 logical operators
9:36 if else statement
13:04 switch statement
14:21 for loops
18:04 while loops
19:21 functions
20:36 functions with parameters
22:17 functions with return type
24:13 data structures • LIST
26:55 data structures • SET
27:33 data structures • MAP
29:38 widgets • SCAFFOLD
31:42 widgets • CONTAINER
34:22 widgets • TEXT
35:04 widgets • ICON
35:52 widgets • APP BAR
37:09 widgets • COLUMN / ROW
41:53 widgets • LISTVIEW
44:24 widgets • GRIDVIEW
46:45 widgets • GESTURE DETECTOR
48:35 navigation • ROUTES
51:35 navigation • DRAWER
55:37 navigation • BOTTOM NAV BAR
59:48 stateless vs stateful widgets • COUNTER APP
1:04:58 user input • TEXTFIELD
1:10:28 TO DO APP
1:52:42 ECOMMERCE APP UI
2:22:01 Final Thoughts
~ ;
📱 INSTAGRAM • https://instagram.com/createdbykoko/
🐦 TWITTER • https://twitter.com/createdbykoko/
📱 TIKTOK • https://www.tiktok.com/@createdbykoko/
🎧 FLUTTER POD • https://www.youtube.com/@flutterpod
💬 JOIN DISCORD SERVER • https://discord.gg/EYHQScacVh
💻 GITHUB • https://github.com/mitchkoko/
🖥 WEBSITE • https://mitchkoko.app/
freeCodeCamp.org
- View count
- 2,588,270
- View count last month
(February 2024) - 67,508
- Like count
- 57,281
- Publish date
- Feb 24th, 2022
💻 GitHub repo: https://github.com/vandadnp/mynotes-course
✏️ Course developed by Vandad Nahavandipoor. Check out his channel: https://www.youtube.com/channel/UC8NpGP0AOQ0kX9ZRcohiPeQ
🔗 Discord study group (for questions and answers about this course): https://discord.gg/C8UpxJyU4n
🔗 Setting up Firebase CLI and FlutterFire CLI on Windows: https://www.youtube.com/watch?v=nQ3AhFo2rKc
⭐️ Course Contents ⭐️
⌨️ (00:00:00) Introduction
⌨️ (00:02:57) Developer Accounts
⌨️ (00:39:12) Setup
⌨️ (01:14:42) Introduction to Dart
⌨️ (02:01:26) Dart Control Statements and Collections
⌨️ (02:46:44) Sound Null safety in Dart
⌨️ (03:27:12) Dart Enumerations, Classes and Objects
⌨️ (04:18:36) Advanced Dart
⌨️ (05:00:41) Project Setup
⌨️ (05:48:30) iOS App Setup
⌨️ (06:59:32) Android App Setup
⌨️ (07:31:31) Firebase Backend Setup
⌨️ (08:01:20) Basic Registration Screen
⌨️ (09:04:54) Login View
⌨️ (09:53:10) Separating App Initialization from Login and Register Screens
⌨️ (10:19:47) Setting up Git and GitHub
⌨️ (11:10:34) Email Verification View
⌨️ (11:44:45) Link Between Login and Register Views
⌨️ (12:18:01) Logout View
⌨️ (13:13:46) Go From Login to Notes View
⌨️ (13:36:43) Cleaning Up our Routes
⌨️ (13:51:17) Error Handling in Login View
⌨️ (14:16:21) Error Handling in Register View, Next Screen After Registration
⌨️ (14:44:45) Confirming Identity Before Going to Main UI
⌨️ (14:52:21) Auth Service
⌨️ (15:55:22) Migrating to Auth Service
⌨️ (16:33:41) Unit Testing our AuthService
⌨️ (17:43:42) CRUD Local Storage
⌨️ (19:30:57) Working with Streams in Notes Service
⌨️ (20:04:32) Preparing Notes View to Read All Notes
⌨️ (20:39:21) Preparing to Create New Notes
⌨️ (21:00:16) Creating New Notes
⌨️ (21:35:42) Displaying Notes in Notes View
⌨️ (21:56:04) Deleting Existing Notes in Notes View
⌨️ (22:40:46) Updating Existing Notes
⌨️ (23:14:12) Protecting NotesService with Current User
⌨️ (23:40:44) Writing Notes to Cloud Firestore
⌨️ (24:58:08) Migrating to our Firestore Service
⌨️ (25:22:35) Sharing Notes
⌨️ (25:37:43) Introduction to Bloc
⌨️ (26:24:31) Converting our Auth Process to Bloc
⌨️ (27:31:17) Handling Auth Bloc Exceptions During Login
⌨️ (28:52:45) Moving to Bloc for Routing and Dialogs
⌨️ (28:58:23) Loading Screens
⌨️ (29:48:31) Final Touches Before App Release
⌨️ (30:43:03) App Icons and App Name
⌨️ (31:06:34) Splash Screen
⌨️ (31:56:58) Sending our iOS app to App Store Connect
⌨️ (32:55:44) Releasing our iOS App
⌨️ (33:20:31) Fixing Firebase Security Rules and Resubmitting the iOS App
⌨️ (33:50:07) Releasing our Android App
⌨️ (34:55:19) Localization in Flutter
⌨️ (36:33:57) Outro
Fireship
- View count
- 738,605
- View count last month
(February 2024) - 23,913
- Like count
- 25,407
- Publish date
- Nov 16th, 2021
🔥 Get The FULL FlutterFire Course - Upgrade to PRO
💰 30% off (expires 11/23) with code: ibTd664q
#flutter #dev #learntocode
🔗 Resources
Full Course: https://fireship.io/courses/flutter-firebase/
Flutter Docs https://flutter.dev/
Hire Rolly Peres for Flutter Dev https://github.com/narcodico or rolly@narcodic.com
📚 Chapters
00:00 Flutter Basic Training
00:56 Get Started
02:36 Stateless Widget
03:20 Material App
03:58 Container
05:07 Flex Layout
06:07 Stack
07:00 Scaffold Magic
07:27 Debugger
07:47 ListView
08:09 Builder
08:25 Stateful Widget
09:32 Advanced State Management
10:03 Navigator
10:51 Hero
🎨 My Editor Settings
- Atom One Dark
- vscode-icons
- Fira Code Font
🔖 Topics Covered
- Flutter Tutorial for Beginners
- Flutter Flex Layout
- Stateless vs Stateful Widgets
- Navigation in Flutter
- Flutter for Mobile Dev on iOS and Android
5. Wrap-up
We introduced recommended courses for Flutter. If you are interested in learning other related courses, please refer to the following.
If you want to further explore and learn after taking one of the courses we introduced today, we recommend visiting the official website or community site.
If you want to stay up-to-date on the latest information, we suggest following the official Twitter account.
Furthermore, We highly recommend utilizing General AI such as ChatGPT as a study aid. This can enable more effective learning, so please give it a try.
We hope you found our website and article helpful. Thank you for visiting.