Untyped

Untyped

By Abdelrahman AwadTechnology
Download on the App Store

Untyped episodes

  • Where did the JAMstack go?

    الـ JAMstack كان مصطلح بتسمعه كل يوم في حياتك كفرونت ايند وناس كتيرة كانت بتيجي تقولك تعالا نعمل ويبسايت باستعمال الطريقة دي.


    لكن دلوقتي الكلمة اختفت تقريباً واتضح انها لم يكن ليها معنى من البداية، ايه القصة؟


    - Is Jamstack Officially Finished?

    - How to Blow Up a Category - Netlify's New Era and The JAMstack Endgame

    - JavaScript JAM Newsletter


    23 min
  • The hoops of array loops

    في الحلقة دي بنغطي الـ For loos والفروق ما بين For ... in و For ... of مع بعض التعمق في ازاي بيشتغلو. واكيد في سؤال مهم اجا علي بالك، امتي استعملهم خاصة وانا عندي طرق اسهل مع ال( Array methods زي forEach و map.


    وبختم بايه حكاية every وازاي ممكن تعملي مشاكل غير متوقعة!


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


    • Enumerability and ownership of properties
    • ES2023 New array methods
    • JavaScript WTF: Why does every() return true for empty arrays?
    • Antecedent
    • Vacuous Truth
      • 40 min
    • Code splitting and lazy loading

      في الحلقة دي حنتكلم عن الـ Code splitting واهدافه والغرض من اننا نـ Lazy Load الكود بتاعنا وازاي اعرف اد ايه من الكود بتاعي ممكن نعمله Split مع Chrome Devtools.

      وايه آثار ذلك علي الأداء وتجربة المستخدم وهل دا شئ كثرته كويسة ولا لأ؟


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


      • Dynamic imports - Vite.js
      • Async components - Vue.js
      • Lazy - React
      • Astro Client Directives
      • preloadComponent - Nuxt.js
        • 32 min
      • Deduping and Batching HTTP Requests

        في هذه الحلقة بنتكلم عن اثرين جانبيين للأسلوب الـ Declarative في بناء الويب الي كلنا بنكتب به ونتيجة ذلك علي الـ HTTP Requests وازاي نقدر نحلهم بشوية فهم ولعب مع الـ Promises.


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


        - Request Deduplication - villus source

        - Request Batching - villus source

        38 min
      • Micro Frontends

        في الحلقة دي بتكلم عن الـ Micro Frontends وايه الاسباب الي ادت لنشأة الفكرة وفي نفس الوقت بتكلم عن مشاكلها علي الصعيد التقني والإداري في الشركات.


        لو انت بتستعمل Micro Frontends في شركتك، شاركنا بتجربتك واسبابك وممكن نناقشها في حلقة اخري.

        28 min
      • ESM vs. CommonJS

        في هذه الحلقة بنتكلم عن الـ Modules في الجافاسكربت الي بتسمحلنا نكتب كود ونستعمله في اكثر من مكان واكثر من مشروع.


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

        32 min
      • Linting and Formatting

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


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


        روابط مفيدة:


        • ESlint
        • JSLint
        • JS Standard
        • Prettier
        • TypeScript ESLint
        • Husky
        • lint-staged
          • 38 min
        • Debouncing Madness

          توبيك صعب شوية فهات قهوة او شاي معاك.


          في الحلقة دي بنتكلم عن الـ Debouncing وليه بنستعمله في حاجات كتيرة، وقد تعتقد انه دايماً بيعتمد علي Delay ثابت ولكن زي ما حتكتشف في الحلقة حتلاقي ان ممكن نخليه يعتمد علي اي حاجة احنا عايزنها وازاي دا بيفرق معاك في الكود الي بتكتبه.


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


          • Debouncing and Throttling Explained Through Examples
          • throttle-debounce npm library
          • Leading vs Trailing edge debouncing
          • debounceAsync implementation
          • debounceNextTick implementation
            • 38 min
          • Caching

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


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


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


            • Cache API
            • IndexedDB best practices
            • Cache control headers (Browser cache)
            • Udacity offline web apps course
            • Service worker recipes (Cache strategies)
              • 42 min
            • Confidence by Testing

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


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


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

              About Untyped

              From the publisher's feed

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