Untyped

Untyped

By Abdelrahman AwadTechnology
Download on the App Store

Untyped episodes

  • Functional Jargon

    في الحلقة دي بتكلم عن الـ Functional Programming وبعض من مصطلحاتها الغريبة وبرمي امثلة عبيطة تفهمك الفكرة وبرمي امثلة تانية عملية اكثر وتوريك انك بالفعل بتستعمل الحاجات دي كل يوم من غير ما تاخد بالك.

    في نفس الوقت، بربط ما بين المصطلحات دي في صورتها ككود وازاي احنا بنطبقها في الـ Components.

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

    • Functional Light JS
    • Currying
    • A very old presentation I did on functional JS
    • Vue.js Scoped Slots
    • Children Props
    • Untyped episode on Immutability
    • Untyped episode on Array Methods
      • 50 min
    • Optimizing Images

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


      هنتكلم عن أحدث التقنيات والأدوات اللي تقدر تستخدمها في تحسين الصور، من غير ما نضحي بالجودة، وكمان هنعرف إزاي تختار الصيغة المثالية للصورة وتستخدم الضغط الصحيح بدون ما تفقد جودة الصورة.


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


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


      • Responsive Images | MDN
      • Largest Contentful Paint (LCP) | Web.dev
      • Cumulative Layout Shift (CLS) | Web.dev
      • Maximally optimizing image loading for the web
      • Loading attribute | MDN
      • Decoding attribute | MDN
      • Vite Image Preset Plugin | MDN
      • Device Pixel Ratio | MDN
        • 44 min
      • TailwindCSS Overview

        في الحلقة دي بتكلم عن TailwindCSS وبنشوف ليه اكتسح الساحة واحدث تغيير كبير في ازاي بنكتب الـ CSS.

        بنلقي نظرة برضو علي نقاط النقض وسلبياته الي بيطرحها البعض وبنرد عليها وهل هو فعلاً كانك بتكتب inline styles ولا لا!

        وليه في وجهة نظري هو طريقة جديدة لكتابة الـ CSS وليس تبسيطاً له.


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


        • TailwindCSS
        • In defense of utility first CSS
        • Adding Tailwind Variants
        • TailwindCSS Intellisene for VSCode
          • 42 min
        • Zero JS with Astro

          في الحلقة دي بناخد نبذة عن Astro Framework والافكار المميزة الي قدمها للـ Ecosystem وجعلته الافضل في استخدامات عديدة زي مواقع المحتوي.

          برضو بنبص ليه الـ Islands architecture ميزته من ناحية السرعة وليه هي حل عبقري لمشاكل الـFrameworks الي بنستعملها.


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


          • Astro.js
          • Astro Islands
          • Sharing state with nanostores
          • Zod
          • Content collections
          • View transitions API
          • View transitions
            • 40 min
          • Abort Signals

            في الحلقة دي بنتكلم عن افضل طريقة لو عندك Request واخد وقت اكتر من اللازم وعايز تلغيه، او مجموعة مع بعض وعايز تلغيهم كلهم في نفس الوقت. كل دا مع استخدامات تانية غريبة للـ Abort Signals.


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


            • XHR - MDN
            • AbortController - MDN
            • AbortSignal - MDN
            • Aborting Fetch - JavaScript Info
            • Event Target signal option - MDN
            • Close Watcher API - Logaretm.com
              • 29 min
            • Slow Down, Serve Better

              في هذه الحلقة بتناول ثقافة الـ Performance المتمركزة حول الـ Load speed وبالرغم من اهميتها الا انها لا تحكي تجربة المستخدم كاملة وبالتالي سعيك فيها بلا فهم قد يؤدي الي نتائج سلبية.


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


              • Core Web Vitals
              • Interaction to next paint
              • Page speed insights
                • 41 min
              • Time keeping with Temporals

                في الحلقة دي بنتكلم عن مشاكل الـ Date في الجافاسكربت وليه مقترح الـ Temporals بيهدف لحل المشاكل دي عن طريق نظام سلس بيمثل اكثر من استخدام لعناصر التواريخ والتحويل ما بينهم بسهولة.


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


                • Temporals Proposal GitHub
                • Temporals docs
                • Temporals cookbook
                • Temporals polyfill implementation
                  • 34 min
                • A Tale of Two Queries

                  في هذه الحلقة باخدكم في لفة حول الـ GraphQL من كذا منظور وبنبص علي المشاكل الي بيحلها ومشاكله وازاي نحلها وشوية نصائح و Best practices. وليه في اعتقادي، مفيش سبب يمنعك من استعماله!


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


                  • Ahmad Elemam's Tech Podcast: GraphQL from Zero to Zero
                  • GraphQL org
                  • Authentication and Authorization in GraphQL
                  • My old internal presentation on Lessons learned from GraphQL
                    • 55 min
                  • Being practical about PWAs

                    كانت فكرتي عن الــPWAs غلط من ساعة ما اتعلمتهم واعتقادي ان دا مستقبل الويب، وبعد ما جربت اطبقهم علي شغلي اليومي حسيت ان ملهمش لازمة لان استخداماتهم قليلة ومش لكل انواع الويب سايتس.


                    لكن دلوقتي الـ PWAs بيمثلوا مجموعة افكار وتقنيات تقدر تستعمل منهم ما ينفعك ويفيدك وتترك مالا يعنيك، في الحلقة دي بديك امثلة ويعني ايه PWA دلوقتي.


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


                    • Web.dev PWA articles
                    • PWA display modes
                    • PWA installation criteria
                    • PWA core checklist
                    • Offline UX design guidelines
                      • 36 min
                    • Immutability

                      في هذه الحلقة بنتكلم عن الـ Immutability و الـ mutability وازاي بيأثروا علي علي الكود الي احنا بنكتبه وانهي منهم تعتبر خاصية مرغوبة اكثر من التانية ولا كل واحدة ليها نقاط قوة يجب استغلالها في مكانها.


                      وبرضوا بنبص علي الـ Frameworks وازاي بعضهم بيفرض واحدة منهم عليك وليه.


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


                      • حلقة مقارنة الـ Frameworks مع احمد الأمام
                      • Immer
                      • Mutable - MDN Definition
                      • Mutability vs Immutability in JavaScript
                        • 46 min

                      About Untyped

                      From the publisher's feed

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