Published 2/2023MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHzLanguage: English | Size: 398.61 MB | Duration: 0h 40m

Learn Mobile App Building Step By Step

What you'll learn

Project setup

Flutter project structure

Flutter scaffolds and it's properties

Flutter different widgets

Flutter reusable widgets

Flutter Bottom Navigation Bar

Flutter RenderLayout Widgets

Flutter Beautiful UI

Requirements

Having a computer and Flutter SDK installed

Description

This app covers Flutter for very bners 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 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 UIHomepage UI includes greetings layout, ticket layout, colorful tickets, hotel view with images.Ticket searchTicket search UI includes searching tickets UI with upcoming flights.Ticket UITicket UI involves showing ticket information with bar code. This is beautiful.Book TicketThis 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 tutorial1. reusable style component2. reusable color pallet3. reusable column widget4. reusable layout builder widget5. reusable column widget6. reusable row widget7. reusable ticket widgetAfter finishing this course, you will have much better understanding how flutter works and you will master app layout building.

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Create project for Flutter app

Lecture 3 Understand class and stateful class

Lecture 4 Create bottom_bar class

Lecture 5 Work on Bottom navigation bar step by step part 1

Lecture 6 Work on Bottom navigation bar part 2

Lecture 7 Work on Bottom navigation bar icon part 3

Lecture 8 Work on Bottom navigation and screens part 4

Flutter Course for Bners App Building Tutorial Step by Step

HomePage: