Home / Basic Course Introduction Introduction to Flutter- The What’s and The Why’s Introduction To Dart Reason why Dart holds the fort strong. Installing Visual Studio Code and the Dart Plugin Installing Dart SDK Writing the first Dart Program Setting up Flutter Downloading/Cloning the Flutter SDK. Installing Flutter Plugin within VS Code. Understanding the structure of a Flutter Project. Building a simple app from scratch. Introducing Widget Widgets and their role in a Flutter app. The MaterialApp and Scaffold widget. AppBar FloatingActionButton. More widgets- Text, Center and Padding. Hot Reload and Hot Restart, the tricks of the trade. Recreating the Default Flutter App (UI Only). Common Widgets in Flutter Containers and their role. Importing images from a network. Importing images as assets. Adding icons to widgets. Understanding Row and Column. ListView and ListTile. Building views using ListView.builder. Inkwell and its importance. Stateless and Stateful Widgets- The Concept Stateless vs. Stateful widgets. Defining a ‘State’. The setState() method. Returning to the Default Flutter App Navigating through Navigation Navigator and routes. Applying push() using MaterialPageRoute Applying pop() Declaring parameter-less routes (pushNamed()) in MaterialApp widget. Handling User Input Using TextField. Handling changes to a TextField. Pass retrieved values using Navigator. User Interface Applying ThemeData. The Basic Screen Layout. Applying Custom Fonts. Asynchronous Functions The ‘Future’ function. ‘async’ and ‘await’ Working with Remote Data The ‘http’ package. Model Class and JSON parsing. Displaying Remote Data. (NEWS API) Using 3rd Party Packages The ‘url_launcher’ package. Adding onTap() to NEWS API. Other Useful Widgets GridView The ‘Hero’ Animation. Stack ‘AlertDialog’ with buttons. Basic Course Back to Course Building a simple app from scratch. Building a simple app from scratch. Knowing and understanding the folder structure plays a vital role in understanding the app you are building as well and how you can use what the framework provides. Here is a detailed explanation of all the files that come with the initial set up of Flutter app. Want to say hello to the world of Flutter? Here is something that will help you understand a very rudimentary concept of the main, runApp function and introduce you to a simple Text widget. We will create a small app that displays “Hello World” in the centre of the screen. Only Enrolled Members can ask questions!