Free Course Image Flutter complete course

Free online courseFlutter complete course

Duration of the online course: 53 hours and 22 minutes

4.57

StarStarStarStarHalf star

(7)

Build real mobile apps with Flutter—UI, Firebase, maps, animations and payments. Join this free course and level up fast with practical projects.

In this free course, learn about

  • Flutter fundamentals: widgets, layout, navigation, and building screens from scratch
  • Working with lists, tabs, side menus, slivers, and custom scroll views for rich UIs
  • Handling user input: forms, input widgets, and binary controls (e.g., switches/checkboxes)
  • HTTP networking: making requests, understanding HTTP’s role, parsing JSON responses
  • Displaying JSON data in UI lists and keeping data synced with the interface
  • Charts and visualizations: animated circular charts and building a stopwatch-style demo
  • Animations & transitions: tweens, gestures, delayed/parenting/transform/value-change animations
  • State management patterns: BLoC concepts, Provider, and RxDart observables/subjects
  • Maps & location: Google Maps/Mapbox, markers, polygons, polylines, routes, camera effects
  • Geolocation & geocoding: using device location and converting between addresses and coords
  • Firebase basics: Auth methods, Firestore CRUD/querying, Storage uploads, role-based access
  • Push notifications: setup and automating notification delivery
  • Payments: integrating Stripe (incl. Connect/marketplace) and PayPal flows
  • Flutter Web: getting started and adding Firebase Authentication for web apps

Course Description

Turn your app ideas into polished, high-performing products with Flutter. This free online course is designed for anyone who wants to build modern mobile experiences with a single codebase, moving from core concepts to the kind of features users expect in real apps. You will gain confidence creating responsive screens, organizing widgets, and working with navigation patterns that make apps feel intuitive and professional.

Beyond layout and interaction, you will practice connecting apps to the outside world. Learn to fetch and display data through HTTP requests, handle JSON cleanly, and design interfaces that remain smooth and readable as content grows. As you progress, you will also explore richer UI capabilities such as slivers, charts, and custom scroll behavior, so your apps feel dynamic rather than static.

A major focus is building practical functionality often required in production. You will work with maps, geolocation and geocoding, place and manage markers, and understand how location-driven experiences are implemented end to end. You will also dive into Firebase and Firestore to store data, query it efficiently, and implement role-based access patterns that keep apps secure as they scale.

User accounts are another key ingredient. The course walks through multiple authentication approaches, including social sign-in and phone-based flows, helping you understand how onboarding, sessions, and user profiles fit together. You will also see how to upload files to cloud storage and integrate profile images, enabling more complete, personalized apps.

To help your projects stand out, you will explore gestures, animations, transitions, and UI polish techniques that make interfaces feel alive. Finally, you will step into real-world monetization workflows by integrating payments, preparing you for client projects, portfolio apps, and production-ready releases.

