14 episodes

نصف ساعه اسبوعيا من الهبد في مجال الفرونت ايند والجافاسكربت بالعربي

Untyped Abdelrahman Awad

    • Technology

نصف ساعه اسبوعيا من الهبد في مجال الفرونت ايند والجافاسكربت بالعربي

    Caching

    Caching

    في الحلقة دي بنتكلم عن الـ Caching في الفرونت ايند وايه الطرق والادوات المتاحة لينا علشان نحسن الأداء وحاجات معينة في الويب ابليكيشنز بتاعتنا.



    حنتكلم برضو عن الاستراتجيات الي تقدر تستعملها في الـ Caching وازاي دا بيأثر علي تجربة المستخدم في النهاية وايه انسب استراتيجية بشكل عام.



    لينكات مفيدة:




    Cache API
    IndexedDB best practices
    Cache control headers (Browser cache)
    Udacity offline web apps course
    Service worker recipes (Cache strategies)

    • 41 min
    Confidence by Testing

    Confidence by Testing

    في الحلقة دي حنتكلم عن الـ Testing وايه الهدف منه اصلاً. حنشوف ايه انواع الـ Tests المختلفة والي بقت من متطلبات شغلنا النهاردا. وكالعادة ليا اراء معينة قد تتفق او تختلف معها.



    لينكات مفيدة:




    MSW (API mocking framework)
    Testing RNGs
    Playwright
    Pact (Contract testing framework)
    Web Workers X (Twitter) Space
    EgyptJS

    • 43 min
    Monitoring and Observability

    Monitoring and Observability

    انت دلوقتي عملت deploy للأبليكيشن بتاعك، وبعدين؟ هل هو شغال عند الناس التانيه ولا لا؟ هل في ايرورز بتطلع؟ ليه الناس بتقول عليه بطئ او مبيحملش؟ وليه الناس دي بتسأل علي feature انت عاملها بقالك شهور!



    في الحلقة دي بنتكلم عن موضوع يتم تجاهله كثيراً في الفرونت ايند. ازاي تراقب الابليكشن بتاعك علي اجهزة الناس التانيه وازاي تستفيد من دا انك تحسن من الابليكشن بتاعك وازاي دا نص الشغلانه التاني الي محدش بيجيب سيرته كتير.

    • 26 min
    Fetch!

    Fetch!

    مؤخرا شفت ناس لسه بتستعمل XHR و Axios في ٢٠٢٣ وعلشان كدا في الحلقة دي بنتكلم عن Fetch وليه لازم تستعملها بدلاً من اي مكتبة تانيه. بناقش الاختلافات وميزات هذه الاختلافات وايه علاقتها بالStreaming والسبب الوحيد الي يخليك ترجع لXHR.



    لينكات مفيدة:




    Fetch API
    You may not need axios
    Fetch download progress workaround
    Abort controller

    • 35 min
    Headless Components

    Headless Components

    بنتكلم عن الHeadless components وايه الفروق بينها وبين حاجات مشابهة زي Renderless components وامتي استعملهم واعتقاداتي الشخصية عن مدي قدرتهم علي حل المشكلة الازلية بتاعة Buy vs. Build.




    Radix UI
    React-aria

    • 32 min
    Web Workers Overview

    Web Workers Overview

    في الحلقة دي بنتكلم عن ال Web workers وانواعهم المختلفة وامتي بستعمل كل نوع فيهم وبدي امثلة عملية عن الاستخدامات المناسبة لكل واحد فيهم الي استعملتهم فعلياً في شغلي.



    لينكات مفيدة:




    Sharing Websocket connections
    Service workers lifecycle
    Partytown
    Concurrency worker scaling example
    Web workers API | MDN
    Transferable objects | MDN

    • 46 min

Top Podcasts In Technology

Lex Fridman
NPR
Jason Calacanis
The New York Times
Jack Rhysider
Ben Gilbert and David Rosenthal