Flutter Basics by a REAL Project

DO YOU HAVE ANY QUESTION ? JOIN THE COMMUNITY
🤝 Discord

📄You will easily learn the basics of Flutter by watching this tutorial. In this short video, we will implement one design together and we will use many basic Flutter widgets in the implementation, which will make you familiar with widgets and learn their use and prepare yourself for more important topics.

📁Source Code

⚡ SUBSCRIBE HERE⚡

⏳ TIMESTAMPS :
00:00 Intro
00:19 Create Project
00:40 main Function
01:02 Run Application
01:14 Create Pages Folder
01:19 Create Home Page
01:26 Import Material Package
01:32 Material
01:39 Cupertino
01:47 Stateless Widget vs Stateful Widget
02:15 Create Home Page Class
02:38 const Keyword
03:02 Remove Debug Banner
03:14 build Method
03:25 Scaffold Widget
03:46 Appbar Widget
03:58 Add Font To Project
04:44 Text Widegt
05:04 Text Style
05:17 Change Appbar Background Color
05:24 Remove Appbar Shadow
05:34 SVG Package
05:58 Leading Widget in Appbar
06:05 Container Widget
06:35 Use SVG Package
07:11 Define Color With 0xff
07:26 Reduce SVG Icon Size
07:42 Actions Widget in Appbar
08:06 GestureDetectore Widget
08:16 Extract Method
08:28 Search TextField
09:16 Container Shadow
09:27 Color Opacity
09:36 TextField Border Decoration
09:50 contentPadding in TextField
09:58 prefixIcon Widget
10:28 suffixIcon Widget
10:35 Row Widget
11:22 VerticalDivider Widget
11:54 hinText in TextField
12:30 Body Background Color
12:42 Implementation Categories Section
12:53 Column Widget
13:16 Display Category Text
13:28 SizedBox Widget
13:38 CrossAxisAlignment in Column Widget
14:40 Create Model Class
16:08 Use Category Models
19:00 Implementation Recommendation For Diet Section
21:20 LinearGradient in Container Decoration
21:36 Create Space Between Widgets in Column
21:53 Using The Operator ?
22:31 Implementation Popular Section

🌐Social Media

#flutter #fluttertutorial #flutterwidgets #fluttercourse #flutterinhindi #mobileappdevelopment #vscode #reactnative

[flutterguys]

🌐 JOIN TO TELEGRAM COMMUNITY
You can DOWNLOAD Design file from HERE :

[truszko]

I'm a senior web dev diving into flutter for the first time. This 25min video got me up to speed SO FAST. Thank you for skipping all the fluff and unnecessary explanations. This is exactly my type of content. Cheers!!

[ivovicente]

This is gold, I was delaying starting an app ideia and now I feel It can be done.

Also it was the first time I had to slowdown a video to keep up with it 🤣

[cryptoboy]

This is the best intro to Flutter on YouTube. Great work!!

[clarifier]

Omg, the best tutorial so far with great explanation. I was kinda lost with other tutorials out there but man...your's very smooth and easy to understand! Thank you!

[shadyhumourtv]

Fine tutorial!!! Fine content. I stopped doing flutter for a while, this puts me back right on track.

[ItsMe-vodu]

I'm just starting learning flutter, I was lost by how many tutorials there's, but luckily, I find this, smooth, great teaching, and qyickly to the point, I wish you can make more videos like this ❤️

[semoneram]

as a beginner i should say this is one of the best videos for flutter to catch the things up, great work

[theinfinox]

Literally made guve me a head start for flutter. I wasn't even interested to start, trying from years actually to get interested. This video literally is life saviour. ❤❤

[SuperShivammm]

Very professional way of using flutter power. Appreciate your talent and way of teaching in a short and sweet manner. Thanks again

[ahmedaltaher]

Absolutely terrific tutorial, thank you a lot for the great effort 🤩

[kartikeyjangir]

This tutorial is amazing, I loved it. It is gold for someone who news development and only want to walk through with flutter.

I know React Js in depth and material UI, I can easily understand what he is trying to say.

[MahenderKumar]

very informative and to the point tutorial. Thanks @FlutterGuys

[TheFlozen]

best topic on Flutter ever for basic learner. Thank you

[oracleking]

This is 25 mins of just raw concentrated power. For the rest of my carreer, I will always remember this crash course. It took me 48 hours to learn it

[minnac]

The most efficient tutorial I have ever watched! Thank you!

[perpetualplus]

I so in love with this breakdown, it's understandable, in details. .. 😭😭, I finally understand some flutter basics, I love you 🥺

[madhutvk]

This is the best explanation i have found in youtube on flutter, It would be great if you made more video of this type by increasing the complexity of projects and teaching new concepts of Flutter.

[flutterIgnite]

beautiful and concise. The AI voice is almost perfect

[jayribagchi]

These are the videos every frontend engineer must see! Thankyou so much 🌟🌟