Course content

  • Video class: Let's Flutter - The Basics 14m
  • Exercise: _What is Flutter?
  • Video class: Flutter - Lists 17m
  • Exercise: What is demonstrated in this Flutter tutorial video?
  • Video class: Flutter - Tabs 15m
  • Exercise: What is the purpose of using tabs in applications?
  • Video class: Flutter - Http Requests 12m
  • Exercise: What role does HTTP play in modern applications?
  • Video class: Flutter - Lists with JSON 17m
  • Exercise: What was the main focus of the discussed video?
  • Video class: Flutter - Input Widgets 21m
  • Exercise: Which of the following widgets is used for binary input in an application?
  • Video class: Flutter - Side menu 12m
  • Exercise: What is the main function of a side menu in a mobile application?
  • Video class: I am back with a Giveaway !! 02m
  • Video class: Flutter - Slivers 11m
  • Exercise: What is the purpose of using a Custom Scroll View in Flutter as described in the video?
  • Video class: Flutter - Charts (Part 1) 15m
  • Exercise: What is the primary focus of the video described in the transcript?
  • Video class: Flutter - Charts (Part 2) 12m
  • Exercise: _What is the name of the dependency that needs to be included in the pubspec.yaml file to use an animated circular chart in Flutter?
  • Video class: Flutter - Charts (Part 3) 08m
  • Exercise: What happens when the second counter reaches 59 in the stopwatch application described?
  • Video class: Flutter - Maps 13m
  • Exercise: Which of the following map providers is completely open-source and does not require an API key?
  • Video class: Flutter - Geolocation with maps 11m
  • Exercise: What is the purpose of using geolocation in map applications?
  • Video class: Flutter - Firestore introduction 06m
  • Exercise: What is the primary difference between Firebase and Firestore?
  • Video class: Flutter - Geocoding with maps 15m
  • Exercise: _How can you place a marker on a specific location on your Flutter map in real time?
  • Video class: Flutter - Retrieving markers from Firestore 14m
  • Exercise: What is the purpose of storing map markers in a database like Firestore?
  • Video class: Flutter - Saving markers to firestore 09m
  • Exercise: How can you add a marker to a Firestore collection and display it on a map using a mobile application?
  • Video class: FlutterBeam ep1 - Flutter vs Ionic 09m
  • Exercise: What is a key feature of Flutter in mobile app development?
  • Video class: Flutter - Animations 12m
  • Exercise: What does a 'Tween' define in a Flutter animation?
  • Video class: FlutterBeam ep2 - Which course should I buy ? 11m
  • Video class: Flutter - Gestures 09m
  • Video class: FlutterBeam ep3 - What is BLoC ? 16m
  • Video class: Flutter - Delayed Animations 07m
  • Video class: Flutter - Parenting Animations 12m
  • Video class: Flutter - Transforming animations 10m
  • Exercise: _What is transformation animation in Flutter?
  • Video class: Flutter - Value Change Animations 07m
  • Video class: Flutter - Mixing animations with UI 14m
  • Video class: Flutter - Mapbox and Polylines 11m
  • Video class: FlutterTalks - Building a movie app 1h10m
  • Video class: Flutter - Google Maps, Markers and Polygons 18m
  • Exercise: _What is the name of the widget that needs to be used to access Google Maps in Flutter?
  • Video class: Flutter - Authentication 23m
  • Video class: Flutter - Social Authentication with Google 12m
  • Video class: Flutter - Social Authentication with Facebook 11m
  • Video class: Flutter - Social Authentication with Twitter 10m
  • Video class: Flutter - Phone Authentication 24m
  • Exercise: _What are the three fields required for phone authentication in Flutter?
  • Video class: Flutter - Anonymous authentication 07m
  • Video class: Flutter - Firestore CRUD (Reading and writing) 21m
  • Video class: Flutter - Firestore CRUD (Updating 11m
  • Video class: Flutter - Upload files to Firebase Storage 14m
  • Video class: Flutter UI - Profile Screen 28m
  • Video class: Flutter - Integrating a profile screen in your app 25m
  • Video class: Flutter UI - Login and Sign up 40m
  • Video class: Flutter - Adding profile pictures to new users 30m
  • Video class: Flutter - Firebase starter 05m
  • Video class: Flutter UI - Animating your UI 15m
  • Video class: Flutter UI - Talent Hire 50m
  • Video class: Flutter - Observables and subjects with rxdart 21m
  • Video class: Flutter UI - Cards 32m
  • Video class: Flutter UI - Making your UI look alive 19m
  • Video class: Flutter - Role-based authorization with Firestore 25m
  • Exercise: _What is role based authentication in Flutter applications?
  • Video class: Flutter - Image Carousel 22m
  • Video class: Flutter UI - Burger Truck 28m
  • Video class: Flutter - Simple animation tweaks 09m
  • Video class: Flutter UI - Minimal travel diary 28m
  • Video class: Flutter - Syncing data with your UI 20m
  • Video class: Flutter UI - Minimal Profile page 21m
  • Video class: Flutter UI - Food Recipes 31m
  • Video class: Flutter - Push Notifications 11m
  • Video class: Flutter - Automated Push Notifications 23m
  • Video class: Flutter UI - Cakes Catalog 32m
  • Exercise: _What is the first component that the author designs in the Flutter screen on the left side?
  • Video class: Flutter - Firestore querying basics 24m
  • Video class: Flutter - Flip Animation 15m
  • Video class: Flutter - Instant search with Firestore 26m
  • Video class: Flutter - Google Maps, Markers and more.. 21m
  • Video class: Flutter UI - Furniture App 47m
  • Video class: FlutterUI - Furniture App - Stats Screen 37m
  • Video class: Flutter UI - Product Description 40m
  • Video class: Flutter - Google Maps - Geolocation, Markers with firestore 31m
  • Video class: Flutter - Google Maps - Cool effects with CameraPosition 18m
  • Video class: Flutter UI - Shopping Cart 31m
  • Video class: Flutter UI - Stylish Dialogs 23m
  • Video class: Flutter - Location based markers with Google Maps 17m
  • Video class: Flutter UI - Minimal, clean designs 31m
  • Video class: Flutter UI - Fashion designs 37m
  • Video class: Flutter UI - Fashion Heroes 23m
  • Exercise: _What is a hero tag in Flutter?
  • Video class: Flutter - Payments with Stripe 31m
  • Video class: Flutter - Charging your customers with stripe 16m
  • Video class: Flutter - Addresses on Google Maps 12m
  • Video class: FlutterUI - Clean designs - Chef Profile 36m
  • Video class: FlutterUI - Clean designs - Hairstylist App 32m
  • Video class: FlutterUI - Clean Designs - Gourmet takeaway app 37m
  • Video class: Flutter - Building a simple app from scratch. 54m
  • Video class: FlutterUI - Minimal designs - Fruits 23m
  • Video class: FlutterUI - Minimal Designs - Profile 15m
  • Video class: FlutterUI - Clean Designs - Car Service 14m
  • Video class: FlutterUI - Clean designs - Rental Service 12m
  • Video class: Flutter - Firebase ML kit - Text recognition 16m
  • Video class: Flutter - Firebase ML kit - Reading Barcodes 07m
  • Video class: FlutterUI - Clean Designs - Mobile shopping 24m
  • Video class: Flutter UI - Minimal Designs - Plants 40m
  • Exercise: _What is the first thing that needs to be done to recreate the screen on the right side using Flutter?
  • Video class: FlutterUI - Minimal designs - Plant Details 19m
  • Video class: Flutter - Scroll Effects 33m
  • Video class: Flutter - How to fix the android X error with firebase plugins 08m
  • Video class: FlutterUI - Clean designs - Cakes and pastries 35m
  • Video class: FlutterUI - Floating buttons using dialogs 06m
  • Video class: FlutterUI - Clean Designs - Restaurant reviews 27m
  • Video class: Flutter - Google Maps and Markers 19m
  • Video class: FlutterUI - Minimal Designs - Starbucks 33m
  • Video class: Flutter for web - Getting Started 10m
  • Video class: FlutterUI - Clean Designs - Rental Service 22m
  • Video class: FlutterUI - Clean Designs - Food Reviews 19m
  • Video class: Flutter Web UI - Minimal portfolio page 10m
  • Video class: FlutterUI - Clean Designs - Fruits 25m
  • Video class: FlutterUI - Minimal Designs - Nutrition app 21m
  • Video class: FlutterUI - Apps from Scratch - Food and Beverages 16m
  • Exercise: _What is the name of the widget used in Flutter to achieve the effect of blending the bottom of an image with a black background color?
  • Video class: Flutter - Animations - Radial Menu with AnimatedSwitcher 14m
  • Video class: FlutterUI - Minimal Designs - Green Revolution 11m
  • Video class: FlutterUI - Animated Toggle Button 11m
  • Video class: FlutterUI - Apps from Scratch - Wine app 08m
  • Video class: FlutterUI - Minimal Designs - Travel app - Speed Code 08m
  • Exercise: _What does the sequence of symbols "[Music]" represent in Flutter?
  • Video class: Flutter UI - Minimal Designs - Discover kayaking - Speed Code 08m
  • Video class: FlutterUI - Minimal Designs - Fruit Salad - Speed Code 09m
  • Video class: FlutterUI - Minimal Designs - Dumplings - Speed Code 09m
  • Video class: Flutter - Managing data with providers 26m
  • Video class: Flutter - Google Maps and cool effects 22m
  • Video class: Flutter UI - Cookie Store - Speed Code 09m
  • Video class: FlutterUI - Coffee shop - Speed Code 11m
  • Video class: Flutter - Google Maps - Drawing Routes with Polylines 17m
  • Video class: Flutter Web - Firebase Authentication for your web apps 15m
  • Video class: Flutter UI - Minimal Designs - Travel and Explore 33m
  • Video class: FlutterUI - Stunning designs with emojis 39m
  • Video class: Flutter - Phone Authentication 22m
  • Video class: FlutterUI - Novel Designs - Surfing Instructor App 40m
  • Video class: Google Maps - Add Marker on Tap 11m
  • Exercise: _What is the name of the plugin required to add Google Maps to a Flutter project?
  • Video class: Google Maps - Add Marker on Tap 11m
  • Exercise: _What is the name of the plugin required to add Google Maps to a Flutter project?
  • Video class: Flutter - Authentication with MongoDB, Nodejs and Express 1h31m
  • Video class: Flutter - Authentication with MongoDB, Nodejs and Express 1h31m
  • Video class: Flutter UI - Apps from scratch - Coffee Shop 43m
  • Video class: Flutter 2.0 - Firebase, Facebook and more... 59m
  • Video class: Flutter 2.0 - Payments using Stripe Connect 32m
  • Video class: Flutter 2.0 - Payments with Paypal 27m
  • Video class: Flutter - Payments with Stripe 27m
  • Video class: Flutter - Marketplace with Stripe connect 14m
  • Video class: Flutter - Google Maps ft. Nearby places, polylines, directions and more... 2h45m
  • Video class: FlutterUI - Gradients, Shaders and some coffee 1h20m
  • Exercise: _What is the extension called that allows you to pick colors from anywhere on the screen and get the RGB code?

This free course includes:

53 hours and 22 minutes of online video course

Digital certificate of course completion (Free)

Exercises to train your knowledge

100% free, from content to certificate

Ready to get started?Download the app and get started today.

Install the app now

to access the course
Icon representing technology and business courses

Over 5,000 free courses

Programming, English, Digital Marketing and much more! Learn whatever you want, for free.

Calendar icon with target representing study planning

Study plan with AI

Our app's Artificial Intelligence can create a study schedule for the course you choose.

Professional icon representing career and business

From zero to professional success

Improve your resume with our free Certificate and then use our Artificial Intelligence to find your dream job.

You can also use the QR Code or the links below.

QR Code - Download Cursa - Online Courses

More free courses at App Development

Free Ebook + Audiobooks! Learn by listening or reading!

Download the App now to have access to + 5000 free courses, exercises, certificates and lots of content without paying anything!

  • 100% free online courses from start to finish

    Thousands of online courses in video, ebooks and audiobooks.

  • More than 60 thousand free exercises

    To test your knowledge during online courses

  • Valid free Digital Certificate with QR Code

    Generated directly from your cell phone's photo gallery and sent to your email

Cursa app on the ebook screen, the video course screen and the course exercises screen, plus the course completion certificate