flutter GetX Course | Create News App form Api عمل برنامج لجلب الاخبار
HTML-код
- Опубликовано: 30 июл 2024
- الفيديو ده مهم ليك لاننا هنقدر في الفيديو ده نعمل برنامج يجيب الاخبار العالميه وف فيديو واحد بس
هتخرج من الفيديو ده متعلك شويه حاجات مهمه زي
[GetX]
MVC patterns
Fetch news from API.
Parse complicated JSON.
Use http Package
Display full news with full details.
Select news category page
News Home page
Snapshots
#sec_it_developers
#flutter_GetX_Course
تابع الدوره كامله من هنا
bit.ly/2ZuvJlm
our community
facebook page : bit.ly/3vtKu2h
facebook group : bit.ly/3vtKIGF
facebook profile : bit.ly/3x2PkF2
telegram channel : bit.ly/2TJBlVO
source code : github.com/itsherifAhmed/NewsApp
الفيديو اللي قولتله عليه : • what is API gat data ...
00:00 Benfits
01:40 ازاي فكرت في الابليكيشن ده
02:55 شرح مفهوم ال mvc
04:38 مفهوم ال api
07:11 Get Api Key
09:04 Get Api Url
09:32 Read Json File
12:05 Create Model
13:17 Create Controller
15:07 Handel Responce
15:30 Check Responce
17:31 Create View
18:31 : Future Builder
19:55 Create ListView.builder
22:20 check data
24:46 Category
26:08 Bottom Nav Bar
32:16 Run App
32:42 Review
GetX is an extra-light and powerful solution for Flutter. It combines high-performance state management, intelligent dependency injection, and route management quickly and practically.
GetX has 3 basic principles. This means that these are the priority for all resources in the library: PRODUCTIVITY, PERFORMANCE AND ORGANIZATION.
PERFORMANCE: GetX is focused on performance and minimum consumption of resources. GetX does not use Streams or ChangeNotifier.
PRODUCTIVITY: GetX uses an easy and pleasant syntax. No matter what you want to do, there is always an easier way with GetX. It will save hours of development and will provide the maximum performance your application can deliver.
Generally, the developer should be concerned with removing controllers from memory. With GetX this is not necessary because resources are removed from memory when they are not used by default. If you want to keep it in memory, you must explicitly declare "permanent: true" in your dependency. That way, in addition to saving time, you are less at risk of having unnecessary dependencies on memory. Dependency loading is also lazy by default.
ORGANIZATION: GetX allows the total decoupling of the View, presentation logic, business logic, dependency injection, and navigation. You do not need context to navigate between routes, so you are not dependent on the widget tree (visualization) for this. You don't need context to access your controllers/blocs through an inheritedWidget, so you completely decouple your presentation logic and business logic from your visualization layer. You do not need to inject your Controllers/Models/Blocs classes into your widget tree through MultiProviders. For this, GetX uses its own dependency injection feature, decoupling the DI from its view completely.
With GetX you know where to find each feature of your application, having clean code by default. In addition to making maintenance easy, this makes the sharing of modules something that until then in Flutter was unthinkable, something totally possible. BLoC was a starting point for organizing code in Flutter, it separates business logic from visualization. GetX is a natural evolution of this, not only separating the business logic but the presentation logic. Bonus injection of dependencies and routes are also decoupled, and the data layer is out of it all. You know where everything is, and all of this in an easier way than building a hello world. GetX is the easiest, practical, and scalable way to build high-performance applications with the Flutter SDK. It has a large ecosystem around it that works perfectly together, it's easy for beginners, and it's accurate for experts. It is secure, stable, up-to-date, and offers a huge range of APIs built-in that are not present in the default Flutter SDK. Наука
يسطا مبدئيا كده انت جامد 💙
افضل شرح شفته ، درت على كل الشروحات لكن شرحك من عالم اخر....!!❤
حبيبنا جزاك الله خير في الدارين وبارك الله فيك أول مرة أشتغل تطبيق بapi وكنت خايف اتعلمها ومفتكر انها صعبة ..... ربنا يجزاك خير
تحفة بجد
شرح ممتاز جدا و اسلوب سهل جدا .... ربنا يوفقك
بجد شرح تحفة
شرحك رائع... لكن لو تشرح بعد ال null Saftey بكون أفضل لتفادي المشاكل...وكل التوفيق ي هندسة
شرح في قمه الرووووووعه ماشالله
الشرح تحفة
شرح ممتاذ
جد رائع جدا شرح واضح
شكرا ليكي❤️
شكرا صديقي محتوى رائع 😘
الشكر لله يا صديقي ♥️♥️
شرحك جميل يا هندسه
تسلم يا محمد
السلام عليكم مشكور جدا... فقط ليه في بعض المشاريع تستعمل Services و في بعضها لا و امتى نتستعملها
♥️😍😍رائع يا صديقي
تسلم يا صاااحبي❤️
استفدت كتير
شكرا خي
الشكر لله
جميل ماشاء الله
تسلم❤️
محتوي رائع
حقيقه
شرحك حلو جدااا جداااا جداااا
شكرا شكرا شكرا 😂❤️❤️
جزاك الله خيرا . شكرا لك من المغرب
احلي مسا ع اهل المغرب ♥️
good
thank you
thanks be to God
🌹🌹🌹🌹🌹
♥️♥️
شكرا على الشرح البسيط الجميل اوي
بس ممكن تعمل الدرس ده و ربطه بالfirebase و دروس اخرة
لانو قاعد ادور على دروس عمل مشروع و ربط الداته الي جاية من الapi بfirebase مش ملاقي
ياريت لو تعمله يا هندسة
او ممكن تعمله مع دورت الquiz
عنيا
@@SecitDevelopers تسلملي عنيك حبيب البي
(elided 3 frames from dart:async)
whats problem.......?
اللينك على المتصفح {"status":"ok","totalResults":0,"articles":[]}
انا عايزة الداتا نفسها اعمل ايه ؟
اكيد فيه غلطه في اللينك
جرب تتأكد من الخطوات واحده واحده في نقطه لل api url
ازاى انزل بااصدار فلاتر
hey man, thanks for the tutorial. but i'm getting the "type Null is not a subtype of type Articles" How can i fix it ??
me too
i know im late but it probably have a problem with the null safety feature
type '_Type' is not a subtype of type 'Widget'
السلام عليكم
هندسة في اتنين error طلعولي بس انا حولت الjson لمودل مع null safty المهم الerrors هيها
Invalid argument(s): No host specified in URI file:///null هاد الاول
type 'Null' is not a subtype of type 'NewsModel' هاد التاني
والله يهندسة شرحك كتير كتير منيح بس هدول طلعولي مع انو طبقت نفس الخطوات وكل شي ودورت حل عاليوتيوب لهدول المششاكل ما لقيت
ياريت الرد لو سمحت وشكرا
هندسة الخطا الثاني زبطته بس الاول
type 'Null' is not a subtype of type 'Articles'
لو متابع كويس
هتلاقيني عامل في ملف الةpubspec
environment: sdk: ">=2.7.0
دى لغة ايه...مش paython?!
يعطيك العافية كلو تمام
يس انا مفعل الnull safety
والموديل صححت الاخطاء لكن عند العرض يعطيني خطا
Expected a value of type 'Articels', but got one of type 'Null'
في ال home veiw
Newsmodel? data =snapshot.data;
في علامه استفهام هنا
في الlistview
item count
data!.articles!.length;
في ال card
data.articles![index] title or disc or img
@@SecitDevelopers ب listview زبطت
ب Card ما قبل ال!
@@SecitDevelopers انا عملت كل ده وبيرن عادي بس بيدي circular programs indicator علطول مش عارف حلها وع حسب م انا فاهم كده هو بيرجع null ومفيش داتا ولا اي
مش بيظهرلي articles 🥲