Mô tả

This course is in Arabic and English. but this is the English version of it


Course Description: Flutter & Firebase Mastery

Learn to design, build, and debug fully functional shopping applications with Flutter and Firebase. This course offers in-depth knowledge of Flutter mobile development, Dart programming, and Firebase integration. By the end of the course, you will be equipped to manage freelance projects confidently and be well-prepared to take on a Flutter development position within a company.


Prerequisites

  • Basic knowledge of programming

  • Basic understanding of Flutter

  • Experience with Windows or Mac application development

  • Access to a computer with an Internet connection

  • Enthusiasm for learning and applying cutting-edge algorithms to practical cases

Recording Equipment:

  • Video Editing Software: Camtasia 2022

  • Microphone: Blue Yeti X

This top-of-the-line equipment ensures the highest possible audio and video quality for the course content.



What You Will Learn

This course covers an extensive range of topics, including:

General

  • Dart Programming Language - Fundamentals to expert topics

  • Understanding Flutter Mobile Development by building apps incrementally

  • Designing, building, and debugging Flutter apps

  • Building robust apps with Flutter

Styles & UI

  • Styles for UI

  • Dynamic colors and themes

  • Complex UI made simple

  • Custom widgets

  • Flutter Material Design

  • ListViews and multiple UI states

  • Flutter Row and Column

  • Flutter ListView Builder

State Management - Provider

  • Clean code and boilerplate code avoidance

  • setState, lifting state up via callbacks, global access, scoped access with Provider and ChangeNotifier

  • Navigation & Custom navigation

  • Forms, input handling, and validation

  • Managing and updating packages

Firebase

  • Databases and Cloud Firestore

  • Firebase Authentication

  • Firebase Firestore

  • Firebase Storage

  • Real-time communication with Firestore using Streams and StreamBuilder, Futures and FutureBuilder

Course Structure

  • Duration: approximately 12-13 hours of content

  • Regular updates

What to Expect After This Course

After completing this course, you will have:

  • The ability to build a fully functional shopping application with Firebase

  • Gained advanced knowledge in Flutter

  • Developed readiness to explore expert topics in Flutter

  • The ability to handle and manage freelance projects

  • Acquired the necessary skills and knowledge to take up a Flutter development position within a company confidently

Limitations and Notes

Please note the following limitations and important information for this course:

  • This course focuses on Windows configurations. IOS configurations are not covered but feel free to ask questions about it. We will be there to help.

  • This course includes 2 apps, one for the Users, and another App for the Admin, both in "Portrait mode".

  • The Android app is designed to be responsive only in portrait mode; it does not support landscape mode.

  • Resources are attached to each lecture.

  • 24/7 support will be provided depending on the nature of your questions.

Bạn sẽ học được gì

Flutter Mobile

Firebase Firestore, Authentication & Storage

Teaching how to write Clean-code and avoid Boilerplate code

Admin App to upload and edit products

Clear state management with Flutter Provider State Management

Fully functional E-commerce app

Yêu cầu

  • Basic knowledge in Flutter and Dart

Nội dung khoá học

6 sections

Introduction

10 lectures
Introduction
02:38
Important Update About the Expert Course
00:34
Sale Coupons - Monthly
00:28
Advanced tips and tricks
08:29
Main - Reference app demonstration
05:24
Whats in the expert course
03:03
How our Users App looks like at the end of the course?
05:23
How our Admin App looks like at the end of the course?
02:06
Social accounts
01:41
What do you expect after this course
01:01

Build the user app UI

33 lectures
Great News
00:12
Important Note on Course Access and Feedback
00:22
Lock the device Orientation
03:35
Assets
00:02
Create the a new application and open it in vs code
02:17
Implement the light and dark theme with provider state management
35:53
Create the text custom widget
10:41
Create the bottom navigation bar with active state
14:46
Create the profile screen
34:10
Create the app name animated background widget
05:10
Create the empty cart screen
11:00
Create the cart screen when added product
19:45
Create the Cart bottom sheet widget
08:32
Create the Cart quantity dialogue
08:51
Implement the Cart badge
02:31
Start implementing the search screen
15:10
Finish implementing the search screen
16:10
Note about the Search Screen
02:02
Implement the Swiper in the Home Screen
07:58
Create the latest arrival widget in the Home Screen
09:34
Create the Categories widget in the Home Screen
12:11
Implement the product details screen
18:22
Create a custom heart widget
04:24
Implement the Wishlist and Viewed recently screens
07:25
Implement the Warning or Error dialog
10:16
Implement the login screen design
20:00
Implement the Sign in with google button widget
04:13
Start Implementing the Register Screen
12:51
Implement the Profile Image Picker Widget
09:40
Implement the Pick Image Dialog
06:16
Allow the user to pick up an image using Camera or Gallery
04:13
Implement the Orders screen
06:11
Implement the Forgot Password Screen and Test the App
05:38

State Management Using Provider

16 lectures
Why do we need state management
06:38
Create the Product Model
02:32
Display the correct products on the Search Screen
06:11
Display the correct products using Provider State Management
07:51
Display the products on the screen using a dynamic way
05:35
Display the correct product details in the Product Details Screen
04:13
Display products by Category
07:46
Allow the user to search for Products
10:02
Allow the user to search for Products in Categories.tscproj
01:37
Start with the Cart State Management and allow the user to add to his Cart
12:22
11. Display the added product in the Cart and display the correct info
11:21
Allow the user to update Cart Item Quantity
04:23
Finalize the Cart State Management, allow the user to delete items EN
04:49
Displaying the latest arrival products
03:20
Implement the Wishlist State management
11:27
Finish the viewed recently product State management
07:38

Admin Panel App

5 lectures
Create a new App for the Admin Panel
04:16
Implement the Dashboard Screen
10:39
Start implementing the Upload Screen
13:40
Implement the Upload Product Image widget
05:58
Make the upload product screen dynamic to allow the admin to edit his product
12:27

Firebase + More on State Management

21 lectures
Connect our Apps to the Firebase
15:01
Allow the user to Register and initialize the Firebase + Error handling
14:36
Allow the users to login and check if they are signed in or not
03:14
Sign in With Google
08:01
Loading manger - Display loading indicator when loading
04:17
Save User information to the Firebase Firestore
07:51
Display the user information from the Firestore
13:38
Save the user information to Firestore on Google Sign In
03:34
Keep the BottomNavigationBar State Alive
03:55
Allow the user to upload an image
08:21
Admin - Upload Product to the Firebase
12:33
Fetch product from the Firebase and Display it in the user application
15:41
Fetch product using Stream Builder EN
05:43
Admin - Allow the admin to edit a product
16:00
Display the correct latest arrival
03:01
Allow the user to add to Cart and save it in the Firebase Firestore
09:39
Fetch the Cart from the Firestore
09:46
Clear Cart & Remove one item from Firebase
07:33
Connect the User Wishlist to the Firebase
11:03
Allow the user to place an Order
12:21
Fetch the Orders and display it on the screen
14:36

Extra

2 lectures
Complete Code On GitHub
00:04
Upon Finishing the course
00:15

Đánh giá của học viên

Chưa có đánh giá
Course Rating
5
0%
4
0%
3
0%
2
0%
1
0%

Bình luận khách hàng

Viết Bình Luận

Bạn đánh giá khoá học này thế nào?

image

Đăng ký get khoá học Udemy - Unica - Gitiho giá chỉ 50k!

Get khoá học giá rẻ ngay trước khi bị fix.