28 Days Of Flutter Bootcamp 🕐 - Day 1 - Introduction And Development Setup

Welcome to the Flutter Bootcamp. This is the full Flutter course for a complete guide to the Flutter SDK and Flutter framework with DARK for building a beautiful native Android and iOS application. I am covering all fundamental concepts for flutter development; this becomes the most comprehensive free Flutter course.
 

What you will learn?

 
The fundamentals of building apps with Flutter and Dart
    • Build a beautiful, engaging native and fast apps for Android and iOS with one codebase
    • Learn the advanced UI with premade Flutter widgets and third-party SDK
    • Dart programming with the concept of OOPS fundamentals
    • All widgets explanation with rich text articles and speed code video
    • Create a fully functional app with firebase authentication, firestore and fire storage [with speed code video]
    • Advanced features like push notification, google map, device camera, touch authentication and many more
    • Deep dive in Crashlytics, Admob, Performance, A/B testing and Remote config

What will you need? 

    • A computer system with admin privileges
    • We will use Android studio as a development tool [it is free to use]
    • Git, Flutter SDK and Dart SDK
    • Have at least 20GB of free space on your hard drive
    • This course starts with a very basic level, so no prior programming language experience required 

What is Flutter?

 
Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. In this course, you will learn about mobile development.
 

Why do I choose Flutter for mobile development?

 
Fast Development
  • Bring your app to life in milliseconds with Stateful Hot Reload. Use a rich set of fully customizable widgets to build native interfaces in minutes.
  • Flutter's hot reload helps you quickly and easily experiment, build UIs, add features, and fix bugs faster. Experience sub-second reload times without losing state on emulators, simulators, and hardware. 

Expressive and Flexible UI

  • Quickly ship features with a focus on native end-user experiences. The layered architecture allows for full customization, which results in incredibly fast rendering and expressive and flexible designs.
  • Delight your users with Flutter's built-in beautiful Material Design and Cupertino (iOS-flavour) widgets, rich motion APIs, smooth natural scrolling, and platform awareness.

Native Performance

  • Flutter’s widgets incorporate all critical platform differences such as scrolling, navigation, icons and fonts, and your Flutter code is compiled to native ARM machine code using Dart's native compilers.

Step by Step walk-throughs - Flutter Development setup for Windows

 
Install Git
  • Download Git from here.
  • Install the downloaded Git setup 
 
 
 
 
 

Ready to start with Flutter SDK

  • Download the latest stable release Flutter SDK from here.
  • Extract the zip file and place the contained flutter in the desired installation location for the Flutter SDK (for example, C:\src\flutter; do not install Flutter in a directory like C:\Program Files\ that requires elevated privileges)
  • Update your path (If you wish to run Flutter commands in the regular Windows console, take these steps to add Flutter to the PATH environment variable)

    • From the Start search bar, enter ‘env’ and select Edit environment variables for your account. 



    • In the Advanced tab click on “Environment Variables...”



    • Under User variables check if there is an entry called Path: (select the Path entry and click on Edit)



    • If “C:\src\flutter\bin” does not exist, then click on New and add “C:\src\flutter\bin”



    • To check the path variable setup open command prompt and run “flutter --version”

       

Get started with Dark SDK

  • Download the latest stable release version of Dark from here
  • Extract the zip file and place the contained dart-SDK in the desired installation location for the Flutter SDK (for example, C:\Program Files\Dart\dart-SDK)
  • Update your path,

    • From the Start search bar, enter ‘env’ and select Edit environment variables for your account.
    • In the Advanced tab click on “Environment Variables...”
    • Under System variables check if there is not an entry called DARK_SDK; click on New…
  • Enter “DART_SDK” in Variable name and “C:\Program Files\Dart\dart-sdk” in Variable value then click on OK
  • To check the path variable setup open command prompt and run “dark--version”
 
Install the Android Studio tools
  • Download the latest version Android Studio from here and install it. We will set up the Android Emulator later. [At the development time]
Finish the installation by running the command flutter doctor
  • From a console window run the command “flutter doctor” to see if there are any platform dependencies you need to complete the setup,
 
 
Note
You may get a warning message “! Doctor found issues in 1 category” for “connected device”. Ignore it at this point as we have not set up any physical device or emulator.
 
Note
To set up the Flutter development on MAC, follow the step describe in here as I don’t have MAC so unable to describe the steps in details but you can follow the step as per above link for complete the setup on MAC.
 
Resource credits - https://flutter.dev
 
NEXT: Creating a new Flutter project and setting up physical device and emulator.
 
Don't miss my next article, Follow me on my C# Corner profile. Click here to visit my profile.
 
Thank You for Browsing. :)