Overview on Frontend Frameworks بالعربي with Ahmad Alfy - Tech Podcast بالعربي

Ойын-сауық

An Overview on Frontend Frameworks. How did we get there, the problems they solved, and the problems they introduced?
Discussion Flow
The current state of the frontend development. The amount of frameworks that are currently available, how everything is rewritten every few years, the fatigue the developers constantly complain from.
How we used to develop applications before (the multi-page / monolith app that combines the views and the logic together)
The problems we faced when we were building monolithic applications
The impact of Ajax and how we were able to update small parts of the page
The introduction of the new generation of frameworks (Backbone, Ember, Knockout, Angular)
The introduction of the next generation of frameworks (Angular, React, Vue, Svelte)
What influences the decision of picking up a framework (declarative approach, component-based architecture, reactivity, developer experience …)
The problems introduced by that (a single HTML element and a script tag)
How did we solve that with SSR (server-side rendering) and the problems introduced by the SSR
Hydration (get the HTML, download all the JS, parse and execute JS, bind listeners)
MPA vs SPA (experience, routing, transitions, state management)
Applications vs Content based websites
New meta frameworks (Astro for content-based websites, Qwik for app like experiences)
The concept of interactive islands
The concepts of Resumability, prefetching, binding on interactivity
Differences between the frameworks

