This Flutter course a complete guide that helps in learning and building a fully functioning Flutter application with Firebase.
Teaching how to write Clean-code and avoid Boilerplate code
This course you how to make new designs and styles for your app
Clear state management in a very detailed manner
Introduce new widgets and how to use them correctly
Course prerequisites:
- Basic knowledge in programming to get started
- Basic knowledge in Flutter
- Concepts are explained clearly. You will always learn what you’re building and why, and then how to do it.
How this course can be of help:
- Gaining more knowledge in Flutter and firebase
- Learn how to make an online shopping application simply
What’s in the course:
- Complex UI done simply
- State management
- Firebase
- Clean-code and avoid Boilerplate code
- Styles for UI
- State Management: setState, lifting state up via callbacks, global access, scoped access with Provider and ChangeNotifier
- Navigation
- Dart
- Forms, input handling and validation
- Managing and updating packages
- Databases and Cloud Firestore
- ListViews and multiple UI states
- Firebase Authentication
- Firebase Firestore
- Firebase Storage
- Dart Programming Language – Fundamentals and intermediate topics
- How to understand Flutter Mobile Development by building apps incrementally.
- How to design, build, debug Flutter Android and iOS Apps
- How to get Flutter apps to communicate with a realtime database – Firestore
- How to build robust apps with Flutter
- Flutter AppBar
- Flutter Material Design
- Flutter Row and Column
- Flutter ListView Builder
- Stripe payment gateway
Course structure:
approximately 14 hours of content and updated regally
Requirements:
- Windows application development
- Mac application development
- Access to a computer with an internet connection.
- and you are ready for the journey
- Love learning about applying cutting-edge algorithms to practical cases!
What Should I Expect After this Course?:
- The ability to build a fully functional shopping application with a firebase
- new information regarding Flutter
Note that the course build on windows, so I didn’t have a chance to cover the IOS configurations! But feel free to ask anything about it. I will be there to help.
Start Coding
State management
-
8Creating a bottom bar
-
9Using custom icons
-
10Working on the user Screen
-
11Creating a title widget in the user screen
-
12Adding switch tile
-
13Adding a sliver app-bar
-
14Adding the floating action button
-
15Adding the dark theme
-
16Saving the dark theme state
-
17Implementing the Empty Cart Screen
-
18Implementing the Full Cart Screen
-
19Continue building the Full Cart screen , build the App Bar and checkout section
-
20Cart design optimization
-
21Building the feed products widget
-
22Implementing the Feed Grid-view
-
23Implementing of the Feed staggered Grid View
-
24Changing FloatingActionButton color and delete extra widgets in the user screen
-
25Changing the icons widget in the user screen
-
26Adding the feed badge
-
27Adding an alignment for the badge (positioned widget)
-
28Start building the home screen, add the backdrop layout
-
29Adding a carousel
-
30Adding a swipper
-
31Creating the category design
-
32Creating the popular items design
-
33Creating the brand inner screen design
-
34Creating the backdrop back-layer design
-
35Implementing the Empty Wishlist design
-
36Implementing the Full Wishlist design
-
37Full code until now
-
38Building the Product details screen
-
39Creating the Product model class
-
40Dynamic data for the products
Cart state management
-
41Why do we need state management?
-
42Creating the products provider
-
43Another way instead of passing data through constructor
-
44Showing the products depending on each category
-
45Finalize the categories
-
46Finishing the brands
-
47Finishing up the popular products
-
48Finishing up the products details screen
-
49Handling view all in the brands
-
50Implementing popular products for the popular brands
Wishlist state management
-
51Implementing the cart model
-
52Starting with cart provider finishing the total
-
53Creating the add to cart method
-
54using the dependency injection for the cart
-
55Disable the button once the user add to cart
-
56Use the cartAttr provider instead of dependency injection and make it clickable
-
57Allow the user to add to their cart from the popular products
-
58Implementing the plus and minus buttons
-
59Allow the user to delete from his cart and clear all items
-
60show the total ammount
-
61Creating dynamic alert dialog method
More UI and improvements
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!