Flutter 3.0 Rest API crash course build a News app from zero
- Description
- Curriculum
- FAQ
- Reviews
This course cover how to make a Fully Functional app for Android in portrait mode. Moreover it also cover how to integrate the Rest API in a Flutter application.
The used API’s are:
-
News Rest API
-
Firebase real-time database Rest API
Course prerequisites:
-
Basic knowledge in programming to get started
-
Basic knowledge of Flutter and a good knowledge is recommended
How this course can be of help:
-
Gaining more knowledge in Flutter and Rest API integration
-
Http requests
-
Json serialization
-
Search using query, and get the results directly from the API
-
Sorting by
-
Pagination
-
Add to Bookmarks
-
Error Handling
-
Learn how to make a News app with clear design
-
A fully functional app that is ready for use and deployment
What’s in the course:
-
Complex UI has done simply
-
Provider State management
-
Firebase Real-time database Rest API
-
Clean code and avoid Boilerplate code
-
State Management: setState, lifting state up via callbacks, global access, scoped access with Provider and ChangeNotifier
-
Navigation & Custom navigation
-
Animated Navigation
-
Animation
-
Managing and updating packages
-
ListViews and multiple UI states
-
Dart Programming Language – Fundamentals and intermediate&expert topics
-
How to understand Flutter Mobile Development by building apps incrementally.
-
How to design, build, debug Flutter apps
-
How to get Flutter apps to communicate with a real-time database
-
How to build robust apps with Flutter
-
Flutter AppBar
-
Flutter Material Design
-
Flutter Row and Column
-
Flutter ListView Builder
-
Payment gateway
Course structure:
approximately 7 hours of content and updated regally
Requirements:
-
Windows application development OR 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 apps
-
New information regarding Flutter And API integration
Note that the course builds 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.
-
7
lock device orientation -
8
Setting up the Theme and app structure and starter source code on github
-
9
Create the drawer widget design
-
10
Add custom fonts, and finish the Appbar design
-
11
Start implementing the main screen tabs
-
12
Finish the tabs implementation
-
13
Implement the pagination buttons
-
14
Implement the pagination numbers widget
-
15
Finish the pagination control
-
16
Implement the dropdown Button
-
17
Implement the articles widget part 1
-
18
Finish the articles widget
-
19
Implement the article loading widget (Shimmer effect)
-
20
Finish the top trending widget
-
21
Finish the top trending shimmer effect widget
-
22
Implement the navigation with transition to the search screen
-
23
Imepelment the search screen top widgets
-
24
Implement the search suggestions widget
-
25
Implement the no results screen
-
26
Implement the Bookmarks screen
-
27
Show news details in a Webview widget
-
28
Add leading icon to navigate to the previous screen (Home screen)
-
29
Implement the modal bottom sheet in the webview screen
-
30
Implement the refresh webview method
-
31
24- Implement the Share Function
-
32
24- Implement the open in a browser Function
-
33
Create an error dialog
-
34
In app news details
-
35
What is Rest API?
-
36
News rest api walkthorugh
-
37
Use the Postman to make request and generate dart model class
-
38
Create the news model class with Json serialization
-
39
Integrate the Rest api in our application
-
40
Appending the Rest api results to the model class
-
41
Enhance the get all news method with url segmentation
-
42
Start displaying the news in our app
-
43
Use the FutureBuilder aproach in order to fetch the news from the Rest Api
-
44
Display the other news details, and open the correct URL for the webView
-
45
Calculate the article reading time
-
46
Show the date in the Formatted way
-
47
Error handling
-
48
Enhance the error handling method
-
49
Handle errors using the status code
-
50
Why do we need state management in this app?
-
51
Get started with the state management
-
52
Avoid using the dependency injection
-
53
Implement the pagination
-
54
Allow the user to sortBy the news
-
55
Display the correct news details in the news details screen
-
56
Implement the share method in the news details screen
-
57
Get the top headlines from the API and display it correctly on the screen
-
58
Implement the image HERO animation
-
59
Allow the user to search, and get the results from the api
-
60
Get started with the Firebase Rest API
-
61
Create the Bookmarks model class
-
62
Send dummy data to Firebase real-time database using the Post method
-
63
Save the news data in the Firebase real-time database
-
64
Allow the user to delete from the Real-Time database
-
65
Start fetching the bookmarks data, and fix the deletion issue
-
66
Fetch and display bookmarks on the screen.mp4
-
67
Check if the current News is already in the bookmarks
-
68
Importance of the NotifyListener
-
69
Fix the delete function and finalize the app
