Comprehensive Flutter

Comprehensive Flutter

data-analyst-science near Pune
Recorded content
Of Total 10 Hrs.
data-analyst-science near Pune
Duration
3 Months (50 hours)
data-analyst-science near Pune
LIVE sessions
4 Workshops
data-analyst-science near Pune
Hands-On Learning
With Practice Modules
data-analyst-science near Pune
Certificate
With License

Overview

Skillmetrix’s Comprehensive Flutter training teaches the hands-on programming skills needed to successfully build basic and robust Flutter applications. Attendees start out by learning how to use the Dart programming language, debug Flutter, create custom widgets, layout a screen, and respond to gestures. Then students take a deeper dive into more advanced skills including how to implement responsive design, style widgets, manage state, make RESTful API calls with HTTP/HTTPS, and more.

Objective

  • Write a cross-platform app that will run on any of the 5 billion iOS/Android cell phones in the world, as well as in browser and desktop environments
  • Develop and debug Flutter apps
  • Leverage the elegance of the Dart programming language in Flutter apps
  • Apply themes and styles
  • Write custom widgets
  • Respond to gestures like taps, swipes, and pinches
  • Precisely control the layout of apps in a responsive way
  • Handle form data entry from users
  • Use Flutter to read and write data from an online RESTful API
  • Find and include 3rd party libraries

Outline

  • • What is Flutter?
  • • Why Flutter?
  • • The other options
  • • Native solutions
  • • What is Dart?
  • • Expected features – Dart Cheatsheet
  • • Data types, Arrays/lists
  • • Classes
  • • Conditionals and loops
  • • Unexpected things about Dart
  • • Type inference
  • • final and const
  • • String interpolation with $
  • • Spread operator
  • • Map< foo , bar >
  • • Functions are objects
  • • Big arrow/Fat arrow
  • • Named function parameters
  • • Omitting “new” and “this.”
  • • Class constructor parameter shorthand
  • • Private class members
  • • Mixins
  • • The cascade operator (..)
  • • No overloading
  • • Named constructors

  • • The Flutter toolchain
  • • he Flutter SDK
  • • IDEs
  • • IDE DevTools
  • • Emulators
  • • Keeping the tools up to date
  • • The Flutter development process
  • • Scaffolding the app and files
  • • Running your app

  • • UI as code
  • • Built-in Flutter widgets
  • • Value widgets
  • • Layout widgets
  • • Navigation widgets
  • • Other widgets
  • • How to create stateless widgets
  • • Widgets have keys
  • • Passing a value into your widget
  • • Stateless and Stateful widgets
  • • So which one should I create?

  • • The Text widget
  • • The Icon widget
  • • The Image widget
  • • Embedded images
  • • Network images
  • • Sizing an image
  • • Input widgets
  • • Text fields
  • • Putting the form widgets together
  • • Form widget
  • • FormField widget
  • • One big Form example

  • • Meet the button family
  • • RaisedButton
  • • FlatButton and IconButton
  • • FloatingActionButton
  • • CupertinoButton
  • • Dismissible
  • • Custom gestures for your custom widgets
  • o Reacting to a long press
  • o Pinching to add a new item
  • o Swiping left or right
  • • The gesture arena

  • • Laying out the whole scene
  • • MaterialApp widget
  • • The Scaffold widget
  • • The AppBar widget
  • • SafeArea widget
  • • SnackBar widget
  • • How Flutter decides on a widget’s size
  • • The dreaded “unbounded height” error
  • • Flutter’s layout algorithm
  • • Putting widgets next to or below others
  • • Your widgets will never fit!
  • • What if there’s extra space left over?
  • • mainAxisAlignment
  • • crossAxisAlignment
  • • Expanded widget
  • • What if there’s not enough space?
  • • The ListView widget
  • • Container widget and the box model
  • • Alignment and positioning within a Container
  • • So how do you determine the size of a Container?
  • • Special layout widgets
  • • Stack widget
  • • GridView widget
  • • The Table widget

  • • Stack navigation
  • • Navigating forward and back
  • • Get result after a scene is closed
  • • Drawer navigation
  • • The Drawer widget
  • • Filling the drawer
  • • Tab Navigation
  • • TabController
  • • TabBar and Tabs
  • • The Dialog widget
  • • showDialog( ) and AlertDialog
  • • Responses with a Dialog
  • • Navigation methods can be combined

  • • Thinking in Flutter Styles
  • • A word about colors
  • • Styling Text
  • • TextStyle
  • • Custom fonts
  • • Container decorations
  • • Border
  • • BorderRadius
  • • BoxShape
  • • Stacking widgets
  • • Positioned widget
  • • Card widget
  • • Themes
  • • Applying theme properties

  • • What is state?
  • • What goes in a StatefulWidget?
  • • The most important rule about state!
  • • Passing statedown
  • • Lifting state backup
  • • An example of state management
  • • When should we use state?
  • • Advanced state management
  • • InheritedWidget
  • • BLoC
  • • ScopedModel
  • • Hooks
  • • Provider

  • • Including libraries in your Flutter app
  • • Finding a library
  • • Adding it to pubspec.yaml
  • • Importing the library
  • • Using the library
  • • Futures, async, and await
  • • Why would it wait?
  • • await
  • • async
  • • Including a file with your app
  • • And reading it!
  • • Using JSON
  • • Writing your app’s memory to JSON
  • • Reading JSON into memory
  • • Shared preferences
  • • To write preferences
  • • To read preferences

  • • The flavors of API requests
  • • Making an HTTP GET or DELETE request
  • • Making an HTTP PUT, POST, or PATCH request
  • • HTTP responses to widgets
  • • Brute force – The easy way
  • • FutureBuilder – The clean way
  • • Strongly typed classes
  • • Create a business class
  • • Write a fromJSON( ) method
  • • Use fromJSON( ) to hydrate the object
  • • One big example
  • • A GET request in Flutter
  • • A DELETE request in Flutter
  • • A POST and PUT request in Flutter

  • • Introducing Firebase
  • • Cloud Firestore
  • • Cloud Functions
  • • Authentication
  • • Setting up Firebase itself
  • o Creating a Firebase project
  • o Creating the database
  • o Creating an iOS app
  • o Creating an Android app
  • o Adding FlutterFire plugins
  • • Using Firestore
  • • To get a collection
  • • To query
  • • To upsert
  • • To delete
  • • Where to go from here

Training Materials

All Flutter training attendees receive comprehensive courseware.

Software Requirements

• Google Chrome

• Other modern browsers as desired

• IDE/development environment of your choice

• Other free software and lab files that Skillmetrix would specify

Why Online Bootcamps

Develop skills for real career growth

Cutting-edge curriculum designed in guidance with industry and academia to develop job-ready skills

Learn by working on real-world problems

Capstone projects involving real world data sets with virtual labs for hands-on learning

Learn from experts active in their field, not out-of-touch trainers

Leading practitioners who bring current best practices and case studies to sessions that fit into your work schedule.

Structured guidance ensuring learning never stops

24x7 Learning support from mentors and a community of like-minded peers to resolve any conceptual doubts