Flutter Dart - The complete beginners guide [2024]

Flutter & Dart : The complete beginners guide [2024], available at $84.99, has an average rating of 4.59, with 139 lectures, 6 quizzes, based on 56 reviews, and has 2579 subscribers.

You will learn about Project setup Flutter project structure Flutter scaffolds and its properties Flutter reusable widgets Flutter Bottom Navigation Bar Flutter RenderLayout Widgets Four beautiful and complex UI Dart core concepts like classes, abstract classes and constructors Dart core concepts List & Map in detail State management library BLoC, GetX and Riverpod 2.0 Routing with GetX Loading json files from local storage This course is ideal for individuals who are Flutter Course for Beginners App Building Tutorial Step by Step It is particularly useful for Flutter Course for Beginners App Building Tutorial Step by Step.

Enroll now: Flutter & Dart : The complete beginners guide [2024]

Summary

Title: Flutter & Dart : The complete beginners guide [2024]

Price: $84.99

Average Rating: 4.59

Number of Lectures: 139

Number of Quizzes: 6

Number of Published Lectures: 139

Number of Published Quizzes: 6

Number of Curriculum Items: 150

Number of Published Curriculum Objects: 150

Original Price: $27.99

Quality Status: approved

Status: Live

What You Will Learn

Project setup

Flutter project structure

Flutter scaffolds and its properties

Flutter reusable widgets

Flutter Bottom Navigation Bar

Flutter RenderLayout Widgets

Four beautiful and complex UI

Dart core concepts like classes, abstract classes and constructors

Dart core concepts List & Map in detail

State management library BLoC, GetX and Riverpod 2.0

Routing with GetX

Loading json files from local storage

Who Should Attend

Flutter Course for Beginners App Building Tutorial Step by Step

Target Audiences

Flutter Course for Beginners App Building Tutorial Step by Step

This app covers Flutter for very beginners to advanced learners. We start from very simple ui like drawing text to complex layout using stack and mixture of column and row widget.

We also built reusable widget to reduce code amount. So at the end of this tutorial you learn how to build simple to complex reusable flutter widgets.

Along with you will master core Dart concept

1. Class

2. Inheritance

3. List

4. Map

5. Method overriding

Along the way, we explained what’s a stateful class and difference between a stateful class and stateless class. We also explained what’s a bottom navigation bar and how to set up screens for bottom navigation bar. Bottom navigation bar mainly involves jumping to different screens and complex layout.

Homepage UI

Homepage UI includes greetings layout, ticket layout, colorful tickets, hotel view with images.

Ticket search

Ticket search UI includes searching tickets UI with upcoming flights.

Ticket UI

Ticket UI involves showing ticket information with bar code. This is beautiful.

Book Ticket

This UI includes information about a certain flight.

Later on, we explained how to work with different colors and separate color in a static file.

The widgets we built in this tutorial

1. reusable style component

2. reusable color pallet

3. reusable column widget

4. reusable layout builder widget

5. reusable column widget

6. reusable row widget

7. reusable ticket widget

After finishing this course, you will have much better understanding how flutter works and you will master app layout building.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: Download necessary tools and install VS code | Flutter SDK | Android SDK | Tools

Lecture 1: Download all the tools

Lecture 2: Install VS code

Lecture 3: Install Flutter and Android SDK and Command lines tools

Lecture 4: Create your first project using VS code (windows)

Chapter 3: Project setup and structure and github repo

Lecture 1: Create project for Flutter app in Android Studio

Lecture 2: Understand project structure

Lecture 3: Create a git repo for the project

Lecture 4: Remove comments from main.dart

Chapter 4: Core understanding of Dart class, inheritance and Flutter

Lecture 1: About main() function

Lecture 2: Understanding class and inheritance in Dart

Lecture 3: Understanding abstract class and constructor

Lecture 4: Understand class and stateful class

Lecture 5: More about Stateful class

Lecture 6: MaterialApp and Scaffold

Chapter 5: Quiz about Dart knowledge

Chapter 6: Bottom Navigation module

Lecture 1: Create BottomNavBar class

Lecture 2: BottomNavigationBarItem and List

Lecture 3: Style BottomNavigationBar

Lecture 4: Install icons for bottom nav bar

Lecture 5: Create dummy screens for BottomNavigationBar

Lecture 6: Access BottomNavigationBars index

Lecture 7: Use setState() to update BottomNavigationBar

Chapter 7: Quiz section about BottomNavigationBar

Chapter 8: Home screen module

Lecture 1: Overview of the upcoming HomeScreen

Lecture 2: Home screen module and understand the layout part 1

Lecture 3: Understanding Container() widget

Lecture 4: About other nested widgets

Lecture 5: Understanding vertical and horizontal layout design

Lecture 6: Define widgets with layout

Lecture 7: Finish header layout with widgets

Lecture 8: Style Text() widgets

Lecture 9: Create separate style class

Lecture 10: Style Container for Image

Lecture 11: Show image on the screen

Lecture 12: Create a separate media file

Lecture 13: Create a search box layout

Lecture 14: Background color and remove AppBar

Lecture 15: Understand and create a reusable widget

Lecture 16: Understand copyWith method and create examples

Lecture 17: Understand the ticket view layout

Lecture 18: Create TicketView widget class

Lecture 19: Style TicketView left and right border

Lecture 20: TicketView destination text

Lecture 21: TicketView big dots

Lecture 22: Expanded widget and count of them

Lecture 23: Understanding Stack widget

Lecture 24: Understand the dynamically generated widget principle

Lecture 25: Create AppLayoutBuilderWidget

Lecture 26: Show and rotate plane icon

Lecture 27: Understand the degree and radians for angle

Lecture 28: Show the second row in the blue part of the ticket

Lecture 29: Show the bottom part of the ticket

Lecture 30: Create big circle widget for ticket end

Lecture 31: Dart Ternary operator

Lecture 32: Show the ticket dash

Lecture 33: Change the text of the orange part

Lecture 34: Style first row bottom text

Lecture 35: Create reusable widgets for first row ticket

Lecture 36: Create reusable widgets for bottom row ticket

Lecture 37: Understand dart Map & List together in our ticket app

Chapter 9: Quiz about Home screen widgets

Chapter 10: Colorize android studio

Lecture 1: Colorize android studio

Chapter 11: Dart Concepts Const, Final, Immutability, List & Map

Lecture 1: Understanding const, final and immutability

Lecture 2: Dart Map & List

Lecture 3: Dart Map & List together

Lecture 4: Load Data from Map format

Lecture 5: Edit map value and limit number

Chapter 12: Navigation and routing

Lecture 1: Navigation and routing basics

Lecture 2: Navigation and MaterialApp

Lecture 3: Show all tickets in a new route

Lecture 4: Use routes property for navigation

Lecture 5: Create a route file

Lecture 6: Dynamic navigation with callback

Chapter 13: Hotel widget

Lecture 1: Create hotel widget

Lecture 2: Show image and text on Hotel widget

Lecture 3: Style hotel widget

Lecture 4: Load and show map data

Chapter 14: Search screen module

Lecture 1: Create search screen file and refactor code

Lecture 2: Show title of search screen

Lecture 3: Create ticket and hotel tabs

Lecture 4: Reusable widgets for AppTicketTabs

Lecture 5: Create AppTextIcon widget

Lecture 6: Create FindTickets Widget

Instructors

Dastagir Ahmed
React Native, Fluttter, Laravel Teacher

Rating Distribution

1 stars: 0 votes

2 stars: 1 votes

3 stars: 2 votes

4 stars: 18 votes

5 stars: 35 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!