Training on Flutter Application Development using Dart Programming Language Course

Introduction

Flutter training course is designed to learn how to use Flutter to develop high-quality, interactive mobile applications both for iOS and Android devices. In this training class, you will learn how to how to code using Dart and build beautiful, fast, native-quality iOS and Android apps. Even if you have ZERO programming experience. Whether you are newbie in mobile app development, or experienced with other mobile app frameworks, you’ll enjoy the high-velocity development and quality apps that Flutter enables.

Target Audience

• Front End Web Developer
• Full Stack Web Developer
• Java Developer
• Android Application Developers
• iOS Developers
• Anyone who wants to learn flutter and has a mobile application development background

DURATION

10 days

LEARNING OBJECTIVES

• Identify mobile applications, platforms and architecture
• Develop mobile applications using development tools and strategies
• Implement mobile applications
• Secure mobile applications

CONTENT

Lesson 1: Introduction to Flutter and Dart Programming Language

• Introduction
• Importance of Flutter Introduction to Dart Writing Dart code
• DartPad
• Installing Dart SDK
• IntelliJ IDEA
• Lab 1: Installing Dart IDE and Writing Dart Program
▪ Installing IntelliJ IDEA
▪ Creating a Dart Project Using IntelliJ IDEA
▪ Using DartPad

Lesson 2: Dart Programming - Syntax

• Introduction
• main () function
• Dart Variables
• Dart Data Types
• Input of Information to Dart Program
• Writing Comments
• Dart Conditional Operators
• If Statement
• If – Else Statement
• If...Else and Else...If... Statement
• If Else and Logical Operators
• For Loops
• While Loops
• Do-while Loops
• Break Statement
• Switch Case Statement
• Lab 2: Create a Pizza Order Program

Lesson 3: Dart Functions & Object-Oriented Programming (OOP)

• Functions
• Function Structure
• Creating a Function
• Function Return Data Types
• Void Function
• Function Returning Expression
• Functions and Variable Scope
• Object-Oriented Programming (OOP)
• Object
• Class

• Creating a Class
• Adding Methods to Classes
• Providing Constructors for Your Classes
• Class — Getters and Setters
• Class Inheritance
• Abstract Class
• Dart Project Structure and Dart Libraries
• Lab 3: Create a Small Overtime Payment Program

Lesson 4: introduction to Flutter

• Understanding Flutter
• Flutter Framework
• Android Studio
▪ What is Android Studio?
▪ Android Studio Software Prerequisite
▪ Installing Android Studio
• Flutter SDK
• Installing and Configuring Flutter SDK
• Creating a New Flutter Project
• Setup an Android Virtual Device
• Run a Flutter App
• Installing Flutter on Mac
• Test Your Flutter App on iOS Phone with Windows O.S
• Android Studio Sugar and Spice
• Run your Apps on a Hardware Device (Physical Phone)
▪ Run your Flutter App on Android Phone
▪ Run your Flutter App on Android Phone
• Emulator Debug Mode
• Introduction to Flutter Widgets
• Creating a Flutter App Using Widgets
• What is a MaterialApp widget?
• Lab 4: Creating a Simple Flutter App

Lesson 5: Flutter Widgets Fundamentals
o Scaffold Widget
o Image Widget
o Container Widget
o Column and Row Widgets
o Icon Widget
o Layouts in Flutter
o Card Widget
o App Icons for iOS and Android Apps
o Hot Reload and Hot Restart

o Stateful and Stateless Widgets
o Use a Custom Font
o Lab: Creating a Restaurant Menu

Lesson 6: Navigation and Routing

• Button Widget
• FloatingActionButton
• RaisedButton, FlatButton, and IconButton
• DropdownButton
• OutlineButton
• ButtonBar
• PopupMenuButton
• App Structure and Navigation
• Navigate to a New Screen and Back
• Navigate with Named Routes
• Send and Return Data Among Screens
• Animate a Widget Across Screens
• WebView Widget in Flutter
• Lab 6: Navigation and Routing a Pizza Store App

Lesson 7: visual, Behavioral, and Motion-Rich Widgets implementing

• Material Design Guidelines - Part 1
• Introduction
• BottomNavigatorBar Widget
• DefaultTabController, TabBar, and TabBarView Widgets
• ListTile Widget
• ListView Widget
• Drawer Widget
• DataTable Widget
• SelectableText Widget
• Stack Widget
• Lab: 7
▪ Lab A: Creating a Flutter App using BottomNavigatorBar Navigation Technique
▪ Lab B: Using DataTable Sorting Built-in function

