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 Widgets and their role in a Flutter app. Widgets and their role in a Flutter app. Everything is a widget. Widgets are the building blocks in a Flutter app. Everything you see on the screen is a widget and hence every UI element you code is a Widget. So, let’s take look at what these widgets are and how we can use them in our app. Only Enrolled Members can ask questions!