Flutter / Dart

This Flutter / Dart training course will teach you how to create hybrid mobile applications by combining the capabilities of Flutter and Dart . Reduce the time to market your application using Flutter / Dart, that helps in rapid application development. Save your apps to Android and IoS.

R10,995.00

Description

This Flutter / Dart training course will teach you how to create hybrid mobile applications by combining the capabilities of Flutter and Dart . Reduce the time to market your application using Flutter / Dart, that helps in rapid application development. Save your apps to Android and IoS.

Prerequisites

After this course you should

  • Be able to build engaging native mobile apps for both Android and iOS
  • Use features like Google Maps, the device camera, authentication and much more!
  • Be ABLE to Build Any iOS and Android App You Want
  • Be well-skilled in Dart and Flutter Framework
  • Buikd Full-fledged Apps for Your Startup or Business
  • Create a Portfolio of Apps to Apply for Development Job
  • Apply for jobs as A Cross-Platform Mobile Developer Who can Develop iOS and Android Apps
  • Gain a Competitive Advantage in the Workplace as a Flutter Mobile Developer

Course Contents

DAY 1

What is Flutter?

  • Understanding the Flutter Architecture
  • Flutter macOS Setup
  • macOS Development Environment
  • Flutter Windows Setup
  • Windows Development Environment
  • Flutter Alternatives
  • Flutter & Material Design
  • Flutter is Under Active Development!

Diving Into the Basics & Understanding Widgets

  • Creating a New Flutter Project
  • Exploring the Default Project Structure
  • Diving Into the “main.dart” File
  • Widgets in Flutter – Theory
  • Creating a Widget
  • Understanding Classes & Constructors
  • Adding the “Build” Method
  • Adding the Scaffold
  • Diving Deeper Into the Syntax
  • Adding Cards & Images
  • Diving Into the Official Docs
  • Adding a Button
  • Creating a Stateful Widget
  • Managing Data Inside Stateful Widgets
  • Adding the Stateful Widget & Lists
  • Splitting our Code Up
  • Creating the “Product Manager” Widget
  • Passing Data to Stateful Widgets
  • initState() and super.initState()
  • Understanding Lifecycle Hooks
  • Diving Into Google’s Material Design
  • Understanding Additional Dart Features
  • Time to Practice – Widgets & Basics
  • Passing Data Up
  • Understanding “const” & “final”
  • Dart Types, Syntax & Core Features

DAY 2

Debugging Flutter Apps

  • Fixing Syntax Errors
  • Understanding Runtime Errors & Runtime Messages
  • Dealing with Logical Errors
  • Using Breakpoints
  • Debugging the User Interface
  • More About Visual Helpers

Running the App on Different Devices

  • Testing Devices
  • How to Start the App
  • Testing a Real Android Device
  • Using the iOS Emulator & a Real Device
  • Running the App – Detailed Instructions
  • Using the Native IDE Consoles

DAY 3

Working with Lists & Conditionals

  • Creating Scrollable Lists with “ListView”
  • Optimizing the List Loading Behaviour
  • Rendering Content Conditionally
  • Alternative Approaches to Render Content Conditionally
  • One Important Gotcha

Navigation

  • Adding Multiple Pages to our App
  • Adding Buttons
  • Implementing a Basic Navigation
  • Improving the Look of the Product Page
  • Passing Data Around (“Pushing” the Page)
  • Passing Information Back (“Popping” the Page)
  • Adding Reactions Upon Button Pressing
  • Adding the Basic Authentication Page & Replacing Routes
  • Adding the Sidedrawer & the Hamburger Icon
  • Time to Practice – Navigation Part 1
  • Understanding Stack Based Navigation
  • Adding Tabs
  • Finishing the Tab Navigation
  • Adding Named Routes
  • Parsing Route Data Manually
  • Lifting State Up
  • Using the Named Routes
  • Working with “onUnknownRoute” as Fallback
  • Adding Alert Dialogs
  • Showing a Modal

DAY 4

Handling User Input

  • Saving User Input
  • Configuring Text Fields
  • Styling Text Fields
  • Fixing a Bug & Adding a Button
  • Using our Form to Create a New Product
  • Improving the Style of our Form
  • Time to Practice – Handling User Input
  • Fixing a Tiny “Error”
  • Adding a Switch

Diving Deeper Into Widgets

  • Exploring the Widget Catalogue
  • There’s More Than One Widget For The Job
  • The Most Important Widgets
  • Working with Text & Fonts
  • Working with Rows
  • Decorating Boxes & Styling a Price Tag
  • Setting Borders
  • Understanding “Expanded” & “Flexible”
  • Adding a Background Image
  • Centering Input Fields
  • Adding Icons to our Sidemenu
  • Adding Icon Buttons
  • Time to Practice – Diving Deeper Into Widgets
  • Outsourcing Code into Separate Widgets
  • Refactoring our Code
  • Creating a Standardized Tile Widget
  • Adding Separate Methods for Specific Widgets
  • Optimizing our Project
  • Responsive Design Problems
  • Adding Media Queries
  • Understanding Media Queries with ListView
  • Working with Themes
  • Listening to Touch Events with the Gesture Detector

DAY 5

Working with Forms

  • Using the Form Widget
  • Adding Form Validation
  • Advanced Validation
  • A Note on the “Price” Input and the Usage of Commas/ Dots
  • Closing the Keyboard
  • Submitting Data
  • Time to Practice – Forms
  • Outputting Lists of Products
  • Re-Using the Product Create Form
  • Setting Initial Values
  • Updating Products
  • Ensuring Input Visibility

Improving the App

  • Improving the List Tile
  • Adding the Dismissible Widget
  • Deleting Products Upon Swipe
  • Restructuring the Code

————-

Duration and pricing

In Pricing Group A

Certificate

Read here about our certificates

Bookings

You can download the course registration form on our home page or by clicking here

Brochure

You may download a pdf copy of this page by clicking on the pdf icon at the top of the page.

Questions

Please email us

Schedule

On the calendar below. If your browser doesn’t display the calendar below, please click on this link or try using Google Chrome, alternatively please enquire via our Contact Us page.