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.
  • НаукаНаука

Комментарии • 55

  • @mohammedsayed2203
    @mohammedsayed2203 11 месяцев назад

    يسطا مبدئيا كده انت جامد 💙

  • @mohammedanwarbinmuslem654
    @mohammedanwarbinmuslem654 Год назад

    افضل شرح شفته ، درت على كل الشروحات لكن شرحك من عالم اخر....!!❤

  • @jabirmohamed5094
    @jabirmohamed5094 2 года назад +2

    حبيبنا جزاك الله خير في الدارين وبارك الله فيك أول مرة أشتغل تطبيق بapi وكنت خايف اتعلمها ومفتكر انها صعبة ..... ربنا يجزاك خير

  • @dohaashrafali
    @dohaashrafali 2 месяца назад

    تحفة بجد

  • @mohammedsolyman3891
    @mohammedsolyman3891 Год назад

    شرح ممتاز جدا و اسلوب سهل جدا .... ربنا يوفقك

  • @sosoTheLittle
    @sosoTheLittle 2 года назад

    بجد شرح تحفة

  • @user-tw6rx6bz2d
    @user-tw6rx6bz2d Год назад

    شرحك رائع... لكن لو تشرح بعد ال null Saftey بكون أفضل لتفادي المشاكل...وكل التوفيق ي هندسة

  • @HhHh-hw2ds
    @HhHh-hw2ds Год назад

    شرح في قمه الرووووووعه ماشالله

  • @lamyaaelmaleh3529
    @lamyaaelmaleh3529 Год назад

    الشرح تحفة

  • @smartcodesd7325
    @smartcodesd7325 2 года назад

    شرح ممتاذ

  • @rehamalamssi1494
    @rehamalamssi1494 2 года назад +1

    جد رائع جدا شرح واضح

  • @bahaaali5716
    @bahaaali5716 2 года назад

    شكرا صديقي محتوى رائع 😘

    • @SecitDevelopers
      @SecitDevelopers  2 года назад +1

      الشكر لله يا صديقي ♥️♥️

  • @mohamedmostafa-uq1sf
    @mohamedmostafa-uq1sf 2 года назад

    شرحك جميل يا هندسه

  • @bessemhabchi4241
    @bessemhabchi4241 2 года назад +2

    السلام عليكم مشكور جدا... فقط ليه في بعض المشاريع تستعمل Services و في بعضها لا و امتى نتستعملها

  • @AbbasAlhashme
    @AbbasAlhashme 2 года назад +1

    ♥️😍😍رائع يا صديقي

  • @user-rv5fb7jb8g
    @user-rv5fb7jb8g 2 года назад

    استفدت كتير
    شكرا خي

  • @khaledmaqas3416
    @khaledmaqas3416 2 года назад +1

    جميل ماشاء الله

  • @faisaldev7669
    @faisaldev7669 2 года назад +1

    محتوي رائع

  • @ebrahimkassem8939
    @ebrahimkassem8939 2 года назад

    شرحك حلو جدااا جداااا جداااا

  • @alabeb8455
    @alabeb8455 2 года назад

    جزاك الله خيرا . شكرا لك من المغرب

    • @SecitDevelopers
      @SecitDevelopers  2 года назад +1

      احلي مسا ع اهل المغرب ♥️

  • @sherifammar6128
    @sherifammar6128 Год назад

    good

  • @user-ks5rv8wz4w
    @user-ks5rv8wz4w 2 года назад

    thank you

  • @user-uh1dl7np7m
    @user-uh1dl7np7m 2 года назад +1

    🌹🌹🌹🌹🌹

  • @salehbinafif1383
    @salehbinafif1383 2 года назад

    شكرا على الشرح البسيط الجميل اوي
    بس ممكن تعمل الدرس ده و ربطه بالfirebase و دروس اخرة
    لانو قاعد ادور على دروس عمل مشروع و ربط الداته الي جاية من الapi بfirebase مش ملاقي
    ياريت لو تعمله يا هندسة
    او ممكن تعمله مع دورت الquiz

  • @mohammedalostath5434
    @mohammedalostath5434 Год назад

    (elided 3 frames from dart:async)
    whats problem.......?

  • @OhoodALiInstructor
    @OhoodALiInstructor 2 года назад +1

    اللينك على المتصفح {"status":"ok","totalResults":0,"articles":[]}
    انا عايزة الداتا نفسها اعمل ايه ؟

    • @SecitDevelopers
      @SecitDevelopers  2 года назад

      اكيد فيه غلطه في اللينك
      جرب تتأكد من الخطوات واحده واحده في نقطه لل api url

  • @ahmedshahat7972
    @ahmedshahat7972 2 года назад

    ازاى انزل بااصدار فلاتر

  • @wellingtonrocha6802
    @wellingtonrocha6802 2 года назад +1

    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 ??

  • @mohammedalostath5434
    @mohammedalostath5434 Год назад

    type '_Type' is not a subtype of type 'Widget'

  • @abonahal8074
    @abonahal8074 Год назад

    السلام عليكم
    هندسة في اتنين error طلعولي بس انا حولت الjson لمودل مع null safty المهم الerrors هيها
    Invalid argument(s): No host specified in URI file:///null هاد الاول
    type 'Null' is not a subtype of type 'NewsModel' هاد التاني
    والله يهندسة شرحك كتير كتير منيح بس هدول طلعولي مع انو طبقت نفس الخطوات وكل شي ودورت حل عاليوتيوب لهدول المششاكل ما لقيت
    ياريت الرد لو سمحت وشكرا

    • @abonahal8074
      @abonahal8074 Год назад

      هندسة الخطا الثاني زبطته بس الاول

  • @ahmedshahat7972
    @ahmedshahat7972 2 года назад

    type 'Null' is not a subtype of type 'Articles'

    • @SecitDevelopers
      @SecitDevelopers  2 года назад

      لو متابع كويس
      هتلاقيني عامل في ملف الةpubspec
      environment: sdk: ">=2.7.0

  • @lamyaaelmaleh3529
    @lamyaaelmaleh3529 Год назад

    دى لغة ايه...مش paython?!

  • @muhammadnajial-khudari7109
    @muhammadnajial-khudari7109 2 года назад

    يعطيك العافية كلو تمام
    يس انا مفعل الnull safety
    والموديل صححت الاخطاء لكن عند العرض يعطيني خطا
    Expected a value of type 'Articels', but got one of type 'Null'

    • @SecitDevelopers
      @SecitDevelopers  2 года назад

      في ال home veiw
      Newsmodel? data =snapshot.data;
      في علامه استفهام هنا
      في الlistview
      item count
      data!.articles!.length;
      في ال card
      data.articles![index] title or disc or img

    • @muhammadnajial-khudari7109
      @muhammadnajial-khudari7109 2 года назад

      @@SecitDevelopers ب listview زبطت
      ب Card ما قبل ال!

    • @omareid9909
      @omareid9909 2 года назад

      @@SecitDevelopers انا عملت كل ده وبيرن عادي بس بيدي circular programs indicator علطول مش عارف حلها وع حسب م انا فاهم كده هو بيرجع null ومفيش داتا ولا اي

  • @zizbaba2548
    @zizbaba2548 9 месяцев назад

    مش بيظهرلي articles 🥲