Untyped

By Abdelrahman Awad

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

· Technology

Download on the App Store

Download on the App Store

Get it on Google Play

FAQs about Untyped:

How many episodes does Untyped have?

The podcast currently has 75 episodes available.

Untyped episodes:

July 14, 2024Ship Faster with Feature Flags
في الحلقة دي بتكلم عن Technique مهمة جداً نعرفها وهي الـ Feature Flags.
بتكلم عن ازاي بتسمح لينا اننا نختبر Features جديدة بدون ما نأثر علي المستخدمين الحاليين وازاي بنعملها Release لكل المستخدمين بدون تغيير اي حاجة في الـ source code.
بدي امثلة عملية من شغلي وازاي وجهة نظري السلبية عنها تغيرت لايجابية، وايه الادوات والتقنيات الي ممكن تساعدك في ادارتها بفعالية.
لينكات مفيدة:
Flipper

OpenFeature
...more
32min
July 07, 2024Mobile Apps with JavaScript
في الحلقة دي بتكلم عن تجربتي والخبرة الي اكتسبتها في Rasayel اثناء شغلنا علي الـ Mobile app وليه اتجهنا للجافاسكربت في عمله وايه الي كسبناه وخسرناه من هذا القرار.
بنتكلم كمان عن الادوات الي حتحتاجها وازاي تاخد القرار المناسب في شغلك لما يجيلك حد يقولك "عايزين mobile app".
لينكات مفيدة:
What PWA Can Do Today

Cordova

Ionic Framework

Capacitor
...more
40min
June 30, 2024Building Multilingual Apps
في الحلقة الدسمة دي بنتكلم عن كل حاجة متعلقة بلغة المحتوي وازاي بتفرق معانا في الـ Styling والـ State وازاي حتى بنكتب HTML وايه الادوات المتاحة لينا علشان نعرف نعمل ويب ابليكشن متعدد اللغات.
بناخد الموضوع من اول الـ CSS والـ HTML لغاية ازاي نتعامل مع الـ API بشكل سليم.
لينكات مفيدة:
Alfy's CSS-tricks article

HTML "dir" attribute | MDN

HTML Standard on dir attribute

unicode-bidi property | MDN

Unicode Bidirectional Algorithm

Logical Properties | MDN

LingUI

ICU Message Format

VueI18n
...more
55min
June 26, 2024Questioning the RSC Model
في الحلقة دي بتكلم عن الـ RSC او React Server Components كـ Model يهدف لحل مشكلة الـ Network وتحديداً ايه المشاكل الي شايفها فيه وهل هذا الحل يستحق المشاكل الاخرى ولا لا؟
لينكات مفيدة:
React Server Components | React Docs

Making Sense of React Server Components

React, Solid, HTMX

Evan You's tweet on version Skew

EgyptJS's Panel on the Network Chasm

Untyped App Versioning Episode
...more
43min
June 17, 2024Debugging JS with logs and breakpoints
كل سنة وانتم طيبين، في الحلقة دي بتكلم عن الـ Debugging عن طريق الـ console.log واخواتها وكمان بتكلم عن الـ breakpoints ونكهاتها المختلفة.
وهدف الحلقة اني اشرحلك الفروقات الرئيسية بينهم علشان تعرف تستعمل كلا منهم في الموقف المناسب، والموضوع ملهوش علاقة بمستوى الخبرة.

لينكات مفيدة:
Console API | MDN

Pause your code with breakpoints

debugger statement

Debugging in VS Code
...more
37min
June 09, 2024SEO Best Practices
في الحلقة دي بتكلم عن الـ Search Engine Optimization، ازاي بيشتغل، وازاي بيفرق معانا في نوع الادوات والـ Frameworks الي بنستعملها وايه اهم الـ Best Practices والـ Meta tags الي محتاجين ناخد بالنا منها.
لينكات مفيدة:
How Google search works

Viewport Meta tag | MDN

favicon generator

Meta tags for SEO | ahrefs

The Open Graph Protocol

Open Graph meta tags | ahrefs

Google Structured data and rich snippets

JSON-LD

Google Search Console

ahrefs
...more
47min
June 05, 2024Promises Unwrapped
الـ Promises احد اهم الحاجات الي بنتعامل معاها في الجافاسكربت وغيرت طريقة كتابتنا من 2015 وقبلها كمان.
في الحلقة دي بتكلم عن اهم خواص الـ Promise كـ value وازاي كل خاصية منهم يمكن استخدامها بشكل عملي ومفيد في شغلك النهاردا وبعض النصائح مع async/await.
لينكات مفيدة:
Promise Object | MDN

Promise basics | JavaScript Info

My very old presentation on Promises

Futures and Promises | Wikipedia

Previous Episode on Deduping HTTP requests

Previous Episode on PWAs
...more
48min
May 27, 2024Scroll Driven Animations
في الحلقة دي بتكلم عن خاصية جديدة في الـ CSS حتغير من طريقة تعامنا مع الـ Animations المربوطة بالـ scrolling والتي كانت من ابرز التحديثات للويب الي تم الإعلان عنها في Google I/O 2024.

في الحلقة امثلة عملية لحاجات بنعملها كتير بالجافاسكربت والي حتتغير تماماً مع الـ scroll timeline الجديدة وليه انا كشخص مش ضليع بالـ CSS متحمس ليها!

لينكات مفيدة:
Latest in Web UI - Google I/O

Story Telling Animations Demo

Fixed Header Demo

Scroll to Bottom/Top Demo

scroll-timeline - MDN

Scroll-driven animations case study

Scroll-driven animations Demos
...more
38min
May 19, 2024Lying with Optimistic UI
في الحلقة دي بتكلم عن الـ Optimistic Responses كـ Pattern مهم لازم تتعلمه وتعرف تطبقه بسبب اثره علي الـ Performance والـ UX.
بناقش ايه الشروط المناسبة ليه، وبدي امثلة عملية عن حاجات انت بتستعملها كل يوم بتطبق الاسلوب دا بشكل ناجح وازاي بيأثر عليك كمستخدم للحاجات دي وكمان امتي مستعملهوش!
لينكات مفيدة:
True Lies of Optimistic User Interfaces

Optimistic mutation results - Apollo Docs

Pending UI - Remix Docs
...more
44min
May 12, 2024Just Enough DevOps
في الحلقة دي بتكلم عن مقدار المعلومات في الـ DevOps و الـ CI/CD الي لازم تكون عندك وتكتسبها كـ Frontend علشان تكون فعال في سوق العمل.
بتكلم عن ادوات مختلفة محتاج تتعلمها علشان تقدر تـ Deploy شغلك للناس. فبعدي علي ازاي ترفع بروجكت بسيط علي سيرفر بدائي وبعدين ازاي تبدأ تستعمل Docker و Nginx وغيرهم من الادوات الي بنستعملها يومياً ولا غنى عنهم في شغلنا.

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

Deploy on Netlify

Deploy Node.js App with Docker

PM2

Certbot
...more
40min

FAQs about Untyped:

How many episodes does Untyped have?

The podcast currently has 75 episodes available.