Рет қаралды 967,605
Learn Dart & Flutter From Scratch in this 20 Hour Course Designed For Absolute Beginners Completely For Free! Flutter is an open-source UI software development kit created by Google, used to create cross-platform apps for iOS, Android, Windows, Mac, and more from a single codebase.
📌 Discord Server - / discord
Source Code - github.com/Riv...
Practice Loops - shorturl.at/brQZ0
Futurevoid vs void - shorturl.at/sHMPR
Font & Image Assets - shorturl.at/sSU57
Dummy Data Shop App - shorturl.at/ghw14
Inherited Widget Flutter Video - • A guide to Inherited W...
Timestamps:
(00:00:00) Course Overview
(00:02:16) What is Dart?
(00:03:52) Dart SDK
(00:06:57) Print Statement
(00:09:59) Operators
(00:14:39) Comments
(00:17:31) Variables
(01:11:35) Control Flow
(01:37:52) Exercise 1
(01:46:06) Loops
(02:10:49) Functions
(02:46:53) Classes
(03:41:10) Inheritance
(03:59:58) implements keyword
(04:10:13) Abstract Classes
(04:15:03) Object Oriented Programming (OOP) in Dart
(04:17:09) Polymorphism
(04:20:52) Abstraction
(04:23:12) Encapsulation
(04:25:11) OOP Brief
(04:26:14) Mixins
(04:33:40) Class Modifiers
(04:40:48) Lists
(05:23:04) Sets
(05:25:39) Maps
(05:50:32) Enums
(06:03:03) Exception Handling
(06:11:45) Futures
(06:56:08) Streams
(07:19:46) (Bonus) Creating Records
(07:23:57) (Bonus) Patterns & Pattern Matching
(07:36:11) Extensions
(07:42:25) Introduction to Flutter
(07:42:35) Installing Flutter
(07:51:59) Installing Android Studio & Configuring for Android
(07:56:37) Installing Xcode & Configuring for iOS
(07:58:47) Installing VS Code
(08:00:24) Exploring VS Code
(08:04:41) Creating & Exploring The Flutter Project
(08:18:27) Running Flutter App
(08:31:11) Writing First Flutter Code!
(08:32:34) Importing Packages and material.dart
(08:35:20) runApp function in Flutter
(08:37:24) What are Widgets?
(08:38:10) Text Widget
(08:55:24) Types of Widgets
(08:57:22) What is State?
(08:58:48) Stateless Widget
(09:11:43) Material & Cupertino Design
(09:13:51) MaterialApp
(09:17:45) Scaffold Widget
(09:21:37) Center Widget
(09:26:28) Widget Tree
(09:29:09) Splitting & Extracting Widgets
(09:34:49) What is BuildContext?
(09:37:38) Importing Files & Magic of Flutter Extension
(09:40:05) Relative Importing
(09:42:47) Breaking Down The Currency Converter App
(09:43:31) Column Widget
(09:52:10) ColoredBox Widget
(09:53:01) Color Class
(09:56:53) TextStyle
(10:04:22) Colors
(10:06:49) TextField Widget
(10:48:00) Why Build Function Should Contain NO Complex Tasks
(10:53:12) Padding & Container Widget
(11:02:01) Padding vs Margin - The Difference
(11:07:56) TextButton Widget
(11:13:35) Flutter Lints
(11:18:50) TextButton Widget contd.
(11:34:29) ElevatedButton Widget
(11:44:26) AppBar Widget
(11:51:47) StatefulWidget
(12:24:38) Build Function Can Be Called How Many Times?
(12:27:11) setState
(12:41:19) CupertinoApp & iOS Styled Widgets
(12:59:14) initState and dispose
(13:02:05) Recap & Widgets LifeCycle
(13:09:53) Weather App Demo
(13:11:06) Weather App Setup & Default Flutter Code
(13:26:48) GestureDetector & InkWell Widget
(13:29:20) IconButton Widget
(13:30:17) PlaceHolder Widget
(13:34:22) Card Widget
(13:45:35) ClipRRect Widget
(13:47:01) Backdrop and ImageFilter Widget
(13:58:14) Row Widget
(14:07:49) SingleChildScrollView Widget
(14:13:33) Additional Info Section
(14:25:07) Passing Arguments
(14:35:02) http plugin in Flutter
(14:38:12) OpenMapWeather API
(14:44:57) Handling Future in initState
(14:48:05) Extracting Data from API
(15:01:22) Loading Indicator
(15:06:55) FutureBuilder Widget
(15:19:28) AsyncSnapshot
(15:30:25) for loop
(15:39:42) ListView.builder Widget
(15:50:23) Date Formatting using intl
(16:05:35) Layout Principle In Flutter Explained
(16:10:57) Flutter Behind The Scenes, 3 Trees & BuildContext
(16:32:15) Shop App Demo
(16:33:32) Shop App Project Setup (Fonts, Theme, ColorScheme)
(16:52:23) Header (SafeArea Widget)
(16:59:26) Expanded Widget
(17:14:16) Chip Widget
(17:30:17) How Theming Works Behind the Scenes (InheritedWidget)
(17:37:35) Selecting Filter contd.
(17:38:40) Images and Dummy Data
(17:45:12) Displaying Products List on Home Page (Image Widget)
(18:09:51) Designing Product Details Page (Spacer and Flex Widget)
(18:37:33) Navigation & Routing
(18:48:20) How Navigator Works Behind The Scenes? (And State Management)
(18:59:59) BottomNavigationBar Widget
(19:09:10) IndexedStack Widget
(19:11:59) Designing Cart Page (ListTile Widget)
(19:22:38) State Management with Provider, SnackBar
(19:51:20) Dialogs in Flutter
(20:00:18) Provider Extension Methods on BuildContext & Recap
(20:09:55) Flutter Responsive UI (MediaQuery)
(20:33:15) InheritedWidget vs InheritedModel
(20:35:03) Responsive UI in Flutter (LayoutBuilder Widget)
(20:42:01) MediaQuery vs LayoutBuilder
(20:45:24) Challenge: Make Weather App Responsive
(20:45:48) Flutter Widgets Sizing Summary
(20:46:53) Conclusion
#flutter #dart