Teach on Udemy

Turn what you know into an opportunity and reach millions around the world.

Learn More

Your cart is empty.

Keep shopping

Flutter for window : Building your first desktop application

Name: Flutter for window : Building your first desktop application
Rating: 4.0 (26 reviews)

Flutter window course for begiiner - intermediate

Created byKunchok Tashi

Last updated 11/2024

English

English [Auto],

What you'll learn

flutter and dart
Building real application such as todo,image editor and note keeper application
developing beatiful ui design with fluent UI
Building window application from scrach

Course content

7 sections • 25 lectures • 3h 3m total length

Introduction & Demo2:35

Flutter Fluent UI Basic Part 17:17
Learn to build a Flutter desktop app using Fluent UI, explore basic widgets and a center layout, and set up initial project structure and state management.
Flutter Fluent UI Basic Part 25:46
Master column and row layouts, control space between and alignment, and build lists and grids with list view and grid view while styling text with font size and color.
Package Used in thi course1:06
Explore essential Flutter packages used throughout the course, including provider for state management and dependency injection, path_provider for project resources, drift for database, and image_painter for image editing.
Structuring your project2:08
Create a clear project structure with separate folders for screens, models, providers, database, widgets, and utilities to streamline your desktop Flutter development.
Provider: State managment library5:54
Note: Make sure you watch this 5-minute provider tutorial.
Basic UI Quiz

Todo without Database(UI Design)10:01
Todo without Database(Create Todo)10:57
Build your first Flutter desktop app by creating a to-do model, a dialog form with title, description, and finished status, and manage a static list without a database.
Todo without Database(Update Todo)8:21
Learn how to update a to-do item in a Flutter desktop app by opening a prefilled dialog, passing the existing todo data, handling edits, and refreshing the list.
Todo with Database(Database Setup)10:35
Todo with Database(Get todo list)9:17
Learn to build a Flutter desktop to-do app with a database, performing insert, update, delete, and get all operations using drift and provider, and display results with FutureBuilder.
Todo with Database(Update & delete)4:30
Learn to delete and update to-do items in a flutter desktop app by integrating database operations, dialog inputs, and provider-driven state updates to reflect changes in the UI.
It's a quiz time

1. Setting Up Project and UI9:09
Set up a brand new Flutter desktop project, install file picker and image painter packages, and build a home page with navigation and an image editor panel.
2. Setting UI to add image6:20
Build a Flutter desktop UI that adds a logo to the header, displays a selectable image using a file picker, and shows it in a column.
Editing image12:36
Build a desktop Flutter UI to add, edit, and remove images, pass the selected image to an edit screen, and implement a save flow for the edited image.
4. Save Image4:28
Enable saving edited images by toggling a save image button when editing, create a unique temporary file path in the application support directory, write image bytes, and confirm image saved.
5. List all image11:08
Build an image list page in Flutter for Windows, using FutureBuilder to fetch image paths from the app support directory, display them in a grid, and handle loading states.
Image Editor Quiz

1. Window Wallpaper app (UI Design)11:01
Note: Make sure you use the same version to avoid version error.
filepicker_windows: ^2.0.1
http: ^0.13.4
fluent_ui: ^3.9.1
provider: ^6.0.2
path_provider: ^2.0.9
2. Window Wallpaper app (API Setup)9:41
Note: Make sure you use the same version to avoid version error.
filepicker_windows: ^2.0.1
http: ^0.13.4
fluent_ui: ^3.9.1
provider: ^6.0.2
path_provider: ^2.0.9
3. Window Wallpaper app (Get Image List API)9:09
Create an image list provider using change notifier, fetch images via the API service, wrap it in a change notifier provider, and display results with a consumer-driven grid in Flutter.
4. Window Wallpaper app (Set up dialog to confirm)8:33
Builds a Flutter window wallpaper app, showing an image with a gradient foreground and photographer name, and adds a confirmation dialog to set the image as desktop wallpaper.
5. Window Wallpaper app (Setting Up Wallpaper)9:48
6. Window Wallpaper app (Search Image and set)12:55
Create a flutter window wallpaper app with a search image feature, a search image provider, and a text box to set wallpaper on click.
Wallpaper App quiz?

How to generate build exeucutable file?0:10
There are multiple ways to generate a build.
write "flutter build windows" command and this will generate a new build for you
Once the build is generated, You can find the build-in "yourapp\build\windows\runner\Release"

For more refer
1. https://docs.flutter.dev/deployment/windows
2. https://stackoverflow.com/questions/64291336/how-to-build-release-version-of-windows-app
Deployment

Requirements

Basic dart programming language
Determination

Description

Flutter is the new Cross-platform Mobile Development Framework created by Google, allowing developers to build mobile, web, and desktop applications with one single codebase!

Flutter is the BEST way to create cross-platform apps that otherwise would require two distinct mobile development teams to create.

Why is Flutter a BIG Deal?

Flutter is a big deal because any developer (or anyone who wants to learn app development) can now build mobiles, web, and desktop apps with one codebase ONLY! This means, instead of having to learn a native language for each platform you can now use Flutter Mobile Development Framework to build apps that run natively on both iOS and Android devices using the General-purpose Dart

[Why this course?]

Window has a Great future and scope
Window has more than 70% market share
Demand & opportunity
Upgrade Your skill

[Our GOAL]

Unlike other courses, Instead of building basic apps such as making the hello world app, calculator app which I won't call it app. We will build a real desktop application such as a todo, image editor, and wallpaper application. At the end of this course, you will be able to make your own desktop application.

[What we will build in this course?]

Building Todo App (Demo)
Building Image Editor App(Demo)
Building Wallpaper App (Demo)

[Who can enroll in this course?]

Anyone who is brave enough to upgrade their skill
Has dart and flutter basic knowledge
Eager to learn new technology
Experienced iOS and Android developers

System requirements

Windows, macOS, Linux for Desktop app development
macOS for iOS app development

Note: I will not cover every feature of the app as it will consume a lot of time. But we will try to implement most of the

feature.

Who this course is for:

Beginner dart programmer
Beginner flutter programmer
Desktop developer

Flutter for window : Building your first desktop application

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 3min

Basic UI & Widget5 lectures • 22min

Building Todo App using fluent UI6 lectures • 54min

Building Image Editor App using Fluent UI5 lectures • 44min

Building WallPaper App6 lectures • 1hr 1min

Deployment & distribution1 lecture • 1min

Future & more1 lecture • 1min

Requirements

Description

Who this course is for: