تعلّم إطار العمل Next.js باستخدام React
ابدأ رحلتك في تطوير تطبيقات الويب المتقدمة عبر تعلم Next.js، الإطار الذي يعتمد على React ويتميز بالسرعة والديناميكية وسهولة النشر. الدورة مرئية وعملية بالكامل.
📺 شاهد الدورة
https://www.youtube.com/watch?v=mTz0GXj8NN0&ab_channel=TraversyMedia
ابدأ رحلتك في تطوير تطبيقات الويب المتقدمة عبر تعلم Next.js، الإطار الذي يعتمد على React ويتميز بالسرعة والديناميكية وسهولة النشر. الدورة مرئية وعملية بالكامل.
📺 شاهد الدورة
https://www.youtube.com/watch?v=mTz0GXj8NN0&ab_channel=TraversyMedia
YouTube
Next.js Crash Course
In this video we will look at the fundamentals of Next.js such as SSR & SSG, routing, data fetching, apis and more
Code:
https://github.com/bradtraversy/next-crash-course
Next.js Udemy Course:
https://www.udemy.com/course/nextjs-dev-to-deployment/?refe…
Code:
https://github.com/bradtraversy/next-crash-course
Next.js Udemy Course:
https://www.udemy.com/course/nextjs-dev-to-deployment/?refe…
خمس نصائح من محترفين لتحسين جودة مشاريعك
سواء كنت تعمل على موقع أو تطبيق، هذه النصائح ستجعلك تخرج بمشروع متكامل بأداء عالٍ (تحسين سرعة، توافقية، سهولة الصيانة، وغيرها).
📌 تعرف عليها
https://dev.to/ruppysuppy/5-tips-to-take-your-website-lighthouse-score-from-meh-to-wow-2375
سواء كنت تعمل على موقع أو تطبيق، هذه النصائح ستجعلك تخرج بمشروع متكامل بأداء عالٍ (تحسين سرعة، توافقية، سهولة الصيانة، وغيرها).
📌 تعرف عليها
https://dev.to/ruppysuppy/5-tips-to-take-your-website-lighthouse-score-from-meh-to-wow-2375
DEV Community
5 Tips to Take your Website Lighthouse Score from Meh to WOW!
When creating a website for Production, you would want the world to have a great experience using it....
بناء لعبة سباق مفتوحة المصدر بـ React & Three.js
هل حلمت بتطوير لعبة حقيقية؟ هذا المشروع يتيح لك تعلم كيفية بناء لعبة ثلاثية الأبعاد والمساهمة في تطويرها كمجتمع مفتوح.
🎮 استعرض المشروع
https://reactjsexample.com/-f0-9f-8f-8e-open-source-racing-game-developed-by-everyone-willing/
هل حلمت بتطوير لعبة حقيقية؟ هذا المشروع يتيح لك تعلم كيفية بناء لعبة ثلاثية الأبعاد والمساهمة في تطويرها كمجتمع مفتوح.
🎮 استعرض المشروع
https://reactjsexample.com/-f0-9f-8f-8e-open-source-racing-game-developed-by-everyone-willing/
React.js Examples
Open Source Racing Game Built With React And Threejs
كيف تكتب كود نظيف (Clean Code) بلغة JavaScript
الكتابة النظيفة للكود ليست مجرد رفاهية، بل ضرورة لفهم أفضل، تطوير أسرع، وصيانة أسهل. هذا الدليل يحتوي على قواعد ذهبية وأمثلة واقعية.
📌 اقرأ الدليل
https://blog.bitsrc.io/writing-clean-code-in-javascript-dd584bbe1874
الكتابة النظيفة للكود ليست مجرد رفاهية، بل ضرورة لفهم أفضل، تطوير أسرع، وصيانة أسهل. هذا الدليل يحتوي على قواعد ذهبية وأمثلة واقعية.
📌 اقرأ الدليل
https://blog.bitsrc.io/writing-clean-code-in-javascript-dd584bbe1874
Medium
Writing Clean Code in JavaScript
7 JavaScript clean coding tips every developer should know
قناة تعليمية شاملة لتعلم أساسيات البرمجة
من خلال هذه القناة ستتعلم HTML, CSS, JavaScript, Git, React والكثير من المهارات البرمجية بأسلوب سهل وبسيط للمبتدئين.
📺 تابع القناة
https://www.youtube.com/c/DevTipsForDesigners/videos
من خلال هذه القناة ستتعلم HTML, CSS, JavaScript, Git, React والكثير من المهارات البرمجية بأسلوب سهل وبسيط للمبتدئين.
📺 تابع القناة
https://www.youtube.com/c/DevTipsForDesigners/videos
YouTube
DevTips
DevTips is back 🔥
مكتبة Konsta UI لعناصر واجهات التطبيقات
مكتبة تحتوي على مجموعة رائعة من عناصر التحكم وواجهات المستخدم المصممة خصيصاً لتطبيقات الموبايل، وتدعم Tailwind CSS بشكل مرن وسهل التخصيص.
🔧 اكتشف المكونات
https://github.com/konstaui/konsta
مكتبة تحتوي على مجموعة رائعة من عناصر التحكم وواجهات المستخدم المصممة خصيصاً لتطبيقات الموبايل، وتدعم Tailwind CSS بشكل مرن وسهل التخصيص.
🔧 اكتشف المكونات
https://github.com/konstaui/konsta
GitHub
GitHub - konstaui/konsta: Mobile UI components made with Tailwind CSS
Mobile UI components made with Tailwind CSS. Contribute to konstaui/konsta development by creating an account on GitHub.
🐘 PostgreSQL: قاعدة بيانات قوية بمزايا مخفية
PostgreSQL هو نظام إدارة قواعد بيانات مفتوح المصدر يعتمد على SQL ويعمل على منصات متعددة. يتميز بالدقة والمرونة والأمان، وله مميزات كثيرة لا يعرفها الكثيرون!
📖 اكتشف هذه الميزات هنا:
https://hakibenita.com/postgresql-unknown-features
PostgreSQL هو نظام إدارة قواعد بيانات مفتوح المصدر يعتمد على SQL ويعمل على منصات متعددة. يتميز بالدقة والمرونة والأمان، وله مميزات كثيرة لا يعرفها الكثيرون!
📖 اكتشف هذه الميزات هنا:
https://hakibenita.com/postgresql-unknown-features
Hakibenita
Lesser Known PostgreSQL Features
Features you already have but may not know about!
🧠 Plnkr: بيئة تطوير فورية على المتصفح
قبل البدء بأي مشروع برمجي، من الرائع ترتيب أفكارك وتجربة أكوادك مباشرة من المتصفح دون إعدادات معقدة. Plnkr تتيح لك إنشاء وتجربة مشاريعك في بيئة سريعة وسهلة.
جربها الآن
https://plnkr.co/
قبل البدء بأي مشروع برمجي، من الرائع ترتيب أفكارك وتجربة أكوادك مباشرة من المتصفح دون إعدادات معقدة. Plnkr تتيح لك إنشاء وتجربة مشاريعك في بيئة سريعة وسهلة.
جربها الآن
https://plnkr.co/
⌨️ CharaChorder: لوحة مفاتيح خارقة السرعة
هذه اللوحة تُعد ثورة في الكتابة، حيث تتيح للمستخدمين الكتابة بسرعات غير مسبوقة، لدرجة أنها مُنعت من مسابقات الكتابة الرسمية!
🔍 تعرف عليها أكثر في هذا التقرير
https://www.vice.com/en/article/3abavv/this-keyboard-lets-people-type-so-fast-its-banned-from-typing-competitions
هذه اللوحة تُعد ثورة في الكتابة، حيث تتيح للمستخدمين الكتابة بسرعات غير مسبوقة، لدرجة أنها مُنعت من مسابقات الكتابة الرسمية!
🔍 تعرف عليها أكثر في هذا التقرير
https://www.vice.com/en/article/3abavv/this-keyboard-lets-people-type-so-fast-its-banned-from-typing-competitions
VICE
This Keyboard Lets People Type So Fast It’s Banned From Typing Competitions
A new peripheral lets you keep typing without ever lifting a finger. When it comes to gaming and typing competitions, is it cheating?
🎙️ O'Reilly YouTube: لقاءات ونصائح من الخبراء
من أفضل الطرق لتوسيع آفاقك في المجال هو الاستماع إلى لقاءات ونصائح من مهندسين محترفين في مجالات مثل الذكاء الاصطناعي، هندسة البرمجيات، تطوير الأنظمة، وغيرها.
📺 استلهم من خبرات الغير
https://www.youtube.com/oreilly/videos
من أفضل الطرق لتوسيع آفاقك في المجال هو الاستماع إلى لقاءات ونصائح من مهندسين محترفين في مجالات مثل الذكاء الاصطناعي، هندسة البرمجيات، تطوير الأنظمة، وغيرها.
📺 استلهم من خبرات الغير
https://www.youtube.com/oreilly/videos
YouTube
O'Reilly
O’Reilly is best known for helping tech teams stay ahead. And for good reason—we’ve been sharing the knowledge of innovators for over 45 years. But we also offer droves of content to help with marketing, management training, and more.
https://www.oreilly.com
https://www.oreilly.com
🧰 Git من الصفر للمبتدئين
فهم Git ضروري لأي مطور. هذا البرنامج التعليمي يعلّمك الخطوات الأساسية للتعامل مع Git، مما يتيح لك رفع مشاريعك على GitHub وتنظيمها باحترافية.
📘 دليلك الأول مع Git
https://www.tutorialspoint.com/git/
فهم Git ضروري لأي مطور. هذا البرنامج التعليمي يعلّمك الخطوات الأساسية للتعامل مع Git، مما يتيح لك رفع مشاريعك على GitHub وتنظيمها باحترافية.
📘 دليلك الأول مع Git
https://www.tutorialspoint.com/git/
Tutorialspoint
Git Tutorial
Learn Git with our comprehensive tutorial covering the basics to advanced concepts, including version control, branching, merging, and more.
🧩 دورة مكثفة لفهم Micro-Frontend
في ساعتين فقط، ستتعلم مفاهيم مهمة مثل التحميل غير المتزامن، التعامل مع الأخطاء، الحالة المشتركة، وكيفية تنظيم أكثر من واجهة أمامية داخل نفس التطبيق.
🎓 دورة عميقة ومفيدة جداً
https://www.youtube.com/watch?v=lKKsjpH09dU
في ساعتين فقط، ستتعلم مفاهيم مهمة مثل التحميل غير المتزامن، التعامل مع الأخطاء، الحالة المشتركة، وكيفية تنظيم أكثر من واجهة أمامية داخل نفس التطبيق.
🎓 دورة عميقة ومفيدة جداً
https://www.youtube.com/watch?v=lKKsjpH09dU
YouTube
Micro-Frontends Course - Beginner to Expert
Don't know what a Micro-Frontend, but you've heard the buzz and you want to learn it. Let me take you from just starting out, to understanding asynchronous loading, error handling, shared state, cross platform micro-frontends, how to route multiple applications…
📺 أفضل 10 قنوات لتعلم برمجة المواقع من الصفر
إذا كنت في بداية رحلتك في تطوير المواقع، فإليك قائمة بأفضل القنوات التعليمية المجانية التي تشرح كل شيء من HTML إلى JavaScript وReact وغيرهم.
https://dev.to/muthuannamalai12/top-10-youtube-channels-to-learn-web-development-13nc
إذا كنت في بداية رحلتك في تطوير المواقع، فإليك قائمة بأفضل القنوات التعليمية المجانية التي تشرح كل شيء من HTML إلى JavaScript وReact وغيرهم.
https://dev.to/muthuannamalai12/top-10-youtube-channels-to-learn-web-development-13nc
DEV Community
Top 10 Youtube Channels To Learn Web Development
If you wish to make Web development a career or it is merely your hobby it can be overwhelming to...
🔍 Microdiff: مكتبة مقارنة فائقة السرعة
أداة فعالة لمقارنة الكائنات والمصفوفات، مدعومة بـ TypeScript وتتفوق في الأداء مقارنةً بغيرها من المكتبات.
🔗 تعرف عليها على GitHub
https://github.com/AsyncBanana/microdiff
أداة فعالة لمقارنة الكائنات والمصفوفات، مدعومة بـ TypeScript وتتفوق في الأداء مقارنةً بغيرها من المكتبات.
🔗 تعرف عليها على GitHub
https://github.com/AsyncBanana/microdiff
GitHub
GitHub - AsyncBanana/microdiff: A fast, zero dependency object and array comparison library. Significantly faster than most other…
A fast, zero dependency object and array comparison library. Significantly faster than most other deep comparison libraries and has full TypeScript support. - AsyncBanana/microdiff
🗃️ SQL: أساس قواعد البيانات
لغة SQL هي حجر الأساس لإدارة قواعد البيانات العلائقية. من استعلام البيانات إلى تحديثها – كل شيء يبدأ من SQL.
📘 دليل شامل لتعلم SQL
https://garden.bradwoods.io/notes/sql
لغة SQL هي حجر الأساس لإدارة قواعد البيانات العلائقية. من استعلام البيانات إلى تحديثها – كل شيء يبدأ من SQL.
📘 دليل شامل لتعلم SQL
https://garden.bradwoods.io/notes/sql
🧾 jog: أداة لاسترجاع أوامرك البرمجية
هل نسيت الأمر الذي كتبته سابقًا في هذا المجلد؟ لا مشكلة! هذه الأداة البسيطة تسجّل أوامرك السابقة حسب المسار.
🔗 شاهد السكربت على GitHub
https://github.com/natethinks/jog
هل نسيت الأمر الذي كتبته سابقًا في هذا المجلد؟ لا مشكلة! هذه الأداة البسيطة تسجّل أوامرك السابقة حسب المسار.
🔗 شاهد السكربت على GitHub
https://github.com/natethinks/jog
GitHub
GitHub - natethinks/jog: Simple script to print the last 10 commands you ran in the current directory
Simple script to print the last 10 commands you ran in the current directory - natethinks/jog
محرك تحليلي قوي مخصص لفهم كود البرمجة بطريقة ذكية وسريعة
يُستخدم في بناء محررات ذكية مثل VSCode وNeovim لتحليل الكود في الوقت الحقيقي.
مثالي للمطورين الراغبين في أدوات فائقة الدقة في تحرير النصوص البرمجية🚀
https://github.com/tree-sitter/tree-sitter
يُستخدم في بناء محررات ذكية مثل VSCode وNeovim لتحليل الكود في الوقت الحقيقي.
مثالي للمطورين الراغبين في أدوات فائقة الدقة في تحرير النصوص البرمجية🚀
https://github.com/tree-sitter/tree-sitter
GitHub
GitHub - tree-sitter/tree-sitter: An incremental parsing system for programming tools
An incremental parsing system for programming tools - tree-sitter/tree-sitter
مرجع شامل يحتوي على أكثر من 100 ورقة غش (Cheat Sheet) منظمة بعناية لمساعدتك في كل ما يخص Git، Docker، Linux، JavaScript، CSS، والمزيد. سواء كنت مطورًا مبتدئًا أو خبيرًا، هذا الدليل سيوفر لك وقتًا ثمينًا أثناء البرمجة ويُسهل عليك الرجوع للمفاهيم الأساسية بسرعة وفعالية. 🧾⚡
https://dev.to/worldindev/the-ultimate-compilation-of-cheat-sheets-100-268g
https://dev.to/worldindev/the-ultimate-compilation-of-cheat-sheets-100-268g
DEV Community
The ultimate Cheat sheets compilation (200+) - 🔥🎁 / Roadmap to dev 🚀
Hello World Today I wanted to share with you my Cheatsheet Compilation that every dev should know abo...
إذا كنت ترغب في تعلم لغة Go بدون تعقيد، فهذا الدليل المبسّط مثالي لك. يشرح المفاهيم الأساسية بطريقة مرنة وواقعية، دون الدخول في التفاصيل التقنية الثقيلة.
مثالي للمبتدئين أو لمن يريد فهم أساسيات Go بأسلوب عملي ومباشر. 🐹📘
https://www.arp242.net/go-easy.html
مثالي للمبتدئين أو لمن يريد فهم أساسيات Go بأسلوب عملي ومباشر. 🐹📘
https://www.arp242.net/go-easy.html
www.arp242.net
Go is not an easy language
منصة تصميم UX/UI احترافية تتيح لك إنشاء نماذج أولية تفاعلية وقابلة للاختبار بسرعة وسهولة.
تشمل أدوات لرسم مخططات، تصميم واجهات متجاوبة، وربط عناصر تفاعلية بدون كتابة كود.
تُستخدم في تصميم التطبيقات والمواقع لتعزيز تجربة المستخدم بشكل واقعي.
مثالية للمصممين والمطورين🎨📱
https://www.justinmind.com/ux-design-tools
تشمل أدوات لرسم مخططات، تصميم واجهات متجاوبة، وربط عناصر تفاعلية بدون كتابة كود.
تُستخدم في تصميم التطبيقات والمواقع لتعزيز تجربة المستخدم بشكل واقعي.
مثالية للمصممين والمطورين🎨📱
https://www.justinmind.com/ux-design-tools
Justinmind |
Best UI and UX design tools for your web and mobile projects
In this guide, we explore the best UI/UX design tools for prototyping, wireframing, and flowcharts. Learn about each tool’s strengths, weaknesses, and pricing to find the perfect fit for your needs.