Free Course Image Apps

Free online courseApps

Duration of the online course: 5 hours and 47 minutes

4.67

StarStarStarStarHalf star

(54)

Build real mobile apps with Flutter and Dart in this free course—master widgets, layouts, routing, APIs, and async code to boost your app developer skills.

In this free course, learn about

  • Set up Flutter SDK, Android Studio, emulators, and create/run a first Flutter app
  • Understand Flutter basics: widgets, widget tree, Material design, and app structure
  • Dart fundamentals: variables, functions, classes, maps, async/await, ternary operator
  • Use core UI widgets: Scaffold, AppBar, Container, Padding, Row, Column, Expanded
  • Style UI with colors, fonts, and text styles; use icons and buttons
  • Integrate images/assets and configure pubspec.yaml for asset loading
  • Stateless vs stateful widgets, hot reload workflow, and widget lifecycle basics
  • Build dynamic lists with ListView.builder and render data-driven UI
  • Create custom model classes (e.g., Quote, WorldTime) and reuse UI via extracted widgets
  • Pass functions as parameters (callbacks) to handle actions like deleting list items
  • Navigation and routing: define routes and pass data between screens
  • Fetch data with http package, call a World Time API, parse results, and update UI state
  • Handle errors with try/catch, show loaders/spinners, and format dates with intl

Course Description

Turn your app idea into a working mobile experience by learning how to build with Flutter and Dart from the ground up. This free online course guides you through the practical workflow used to create modern cross‑platform apps, from setting up your environment to shipping interfaces that look great and behave smoothly. You will start with the essentials of Flutter’s structure and mindset, then quickly move into writing Dart code that supports real screens and interactions.

Instead of getting stuck in theory, you will gain confidence by building UI with the core widget system and understanding how layout really works. You will practice styling with colors and fonts, handling images and assets, and using common interface elements like buttons, icons, containers, padding, rows, columns, and expanded sections. Along the way, you will see how fast iteration works with hot reload and why choosing the right widget type matters when your interface needs to react to changes.

As you progress, you will move from static pages to dynamic, data-driven screens. You will learn how to model data with custom classes, display lists cleanly, and refactor code by extracting reusable widgets so your projects stay readable and maintainable. You will also get hands-on experience passing functions as parameters, a key technique for building interactive components that respond to user actions without tangled code.

The course then connects frontend work with real-world data by introducing navigation, routing, and the widget lifecycle, helping you understand what happens as screens are created, updated, and disposed. You will work with asynchronous programming, use packages for HTTP requests, and integrate an API to fetch and display live information. You will also learn practical error handling with try and catch, route data passing, date formatting, loaders/spinners, and concise logic with ternary operators to keep the user experience responsive.

By the end, you will have a solid foundation in Flutter app development and the confidence to continue building your own projects, portfolios, or professional skills in mobile development. Whether you are a beginner exploring technology and programming or a developer adding Flutter to your toolkit, this course helps you move from setup to functional, API-powered apps with a clean, scalable approach.

