1. Flutter Tutorial for Beginners – Intro & Setup

0
867

What is Flutter:

In general, creating a mobile application is a very complex and challenging task. There are many frameworks available, which provide excellent features to develop mobile applications. For developing mobile apps, Android provides a native framework based on Java and Kotlin language, while iOS provides a framework based on Objective-C/Swift language. Thus, we need two different languages and frameworks to develop applications for both OS. Flutter is Google’s UI toolkit for building beautiful, natively compiled applications for mobile, web, and desktop from a single codebase.

Prerequisite:

Before learning Flutter in-depth, you must have a sound understanding of Dart programming, Android Studio, and web scripting languages such as HTML, JavaScript, and CSS. Don’t worry, we’ll learn those things step by step.

Requirements:

  1. Flutter Core Package
  2. Android Studio with Emulator
  3. Basic knowledge about OOP and programming fundamentals
  4. You are now ready to go…

Setup for the first time:

For windows:

Step 1. Go to this link https://flutter.dev/docs/get-started/install/windows

Step 2. Download Flutter SDK file.

If file is failed to load then use any VPN, then try again.

Step 3. Extract the zip file and place the contained ‘flutter’ in the desired installation location for the Flutter SDK (for example, C:\flutter).

Step 4: Update your path. For that,

  1. On the Windows desktop, right-click My Computer.

  2. In the pop-up menu, click Properties.

  3. In the Advanced System Properties window, click the Advanced tab, and then click Environment Variables.

  4. In the User Variables window, highlight Path, and click Edit.

  5. In the Edit System Variables window, Click New button and the path of flutter folder. For Example: C:\flutter\bin

  6. Then click OK in every dialog box.

Step 5. Download Android Studio from https://developer.android.com/studio, and install it to your computer.

Step 6. Install dart and flutter to android studio.

  1. Start Android Studio.

  2. Click Configure > Plugins

  3. Then click Browse Repositories

  4. Then search for Flutter plugin and click Install.

  5. Click Yes when prompted to install the Dart plugin.

  6. Click Restart IDE when prompted.

Step 7. Create a virtual device to test apps. For this you can see the Video

In this tutorial I am using Nox Player as my android emulator. If you want, then check the video

That’s it. Let’s start coding…

LEAVE A REPLY

Please enter your comment!
Please enter your name here