Lesson 8: visual, Behavioral, and Motion-Rich Widgets implementing

• Material Design Guidelines - Part 2
• Input and Selections
• Text Field Widget.
• Checkbox Group and RadioButtonGroup Widgets
• Date Picker.

• Slider Widget.
• Switch Widget
• Dialogs, Alerts, and Panels
• Alert Dialog Widget
• Cupertino Alert Dialog Widget.
• Bottom Sheet.
• Modal Bottom Sheet
• Persistent Bottom Sheet.
• Expansion Panel Widget.
• Snack Bar Widget.
• Lab 8: Creating a Hotel Reservation App.

Lesson 9: Firebase

• Introduction
• What is the JSON?
• How does Firebase Database work?
• Firebase authentication (Signup and Login to Flutter App)
• Configure Your App to use Firebase Services
• Adding Firebase to your Android App
• Adding Firebase to your iOS App
• Configuring Firebase Authentication
• Login to an App Using Firebase User Accounts
• Logout Configuration
• Firebase Database
• Which database is right for your project?
• Real Time Database
• Cloud Firestore
• Lab 9: Create a User Profile Interface using Firebase

Lesson 10: Location-Aware Apps: Using GPS and Google Maps

• Introduction
• What is GPS and how does it work?
• The Camera Position
• Adding Google Maps to a Flutter app
• Getting a Google API key
• Adding Google Maps Flutter plug-in as a dependency
• Adding your API key for your Android app
• Adding your API key for your iOS app
• Adding a Google Map on Your Flutter App Screen
• Adding a Google Map Marker
• Google Map Types
• Moving the Camera (Camera Animation)
• Capturing an App User’s Location for iOS and Android Apps.

• Lab10: Location-Aware Apps Using GPS and Google Maps
• Getting a Google API key
• Creating an App Interface
• Configuring your App to Use Your API Key
• Adding a Google Map on your Flutter App Screen
• Adding a Google Map Marker
• Flutter TM Application Development
• Capturing Users’ Location
• Configuring User App’s Permission

Lesson 11: App Testing & Publishing

• Testing and Feedback for Your App
• Setting up a Test Environment
• Usability Testing by Participants
• Starting your Test Session
• Analyzing your Test
• Publishing Flutter Apps
• Publishing Android App on Google Play Store
• Publishing iOS app on Apple Store

METHODOLOGY

The instructor led trainings are delivered using a blended learning approach and comprises of presentations, guided sessions of practical exercise, web based tutorials and group work. Our facilitators are seasoned industry experts with years of experience, working as professional and trainers in these fields.

All facilitation and course materials will be offered in English. The participants should be reasonably proficient in English.

ACCREDITATION

Upon successful completion of this training, participants will be issued with an Livecode Technologies  certificate.

TRAINING VENUE

The training is residential and will be held at livecode Training Centre. The course fee covers the course tuition, training materials, two break refreshments, lunch, and study visits.

All participants will additionally cater for their, travel expenses, visa application, insurance, and other personal expenses.

ACCOMMODATION

Accommodation is arranged upon request. For reservations contact the Training Officer.

Email: This email address is being protected from spambots. You need JavaScript enabled to view it..

Mob: +254 725771853

Training Fees

The course fees is KES 135,000.00 or USD 2,000.00 exclusive of VAT. The course fees covers the course tuition, training materials, two (2) break refreshments, lunch and study visits. Participants will cater for their travel and accommodation costs.

PAYMENT

Payment should be transferred to Livecode Technologies account through bank on or before the training date.

Send proof of payment to This email address is being protected from spambots. You need JavaScript enabled to view it.

CANCELLATION POLICY

Payment for the all courses includes a registration fee, which is non-refundable, and equals 15% of the total sum of the course fee.

1. Participants may cancel attendance 14 days or more prior to the training commencement date.
2. No refunds will be made 14 days or less to the training commencement date. However, participants who are unable to attend may opt to attend a similar training at a later date, or send a substitute participant provided the participation criteria have been met

Please Note: The program content shown here is for guidance purposes only. Our continuous course improvement process may lead to changes in topics and course structure.