تقرير مهم جدًا لجهمور الـ JavaScript 🔻

2024 JavaScript Rising Stars 🌟

The 9th edition of JavaScript Rising Stars, your guide to the top trends and projects shaping the JS ecosystem in 2024. ✅

Table of Contents:

- Most Popular Projects Overall
- Front-end Frameworks
- React Ecosystem
- Vue Ecosystem
- Back-end/Full-stack
- Tooling
- Mobile
- State Management
- AI
- Styling / CSS in JS
- Component Libraries
- Testing
- Desktop
- Static Sites
- GraphQL

https://risingstars.js.org/2024/en

CSS Tip: Align Icons With Text. ⚡️

لو عايز تضيف خلفية ثلاثية الأبعاد (3D) لموقعك بطريقة سهلة وبسيطة، جرب موقع Neat. 🔥

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

📌 رابط الموقع:
https://neat.firecms.co

📌 رابط الموقع:

https://tech-blogs.dev

الفرق بين Containerization و Virtualization 🔻
.
.
إزاي السيرفرات بتشغل أكتر من تطبيق أو نظام تشغيل في نفس الوقت؟

علشان نجاوب على السؤال ده محتاجين نعرف مصطلحين مهمين في عالم السوفتوير [ Containerization و Virtualization ] ... الاتنين بيعملوا نفس المهمة تقريبًا: تشغيل أكتر من حاجة على نفس الجهاز.

تعال نوضح الفرق بينهم وامتى تختار كل واحد...

https://www.linkedin.com/posts/dev-alisamir_softwaredevelopment-softwaredeveloper-devabrguide-activity-7292074985139892224-Z3-J

Super Color Palette

📌 رابط الموقع:
https://supercolorpalette.com

أداة مثالية لتحليل أداء موقعك الإلكتروني. 🖥

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

———

📌 رابط الأداة:
https://gtmetrix.com

مفهوم الـ Reconciliation في React 🔰
.
.
لو أنت من عشاق React، أكيد لاحظت إن التعديلات اللي بتعملها على الـ state أو الـ props بتنعكس على الواجهة بسرعة، ومن غير ما تحس بأي بطء أو تهنيج في الصفحة. لكن عمرك فكّرت إزاي React بتعرف تغيّر الحاجات اللي اتعدّلت بس من غير ما تعمل كل حاجة من الأول؟ 🤔

تعال ندردش شوية ونتعمق في مصطلح الـ Reconciliation 👇

———

📍 LinkedIn:
https://www.linkedin.com/posts/dev-alisamir_react-reactdeveloper-frontenddeveloper-activity-7292589477334544384-on7J

📍 Facebook:
https://www.facebook.com/share/p/12ECsz4qZdK

كورس مهم جدًا لجماعة الفرونت إند ⚡️

الفرونت إند الشاطر مش بس بيكتب كود كويس وابن ناس، لكن كمان يبقى قادر إنه يبني تطبيقات قابلة للتوسع والتطوير بسهولة. 💡🚀

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

هتتعلم إزاي تبني مشاريع تعيش لفترة طويلة بدون ما تقابل كابوس التعديلات. 🔥

———

Fundamentals of Frontend Architecture Course 🚀

- Learn how to Build frontend applications at scale using the fundamentals of software design and architecture.

https://frontendatscale.com/courses/frontend-architecture

مش لازم تفتح المشروع وتقرأ الأكواد كلها علشان تفهم هو شغال إزاي، لأن الموقع ده هيساعدك جدًا.✨

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

كمان تقدر بكل بساطة تستبدل كلمة "hub" بـ "diagram" في أي لينك على GitHub، وهيحولك مباشرة للرسمة التوضيحية للمشروع. ⚡️

———

📌 رابط الموقع:
https://gitdiagram.com

تركاية فرونت إند ع السريع ⚡️

إزاي تعمل تسجيل للشاشة في المتصفح باستخدام JavaScript من غير ما تعتمد على مكتبات خارجية؟ ⏯️

في الفيديو ده، طريقة شرح إزاي تستخدم Native JavaScript علشان تبني Screen Recorder بسهولة. 🚀

———

Native JavaScript Screen Recorder 🔻

Use the Screen Capture API to create a browser-based screen recorder with JavaScript, enabling users to capture their screen activities effortlessly.

———

🔗 Tutorial Link:
https://youtu.be/qZvnGXHCOMk