Пікірлер: 41

  • @mohamed-hassan-
    @mohamed-hassan- Жыл бұрын

    حلقة ممتازة أنا لسه داخل FrontEnd Angular من فترة قليلة ولسه 16 نازل ب enhancements في ال Hydriation وكمنتش فاهم دي إيه .. شكراً جدا يا بشمهندس ألفي وأنت وبشمهندس إمام

  • @cyberdev3901
    @cyberdev3901 Жыл бұрын

    حلقة ممتازة ، نظرة مفيدة لكيفية عمل FE framworks . تسلم يا امام 🌹, تسلم يا الفي ❤️

  • @muhammedhassan5665
    @muhammedhassan5665 Жыл бұрын

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

  • @AhmedEid3
    @AhmedEid3 Жыл бұрын

    حلقة ممتازه تسلم ايديكم يا شباب 🌹🌹🌹

  • @salahsharaf9958
    @salahsharaf9958 Жыл бұрын

    عاش يا شبب انا بتعلم كتير Keep up the good work

  • @ilyesmilyesm2576
    @ilyesmilyesm257610 ай бұрын

    جزاك الله خيرا مهندس أحمد ألفي على المعلومات الغزيرة حول أطر العمل والفروقات بينها وشكرا جزيلا للمهندس أحمد الإمام على هذه القناة الرائعة

  • @amrosama1768
    @amrosama1768 Жыл бұрын

    نشكركم على الحلقه المفيده دى 🎉

  • @mohamed-hassan-
    @mohamed-hassan- Жыл бұрын

    حلقة ممتازة أنا لسه داخل FrontEnd Angular من فترة ولسه 16 نازل ب التحسينات في ال Hydriation ومكنتش فاهم دي إيه .. شكراً جدا يا بشمهندس ألفي وأنت وبشمهندس إمام

  • @amraldroubie3127
    @amraldroubie3127 Жыл бұрын

    روعة الله يعطيكم العافية 💯❤

  • @lobnamohamed2350
    @lobnamohamed2350 Жыл бұрын

    حلقة مميزة بالتوفيق دايما

  • @mahmoudfarouk9772
    @mahmoudfarouk9772 Жыл бұрын

    حلقه ممتازه والفى مبدع كالعاده تسلم يا هندسه

  • @lamename2518
    @lamename2518 Жыл бұрын

    جزاكم الله كل خير يارب

  • @ahmednasser6877
    @ahmednasser6877 Жыл бұрын

    الحلقة حلوة جدا جدا شكرا ياحمد انت والفى

  • @ahmadnagy9356
    @ahmadnagy9356 Жыл бұрын

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

  • @SamehDeabes
    @SamehDeabes Жыл бұрын

    حلقة جميلة، أنا استفدت منها جدا. شكرا يا إمام. شكرا يا ألفي. ❤❤

  • @ahmdelemam

    @ahmdelemam

    Жыл бұрын

    حبيبي يا سامح ❤️

  • @rawantarek3570
    @rawantarek3570 Жыл бұрын

    الله ينور حلقه جامدةة

  • @abdalmalk_kasem
    @abdalmalk_kasem5 ай бұрын

    حلقه عظيمة!!

  • @ayahosny3340
    @ayahosny33406 ай бұрын

    رائع جدا... شكرااا

  • @s7s_space
    @s7s_space Жыл бұрын

    انا واصل لتقريبا ساعه م البودكاست ومستمع جداً بألفي ...كنت أتمني اشتغل معاه ..اكيد حظ الناس اللي شغاله معاه كويس خاصة انه شخص مهذب وبيشير العلم وبيعرضه بطريقه جميله ، ردا بس نقطة الفريموركس ف الدقيقة 50 تقريبا تكلم عن qwik ومبداء resumeability وأنه مش بيجيب اي سكريبت غير الأساسيات وبيعمل prefetch ، معرفش ألفي متابع التحديث الأخير م nextjs 13 تقريبا بقي فيه أغلب الحاجات دي بس انا متابع وبسمع البودكاست

  • @ahmadalfy

    @ahmadalfy

    Жыл бұрын

    على حد معرفتي الـ benchmarks اللي طلعت مع النسخة الجديدة من Nextjs محققتش ده فعلا. يعني حد عمل صفحة فاضية تماما مش محتاجة JavaScript طلعت معاها ملفات JavaScript بدون داع

  • @ma7moudashraf414
    @ma7moudashraf414 Жыл бұрын

    Thanks alot for the Impresive content

  • @Sherif51087
    @Sherif510874 ай бұрын

    منور يا ألفي . واحشني جدا...

  • @tahamanna3600
    @tahamanna3600 Жыл бұрын

    الحلقة جميلة جدا

  • @MrKaremnour
    @MrKaremnour Жыл бұрын

    جميل اووووووي

  • @abdomohamed425
    @abdomohamed425 Жыл бұрын

    جميل ♥️♥️

  • @user-je2qh2nj3e
    @user-je2qh2nj3e8 ай бұрын

    Big thanks

  • @MrKaremnour
    @MrKaremnour Жыл бұрын

    وعجبني اوي انه مطلع وقارئ

  • @AhmedElBanna
    @AhmedElBanna Жыл бұрын

    انا استخدمت Remix يا معلم في حالة نظام تنظيم سفن شحن السفن بيبقي فيها انترنت بتاع نص ساعة في اليوم بيفتحوه و بيقفلوه بعد ميخلصو و عندهم اجهزة قديمة عليها وندوز xp Remix with PWA كان ممتاز للحالة دي

  • @ahmadalfy

    @ahmadalfy

    Жыл бұрын

    ممتاز شكرا عل الفيدباك ❤ ده بيتماشى مع فكرة ال progressive enhancement اللي اتكلمنا فيها

  • @s7s_space

    @s7s_space

    Жыл бұрын

    شجعتني ابص عليه واجربه ، فيه مصادر معينه تنصحني بيه ليه ؟

  • @AhmedElBanna

    @AhmedElBanna

    Жыл бұрын

    @@s7s_space فيه كورس مجاني علي egghead بس ال tutorial اللي علي الويب سايت جميل و فيه plot twist موش عايز احرقهولك

  • @YoussefAhmed-is3gf
    @YoussefAhmed-is3gf10 ай бұрын

    ياريت تعملنا بلايليست زي ديه للباك اند

  • @Yahyaahmed93
    @Yahyaahmed93 Жыл бұрын

    Very informative one, keep going!

  • @mahaelburji4526
    @mahaelburji4526 Жыл бұрын

    البودكاست بينزل علي يوتيوب بس؟ ولا موجود ع اي بودكاست بلاتفورم؟

  • @ahmdelemam

    @ahmdelemam

    Жыл бұрын

    anchor.fm/ahmdelemam

  • @user-in5ov5yt4m
    @user-in5ov5yt4m10 ай бұрын

    اسم البودكاست ع castbox ؟

  • @abduqnauy5434
    @abduqnauy5434 Жыл бұрын

    من فضلك, هل لو مهندس (30 عام) بمجال مختلف عن البرمجة و هيغير مجاله و يدخل مجال ال web development في مصر, هل ممكن السن يكون مشكلة ؟

  • @mostafahesham2115

    @mostafahesham2115

    Жыл бұрын

    اه ولا بعض الشركات هتقلق والبعض لا ففرصك موجودة إن شاء الله لكنها مش افضل حاجة

  • @karimkh9

    @karimkh9

    Жыл бұрын

    اتكل على الله

  • @s7s_space

    @s7s_space

    Жыл бұрын

    خش يا نجم وتوكل ع الله.. إشتغل ريموتلي ولا فري لانسر.. مش السن هو إللي مشكله

Келесі