Course content

  • Video class: Flutter Tutorial for Beginners #1 - Intro & Setup 12m
  • Exercise: _What is Flutter?
  • Video class: Flutter Tutorial for Beginners #2 - Flutter Overview 04m
  • Exercise: What forms the basic building blocks of Flutter applications?
  • Video class: Flutter Tutorial for Beginners #3 - Dart Primer 27m
  • Exercise: _What is Dart and why is it used in Flutter app development?
  • Video class: Flutter Tutorial for Beginners #4 - Creating a Flutter App in Android Studio 13m
  • Exercise: What is the primary purpose of creating a virtual device in Android Studio for Flutter development?
  • Video class: Flutter Tutorial for Beginners #5 - Scaffold & AppBar Widgets 08m
  • Exercise: _What is the purpose of the Scaffold widget in Flutter?
  • Video class: Flutter Tutorial for Beginners #6 - Colours & Fonts 10m
  • Exercise: How can you customize text style in a Flutter app?
  • Video class: Flutter Tutorial for Beginners #7 - Stateless Widgets & Hot Reload 08m
  • Exercise: _What is the difference between a stateless widget and a stateful widget in Flutter?
  • Video class: Flutter Tutorial for Beginners #8 - Images & Assets 06m
  • Exercise: How can you integrate images into a Flutter app?
  • Video class: Flutter Tutorial for Beginners #9 - Buttons & Icons 07m
  • Exercise: _What is the widget used to display an icon in Flutter?
  • Video class: Flutter Tutorial for Beginners #10 - Containers & Padding 07m
  • Exercise: What widget is used in Flutter to apply padding without margin and color?
  • Video class: Flutter Tutorial for Beginners #11 - Rows 08m
  • Exercise: _What is the purpose of using a combination of row and column widgets in Flutter?
  • Video class: Flutter Tutorial for Beginners #12 - Columns 06m
  • Exercise: What is the primary axis direction of a Column in a layout?
  • Video class: Flutter Tutorial for Beginners #13 - Flutter Outline & Shortcuts 05m
  • Exercise: _What is the Action menu for each different widget used for in Flutter?
  • Video class: Flutter Tutorial for Beginners #14 - Expanded Widgets 07m
  • Exercise: What is a primary function of the Expanded widget in layout design?
  • Video class: Flutter Tutorial for Beginners #15 - Ninja ID Project 20m
  • Exercise: What is the primary purpose of the video?
  • Video class: Flutter Tutorial for Beginners #16 - Stateful Widgets 10m
  • Exercise: What is the main reason to use a stateful widget in an application?
  • Video class: Flutter Tutorial for Beginners #17 - Lists of Data 08m
  • Exercise: How to dynamically display a list of quotes in Flutter?
  • Video class: Flutter Tutorial for Beginners #18 - Custom Classes 09m
  • Exercise: How can we better associate quotes with their authors in a programming context?
  • Video class: Flutter Tutorial for Beginners #19 - Cards 08m
  • Exercise: _What widget is used to create a card template for each quote in the Flutter app?
  • Video class: Flutter Tutorial for Beginners #20 - Extracting Widgets 08m
  • Exercise: How can you optimize the reusability of a card template in Flutter?
  • Video class: Flutter Tutorial for Beginners #21 - Functions as Parameters 04m
  • Exercise: _What is the purpose of the "delete" function in the code snippet?
  • Video class: Flutter Tutorial for Beginners #22 - Starting the World Time App 09m
  • Video class: Flutter Tutorial for Beginners #23 - Maps & Routing 12m
  • Exercise: _What is a map in Dart and how is it used in Flutter app development?
  • Video class: Flutter Tutorial for Beginners #24 - Widget Lifecycle 08m
  • Video class: Flutter Tutorial for Beginners #25 - Asynchronous Code 11m
  • Exercise: _What is asynchronous code in Flutter?
  • Video class: Flutter Tutorial for Beginners #26 - Flutter Packages (http) 09m
  • Video class: Flutter Tutorial for Beginners #27 - World Time API 09m
  • Exercise: _What is the purpose of using an API in the app?
  • Video class: Flutter Tutorial for Beginners #28 - WorldTime Custom Class 17m
  • Video class: Flutter Tutorial for Beginners #29 - Error Handling 05m
  • Exercise: _What is the purpose of using a try and catch block in Flutter?
  • Video class: Flutter Tutorial for Beginners #30 - Passing Route Data 06m
  • Video class: Flutter Tutorial for Beginners #31 - Formatting & Showing Dates 07m
  • Exercise: _What package is used to format the date in a nicer way in Flutter?
  • Video class: Flutter Tutorial for Beginners #32 - Loaders / Spinners 05m
  • Video class: Flutter Tutorial for Beginners #33 -Ternary Operators 14m
  • Exercise: _What is a ternary operator in Dart and how is it used in the World Time app?
  • Video class: Flutter Tutorial for Beginners #34 - List View Builder 09m
  • Video class: Flutter Tutorial for Beginners #35 - Updating the Time 13m
  • Exercise: _What is the purpose of the "update time" function in the Flutter app?

This free course includes:

5 hours and 47 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

Course comments: Apps

S

SanaZaiba

StarStarStar

greatb

PR

Perumalla Rambabu

StarStarStarStar

Easy to understand and Worthful, Impacting matter behind.

SC

Semyalo Cedrick Josemarie

StarStarStarStarStar

Really helpful after learning some dart I recommend to go with this next to get a good understanding of the flutter tree.

N

Numan

StarStarStarStarStar

Great

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