Flutter Widget | Creating Hello World App | Flutter Tutorial 01

?What is actually widgets in flutter and how they hellp in development, What is Scaffold, Material packages creating hello world app are the topics we have dicussed.

MY Github RESOURCES
-----------------------------

✴️ Get All Code From Here ✴️
https://github.com/FarooqCode?tab=repositories
if you find any difficulty in finding code please Contact on via email
OR Comment Please.

---------------------------
? Book Resource Are ?
TapToGoogleDrive
https://drive.google.com/drive/u/0/folders/1LUsLOQ5h2XbLIC3XAXtnSvIjUkQwTiRf

--------------------------

? Flutter Tutorials Playlist ?
https://youtube.com/playlist?list=PLILF3v7tOeMgrgprV46LKRAuI-ddhK9Zw

?Get Daily Update Flutter Goolge Slides
link:


---------------------------
⏰ Chapter Timestamp Key Moments ⏰
TIMESTAMPS
00:00 Intro What is Widgets
00:28 What are StatelessWidgets and Stateful Widgets?
01:28 Example of stateful Widgets?
2:10 What are packages in flutter?
2:40 Dart Packages
3:00 fluter packages
3:20 flutter plugins
3:49 What is Scaffold Widgets in flutter?
4:50 Creating a Hello world App in flutter ?
5:30 fix errror line 24 gradle.build

------------------------------------



?? Love Brother ??

✅ Facebook https://www.facebook.com/Whatsapp03158304046/friends
✅ Gmail: [email protected]
✅ GitHub: https://github.com/FarooqCode?tab=repositories



-------------------------------
? What We Have Disucussed Today?
1) what is Widget?
2) Stateless Widget vs StatefulWidget
3) Creating Hello World App in Flutter

-------------------------------
Widgets are building blocks which you, the developer, will compose together to make a UI. When learning Flutter, you'll hear the phrase "everything is a widget" quite often. For our purposes now, that's true. Every object in your Flutter application's UI is a widget. Structure is defined with widgets, styles are defined with widgets, even animations and routing is handled by widgets. And, widgets are just Dart classes that know how to describe their view.

In the image below, a few of the widgets on-screen are highlighted.

drawing
These are some of the most basic widgets, but there are a lot of implications here. First, you have a Text widget and a Button widget. These represent tangible pieces of UI. But, notice that there's also a Column widget. This widget tells other widgets to arrange themselves vertically. Importantly, there's no CSS or styling language, it's just widgets.

Built in Widgets
The above image shows the "counter app", which is the default application that's built when you start a new Flutter project. Which means that everything on that screen is built into Flutter.

Flutter offers several widgets out of the box, which we, the Flutter developers, will combine to make custom widgets and robust UI. Here are just a few of the most basic built in widgets in Flutter, separated by their use.

Layout--Row, Column, Scaffold, Stack
Structures--Button, Toast, MenuDrawer
Styles--TextStyle, Color
Animations--FadeInPhoto, transformations
Positioning and alignment--Center, Padding
? What is Flutter?
Google introduced Flutter as an open-source technology for developing beautiful native apps for Android and iOS. Since then, flutter app development has seen consistent upgrades with contemporary widgets, tools, and a comprehensive framework powered by a single codebase for both platforms.
-------------------
How to install flutter?
01: Download All Important Software From Below the Link Below:
✅ VS Code For Windows
https://code.visualstudio.com/
✅ Android Studio For Windows
shorturl.at/egmVW
✅ Flutter SDK Downlaod
https://docs.flutter.dev/get-started/install
✅ Figma Desktop
https://www.figma.com/downloads/
✅ Git Downlaod
https://gitforwindows.org/
✅ GitHub Desktop Dowload
https://desktop.github.com/
02: Install That Software One By One by instruction
03: Add Flutter SDK Path in Environment Variables
04: Add Extension in the VS Code
? Dart
Offcourse Flutter?
?Others Are:
Pubspec Assist
Error Lens
Flutter Tree
Bracket Pain Colorizer 2
Dart Data Class Generator
Flutter Stylizer
Better Comments
Color Highlight
Markdownlint
JSON to Dart Model
05: Creating By Default App in Flutter:
❤️ Go to Command Plate and then Create New Flutter Project
06: Enjoy ?


#flutter #flutttering #playlist #fluttering #dart #fluttertutorials #flutterdeveloper #fluttertutorial #fluttercord #flutterflow #flutterwidgets