Danh mục
Duocmmo Tedu Tin học văn phòng Laravel Cyberlearn Khoá học miễn phí Tất cả khoá học
Get link khoá học
Trang chủ
Development
Mobile Development
Google Flutter
Flutter 3.0 Rest API crash course build a News app from zero

Flutter 3.0 Rest API crash course build a News app from zero

Loại khoá học: Mobile Development

Flutter 3.0 & Rest API build a fully functional News app from scratch using 2 different Rest APIs

image
50.000 VND
25 VND
Đầy Đủ Bài Giảng
Học Online Tiện Lợi
Kích Hoạt Nhanh 2-5 Phút
Thanh toán tự động
Được phép tải xuống

Tổng quan

Nội dung khoá học

Đánh giá

Mô tả

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:

  1. News Rest API

  2. 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.

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

Yêu cầu

Nội dung khoá học

6 sections

Introduction

7 lectures
Introduction - About The Course&About Me&Couse requirements
01:56
Best price for the course
00:06
App overview
03:54
Hints and tricks
02:27
Source code on Github
00:44
Reach me
00:08
Note
00:04

Start coding

29 lectures
Important Note on Course Access and Feedback
00:22
lock device orientation
03:17
Setting up the Theme and app structure and starter source code on github
07:05
Create the drawer widget design
15:58
Add custom fonts, and finish the Appbar design
09:46
Start implementing the main screen tabs
03:35
Finish the tabs implementation
07:56
Implement the pagination buttons
05:55
Implement the pagination numbers widget
04:12
Finish the pagination control
05:30
Implement the dropdown Button
06:10
Implement the articles widget part 1
12:29
Finish the articles widget
07:33
Implement the article loading widget (Shimmer effect)
11:57
Finish the top trending widget
07:16
Finish the top trending shimmer effect widget
07:05
Implement the navigation with transition to the search screen
04:18
Imepelment the search screen top widgets
12:08
Implement the search suggestions widget
06:52
Implement the no results screen
04:01
Implement the Bookmarks screen
04:46
Show news details in a Webview widget
12:44
Add leading icon to navigate to the previous screen (Home screen)
01:50
Implement the modal bottom sheet in the webview screen
08:25
Implement the refresh webview method
02:16
24- Implement the Share Function
02:19
24- Implement the open in a browser Function
02:26
Create an error dialog
06:12
In app news details
15:38

Rest API

15 lectures
What is Rest API?
02:19
News rest api walkthorugh
08:15
Use the Postman to make request and generate dart model class
04:18
Create the news model class with Json serialization
14:43
Integrate the Rest api in our application
03:51
Appending the Rest api results to the model class
08:52
Enhance the get all news method with url segmentation
08:31
Start displaying the news in our app
04:58
Use the FutureBuilder aproach in order to fetch the news from the Rest Api
08:43
Display the other news details, and open the correct URL for the webView
06:04
Calculate the article reading time
04:06
Show the date in the Formatted way
07:49
Error handling
07:04
Enhance the error handling method
05:38
Handle errors using the status code
01:23

State management & Rest Api

10 lectures
Why do we need state management in this app?
02:17
Get started with the state management
07:27
Avoid using the dependency injection
04:16
Implement the pagination
04:19
Allow the user to sortBy the news
04:09
Display the correct news details in the news details screen
06:43
Implement the share method in the news details screen
01:13
Get the top headlines from the API and display it correctly on the screen
08:21
Implement the image HERO animation
02:01
Allow the user to search, and get the results from the api
13:47

Extra - Rest Api - Advanced to Expert

10 lectures
Get started with the Firebase Rest API
03:51
Create the Bookmarks model class
02:07
Send dummy data to Firebase real-time database using the Post method
11:17
Save the news data in the Firebase real-time database
02:10
Allow the user to delete from the Real-Time database
04:40
Start fetching the bookmarks data, and fix the deletion issue
13:09
Fetch and display bookmarks on the screen.mp4
08:52
Check if the current News is already in the bookmarks
10:01
Importance of the NotifyListener
02:19
Fix the delete function and finalize the app
05:31

Extra

3 lectures
Change the app launcher icon
04:15
Native splash screen
03:37
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?

Khoá học liên quan

The Complete UML Course (2024): Learn to Design UML Diagrams

The Complete UML Course (2024): Learn to Design UML Diagrams

25 VND
50.000 VND
Master Network Automation with Python for Network Engineers

Master Network Automation with Python for Network Engineers

1.699.000 VND
50.000 VND
Unity Mobile Game Development - Exterminator

Unity Mobile Game Development - Exterminator

1.499.000 VND
50.000 VND
Mastering CSS Grid 2023 - With 3 cool projects

Mastering CSS Grid 2023 - With 3 cool projects

99 VND
50.000 VND
Django 3 - Full Stack Websites with Python Web Development

Django 3 - Full Stack Websites with Python Web Development

1.699.000 VND
50.000 VND
Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

Appium -Mobile Testing (Android/IOS) from Scratch+Frameworks

95 VND
50.000 VND
Appium - Mobile Testing with Latest 2.0 and Live Projects

Appium - Mobile Testing with Latest 2.0 and Live Projects

70 VND
50.000 VND
Deep Learning for Object Detection with Python and PyTorch

Deep Learning for Object Detection with Python and PyTorch

899.000 VND
50.000 VND
Full Android Development Masterclass | 14 Real Apps-46 Hours

Full Android Development Masterclass | 14 Real Apps-46 Hours

1.699.000 VND
50.000 VND
Go Java Full Stack with Spring Boot and Angular

Go Java Full Stack with Spring Boot and Angular

90 VND
50.000 VND
Machine Learning Practical Workout | 8 Real-World Projects

Machine Learning Practical Workout | 8 Real-World Projects

79 VND
50.000 VND
WordPress 2024: The Complete WordPress Website Course

WordPress 2024: The Complete WordPress Website Course

90 VND
50.000 VND
Android App Development Master Course with Java | Android

Android App Development Master Course with Java | Android

99 VND
50.000 VND
Unreal Engine 5: Soulslike Melee Combat System

Unreal Engine 5: Soulslike Melee Combat System

1.399.000 VND
50.000 VND
ASP.NET Core Web Application Using Razor Pages

ASP.NET Core Web Application Using Razor Pages

1.699.000 VND
50.000 VND
Build Undetectable Malware Using C Language: Ethical Hacking

Build Undetectable Malware Using C Language: Ethical Hacking

75 VND
50.000 VND
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.

Get khoá học cho tôi