- 77
- 35 365
Abdelrahman Awad
เข้าร่วมเมื่อ 14 ก.ย. 2013
Hi 👋
I'm a senior engineer at @Rasayel. Based in Cairo, Egypt 🇪🇬
👨💻 I'm a GDE in Web Technologies.
🗣️ I speak at international conferences and events throughout the year 🇩🇪🇮🇹🇺🇸.
⚡️ Technologies I work with: JavaScript, TypeScript, Node.js, CSS, HTML, Vue.js, Nuxt.js, TailwindCSS.
✍️ I blog about Vue.js, GraphQL and Frontend topics at logaretm.com
🎙️ I host Untyped and A Point of Vue podcast in Arabic.
🗓️ Organizer at EgyptJS Meetup
I'm a senior engineer at @Rasayel. Based in Cairo, Egypt 🇪🇬
👨💻 I'm a GDE in Web Technologies.
🗣️ I speak at international conferences and events throughout the year 🇩🇪🇮🇹🇺🇸.
⚡️ Technologies I work with: JavaScript, TypeScript, Node.js, CSS, HTML, Vue.js, Nuxt.js, TailwindCSS.
✍️ I blog about Vue.js, GraphQL and Frontend topics at logaretm.com
🎙️ I host Untyped and A Point of Vue podcast in Arabic.
🗓️ Organizer at EgyptJS Meetup
Coming up with Formwerk
في الحلقة دي بتكلم عن بروجكت Open-source نشرته مؤخراً اسمه Formwerk.
الحلقة مش Technical لكنها بتتطرق لازاي بحدد اني اعمل مشروع open-source جديد ولا اكمل على مشروع قديم، ازاي بحدد ان لما اصغر الـScope اقدر اقدم اكثر للمستخدم في الحتة الصغيرة الي انا بعملها في المشروع.
حابين اقتراحتكم ومشاركتكم في المشروع!
لينكات مفيدة:
• Headless Skinless Boneless Lifeless UI (nerdy.dev/headless-boneless-and-skinless-ui#lifeless-ui)
• Formwerk (formwerk.dev/)
الحلقة مش Technical لكنها بتتطرق لازاي بحدد اني اعمل مشروع open-source جديد ولا اكمل على مشروع قديم، ازاي بحدد ان لما اصغر الـScope اقدر اقدم اكثر للمستخدم في الحتة الصغيرة الي انا بعملها في المشروع.
حابين اقتراحتكم ومشاركتكم في المشروع!
لينكات مفيدة:
• Headless Skinless Boneless Lifeless UI (nerdy.dev/headless-boneless-and-skinless-ui#lifeless-ui)
• Formwerk (formwerk.dev/)
มุมมอง: 262
วีดีโอ
Shaking Things Up
มุมมอง 395หลายเดือนก่อน
في الحلقة دي بتكلم عن الـ Tree Shaking ونتج ازاي وليه هو حاجة مرغوبة في شغلنا النهاردا سواء كمطورين مكتبات او في شغلنا العادي. بعرفك ايه الحاجات الي ممكن تمنع الكود بتاعك انه يتعمله Tree Shaking وايه القواعد بتاعته وليه اصلاً الموانع كدا وازاي تغيير بسيط في الـ Syntax او شكل الكود يقدر يأثر علي ذلك. لينكات مفيدة: • MDN Entry on Tree Shaking (developer.mozilla.org/en-US/docs/Glossary/Tree_shakin...
One Page at a Time
มุมมอง 3852 หลายเดือนก่อน
في الحلقة دي بتكلم عن الـ Pagination في الفرونت ايند وايه المشكلة الأساسية الي بيعالجها وليه هو من اول الحاجات الي لازم تضع قواعدها مع الباكيند. بغطي الاشكال المختلفة للـ Pagination والفروقات بين كل Model والتاني وازاي بيفرقوا في تجربة المستخدم في النهاية مع بعض الامثلة العملية لامتي تستعمل اياً منهم.
Best Friends Forever?
มุมมอง 5032 หลายเดือนก่อน
تخيل الموقف: بتكلم صديقك الـ Backend وعايزه يجمعلك داتا من ٢ Endpoint مع بعض لكن هو رافض علشان دا مش Restful API صح والمبادئ المعينة الي لا تعني لك شئ في الفرونت تحتم عليه انه ميعملش كدا. سيناريو تاني، مش عارف تعمل ايه بالـ JWT ولا تخزنه فيه او تعمله Refresh بشكل مناسب ازاي. في الحلقة دي بنكتشف فكرة الـ. Backend for Frontend وازاي بتحل احد مشاكل الـ Architecture الكبيرة في السيناريوهات دي وازاي...
Cache Me If You Can
มุมมอง 4172 หลายเดือนก่อน
هل طورت عادة انك تفتح اللينكات في tabs جديدة بسبب انك عارف انك لو دوست Back مش حيرجعك مكانك في الصفحة السابقة؟ ايه رأيك لو قولتلك انك تقدر تتحكم بدا كـ developer؟ في الحلقة دي بتكلم عن الـ Back/forward cache وازاي كانت مبهمة لفترة لكن مؤخراً بقا عندنا APIs وادوات نقدر نستعملها علشان نفعلها في الويب ابليكشنز بتاعتنا وكمان نقدر نعملها debugging ونقيس مدى فعاليتها علشان نستغلها لتحسين اداء صفحات ا...
شغل نقاشة | Scroll Driven Animations | Ep. 4
มุมมอง 2453 หลายเดือนก่อน
في الجلسة دي من شغل نقاشة، انا والفي هنعرفكم على إزاي نعمل Animations مربوطة بمكان الـ Scroll، وازاي دا بقا ممكن غير اي جافاسكربت خالص عن طريق Scroll-driven animations في الـ CSS. المواضيع اللي هنتناولها ستشمل: 📌 ازاي دي CSS فقط وتفرق ايه عن الـ Scroll Event و الـ Intersection Observer. 📌 أمثلة عن ازاي ممكن تستعمل الخاصية دي في مواقف مختلفة. 📌 دعمها في المتصفحات وهل ممكن تعملها Polyfill ولا لا....
شغل نقاشة | Details and Summary Elements | Ep. 3
มุมมอง 933 หลายเดือนก่อน
انا و Ahmad Alfy بنستكشف عنصر الـ details و summary في HTML. في الجلسة دي، هنتعرف على إزاي نستخدم عنصر الـ details لعرض وإخفاء المحتوى، وكمان هنعرض أمثلة عملية للكود. سواء عايز تستخدمه من غير جافا سكريبت أو عايز تتحكم فيه بنفسك. هنتكلم كمان عن: 📌 التفاعل مع الـ summary من خلال الكيبورد. 📌 إزاي تستايل السهم بتاع الـ summary. 📌 ازاي خاصية الطباعة بتتفاعل مع العنصر دا. 📌 إزاي محركات البحث في الصفح...
شغل نقاشة | Popovers and Anchor Positioning | Ep.2
มุมมอง 1613 หลายเดือนก่อน
انا والفي حنتكلم عن حاجتين جداد نزلو السنة دي في الـ HTML والـ CSS وتقدر تبدأ تستعملهم الأن. الـ Popovers والـ Anchor Positioning مع بعض هو ما نسميه بـ Game-changer لان مش بس حتقدر تخلي الـ Elements تطفو علي الشاشة بسهولة، حتقدر برضو تضعهم في اي مكان حول اي Element وتتكيف مع المساحة المتاحة.مع الادوات الجديدة دي تقدر تبني Tooltips، Menus، Selects وغيرهم بجافاسكربت شبه منعدمة.
شغل نقاشة | The Dialog Element | Ep.1
มุมมอง 4783 หลายเดือนก่อน
هل كنت تعرف ان فيه Dialog Element في الـ HTML؟ هل استعملته مؤخراً؟ في البث ده، هنغوص في تفاصيل العنصر ده اللي بيستخدم لإنشاء (modals) بسهولة ومن غير اللجوء لمكتبات خارجية معقدة. انا و Ahmad Alfy حنتكلم لايف عن الـ Dialog ونجاوب علي اسألتكم. 🎯 إيه اللي هتتعلمه: ✅ التاريخ وراء عنصر الـ dialog وتنفيذه في المتصفحات الرئيسية. ✅ ازاي بيحسن تجربة المستخدم ودعم الوصول لذوي الاحتياجات. ✅ ازاي بيساعد في ...
Of CORS You’re Blocked!
มุมมอง 4513 หลายเดือนก่อน
في الحلقة دي بتكلم عن موضوع قد يكون معقد لكن في حقيقته هو بسيط، لكنه معقد ناس كتيرة في مجالنا علي الجبهتين سواء فرونت ايند او باك ايند. في الحلقة دي باخد الموضوع من اوله وبشرح ليه فهمك للـ CORS بشكل صحيح يقدر يخليك تحل مشاكله بشكل اسرع وفي نفس الوقت يخليك تقدر تستعمل كأداة Security. لينكات مفيدة: • CORS | MDN (developer.mozilla.org/en-US/docs/Web/HTTP/CORS) • Origin | MDN Glossary (developer.mo...
Progressive Enhancement vs Graceful Degradation
มุมมอง 2475 หลายเดือนก่อน
Progressive Enhancement vs Graceful Degradation
The Developer Road to Open Source World بالعربي
มุมมอง 3.6K6 หลายเดือนก่อน
The Developer Road to Open Source World بالعربي
Debugging JS with logs and breakpoints
มุมมอง 2417 หลายเดือนก่อน
Debugging JS with logs and breakpoints
الشعب يريد فديو عن. next😅
ممكن لينك الجزء الثاني عشان مش لاقيه
اتمنى تتكلمو عن roadmap او practices تساعد على الانتقال من مستوى نقّاش mid الى seniority اعلى
القاعدة عموماَ انك متحطش block جوا inline.
🥰🥰🥰🥰
محبكم من سوريا
❤
محتوى مفيد جدا يا بشمهندس ❤
شكرا اوى ياجماعه❤❤
لكن scroll wheel لا تعمل مع horizontal scrolling لهذا مازلنا نحتاج استخدام مكتبات لل slider هل هناك hack لتغلب علي هذه النقطه ؟
جامد
oh snap! two CSS rock stars right here!
Thank you! 🙏 Also, Nice one 😬
ليه مش ممكن يتعمل كورس كامل في Vue.js عشان يساعد الناس تتقدم؟
حضرتك ما شاء الله بتقدر تنجز ده كل ده مع شغل full time ما شاء الله وشابف أن حضرتك مقصر؟!!! بسم الله ما شاء الله عليك بجد ده انا مع الشغل لو شوفت برودكاستين أو قريت شويه فى الدوكمنتيشن بتاع اى مكتبه باستخدامها فى الأسبوع بشوفه إنجاز ايه السر؟!
ممكن اعمل download للفيديو بحيث اشوفه وانا فى المواصلات ؟
طبعاً
جميل جدا بالتوفيق يا رب بالنسبة لامكانيات الوصول, تواصل مع الشماسي, احسن واحد يساعدك فيها هو واحد يستخدمها كل يوم
بالتوفيق يا هندسة ❤
جميل جدا جدا بالتوفيق
I hope you to record a proffesional course of vue js soon because there is no a qualified one in the arabic area. Thx ❤
هو جامد وكل الكلام الجميل ده ب انا بستخدم react 😭😭😭
جاسوس, اعطوه باند 😆😆😆
بجد شرحك حلو جدا عاش
أنا بحب عبدالرحمن عوض
حلقة جميلة
15:21 اسمه اي؟
7:28 لو سمحت ممكن لينك ال talk وال slides حضرتك تقريبا نسيت تضيفهم لوصف الفيديو للأسف
34:18 في انتظار حلقة ال streams api
هل ظهر حاجة تخليني أعمل progress tracking باستخدام fetch ؟
لا حتى الان مفيش لل upload
لو ممكن حلقة من ذكريات الماضي عن ال XHR
5:53 ممكن اسم البودكاست؟
يعني اي full page navigation
40:30 ازاي أقدر أقول انها بتfit ال design أو لا لو فيه خطوات أو check list تساعدني أحسم قرار زي دا؟
آخر ١٠د فيهم معلومات رهيبة ❤
16:44 طب لو عايز أتعلمها هل فيه resources حضرتك ترشحها بحيث اعرف اكتر عن الموضوع؟
many thanks
تسلم يا هندسة ♥️
فيديو جميل
ترجع ب السلامه ❤
ياريت يا بشمهندس تغيرلنا الصورة و الانترو :)
تقترح ايه؟
@@logaretm صورة لنكدان أفضل بكتير بالهودي الأسود مش عارف ليه بحس الصورة دي بفتكر بريزون بريك :)
جميل جدا القناة دي لازم تتشهر
Thank You. Notes - Try to understand codebase and make sure to follow contribution guidelines. 15:12 - Don't contribute to just contribute, but contribute to provide value. 17:43
Thank you. Notes - What to consider when opening issue? 45:12 - Write steps to reproduce the bug, otherwise your issue would be closed. - How to choose project to contribute to? 1:37:57 - Check activity of maintainers on open issues and pull requests. - How to start contributing to a project? 1:37:57 - Open issue first: - To discuss the what and why of your contribution even if it's good (except typos) - Write issue with mindset that maintainer is the one who will live with your code so try to sell your idea and make him like it since you are just probably passer by.
تسلم يا هندسه جزاكم الله خيرا
I really like how you name your episodes.
+
خليتني ادخل ب الغلط
model استخدمته مع vuetify لاكن مكنتش اعرف ان فيه element كده للاكن بشتغل عليه ب افة شكرا لحضرتكم ❤
حلقة لذيذة ، الله يقويكم يا رب
امتا الحلقة التالتة ❤❤
❤
شغل نقاشة فاخر بجد 👏🏻👏🏻👏🏻👏🏻♥️
حلقة رووعة
حلقه رهيبه و تفاصيل لذيذه جدا ❤❤