ابدع ونمي مهاراتك
JavaScript30 هو برنامج تعليمي مجاني موجه للمطورين الذين يرغبون في تحسين مهاراتهم في JavaScript من خلال بناء مشاريع حقيقية 💻. يتألف هذا التحدي من 30 مشروعًا عمليًا، بدون استخدام أي مكتبات أو أطر عمل، مما يتيح لك فرصة تعلم JavaScript النقي واكتساب خبرة مباشرة في التعامل مع العناصر الأساسية 🌟.
https://javascript30.com/
JavaScript30 هو برنامج تعليمي مجاني موجه للمطورين الذين يرغبون في تحسين مهاراتهم في JavaScript من خلال بناء مشاريع حقيقية 💻. يتألف هذا التحدي من 30 مشروعًا عمليًا، بدون استخدام أي مكتبات أو أطر عمل، مما يتيح لك فرصة تعلم JavaScript النقي واكتساب خبرة مباشرة في التعامل مع العناصر الأساسية 🌟.
https://javascript30.com/
JavaScript 30
Build 30 things with vanilla JS in 30 days with 30 tutorials
لهجمات الشبكات والحماية منها تعرف على
Inveigh هو إطار عمل مفتوح المصدر مصمم لتسهيل تنفيذ هجمات الشبكة، خاصة في بيئات Windows 🚀. يتيح هذا الأداة للمختبرين الأمنيين والمخترقين الأخلاقيين تنفيذ مجموعة من الهجمات مثل استهداف بروتوكولات NetBIOS وLLMNR وmDNS لاسترجاع معلومات المستخدمين وكلمات المرور المخزنة 🔍.
https://github.com/Kevin-Robertson/Inveigh
Inveigh هو إطار عمل مفتوح المصدر مصمم لتسهيل تنفيذ هجمات الشبكة، خاصة في بيئات Windows 🚀. يتيح هذا الأداة للمختبرين الأمنيين والمخترقين الأخلاقيين تنفيذ مجموعة من الهجمات مثل استهداف بروتوكولات NetBIOS وLLMNR وmDNS لاسترجاع معلومات المستخدمين وكلمات المرور المخزنة 🔍.
https://github.com/Kevin-Robertson/Inveigh
GitHub
GitHub - Kevin-Robertson/Inveigh: .NET IPv4/IPv6 machine-in-the-middle tool for penetration testers
.NET IPv4/IPv6 machine-in-the-middle tool for penetration testers - Kevin-Robertson/Inveigh
Defensive CSS هو مشروع مخصص لتعزيز أمان تطبيقات الويب من خلال استخدام تقنيات CSS بطريقة متقدمة ومبتكرة 🛡️. إليك مجموعة من الأدوات والتقنيات التي تساعد المطورين على فهم كيفية تقليل المخاطر المرتبطة بالأمان عند استخدام CSS في تصميم الويب 🎨.
https://defensivecss.dev/
https://defensivecss.dev/
defensivecss.dev
Defensive CSS
Practical CSS and design tips that helps in building future-proof user interfaces.
Bash Academy Guide هو مصدر تعليمي شامل يهدف إلى تقديم المفاهيم الأساسية والمتقدمة لبرمجة Bash 💻. تم تصميم هذا الدليل لمساعدة المطورين والمهتمين بتعلم كيفية كتابة وتنفيذ سكريبتات Bash بكفاءة، مع توضيح الخطوات والممارسات الجيدة التي تجعل العمل مع النظام أسرع وأكثر فعالية 🚀.
https://guide.bash.academy/
https://guide.bash.academy/
guide.bash.academy
The Bash Guide
A complete guide for newcomers and advanced users to correct usage and deepen understanding of the bash shell language.
لتحسين امان الانظمة
Fibratus هو إطار عمل مفتوح المصدر مخصص لمراقبة وتحليل نشاط النظام في أنظمة Windows 🐇. يهدف هذا المشروع إلى توفير أدوات قوية لجمع وتحليل بيانات نظام التشغيل، مما يسمح للمختبرين الأمنيين والمطورين بفهم سلوك النظام بشكل أفضل وتحديد الأنشطة المشبوهة 🔍.
https://github.com/rabbitstack/fibratus
Fibratus هو إطار عمل مفتوح المصدر مخصص لمراقبة وتحليل نشاط النظام في أنظمة Windows 🐇. يهدف هذا المشروع إلى توفير أدوات قوية لجمع وتحليل بيانات نظام التشغيل، مما يسمح للمختبرين الأمنيين والمطورين بفهم سلوك النظام بشكل أفضل وتحديد الأنشطة المشبوهة 🔍.
https://github.com/rabbitstack/fibratus
GitHub
GitHub - rabbitstack/fibratus: Security sensor for realtime threat detection and protection
Security sensor for realtime threat detection and protection - rabbitstack/fibratus
لتجارب استثنائية بعالم التصميم استكشف كيفية استغلال أوضاع المزج في CSS لإنشاء تأثيرات بصرية متقدمة على صفحات الويب 🎨. وكيفية دمج هذه الأوضاع مع الـ shaders لتحقيق تأثيرات فريدة وديناميكية، مما يجعل تصميم المواقع أكثر جاذبية وإبداعًا 🚀.
https://robbowen.digital/wrote-about/css-blend-mode-shaders/
https://robbowen.digital/wrote-about/css-blend-mode-shaders/
Robb Owen Digital
Holograms, light-leaks and how to build CSS-only shaders.
Get a shiny WebGL look without actually using WebGL. In this article we take a look at how CSS blend modes unleash the potential of cool compositing effects without the need for JavaScript
استعد لمغامرة تدريبية مكثفة تمتد لأكثر من 300 ساعة! 🎓💻🌟 في هذه الدورة الشاملة، سأعرض عليك عالم تصميم المواقع المتجاوبة بأحدث التقنيات وبما يتوافق مع جميع المتصفحات والنوافذ.
من الصفر وحتى المستوى الاحترافي، ستتعلم كل ما يلزم لتصميم مواقع إبداعية وجذابة تتكيف مع مختلف الأجهزة والشاشات. ستتعلم كيفية بناء واجهات مستخدم مذهلة وتحقيق تجربة مستخدم استثنائية. 🖥️💡✨
هنا
https://www.freecodecamp.org/learn/responsive-web-design/
من الصفر وحتى المستوى الاحترافي، ستتعلم كل ما يلزم لتصميم مواقع إبداعية وجذابة تتكيف مع مختلف الأجهزة والشاشات. ستتعلم كيفية بناء واجهات مستخدم مذهلة وتحقيق تجربة مستخدم استثنائية. 🖥️💡✨
هنا
https://www.freecodecamp.org/learn/responsive-web-design/
www.freecodecamp.org
Learn to Code for Free
لتحديد الثغرات وتعزيز أمان الشبكات تعرف على
DeathStar هو إطار عمل مفتوح المصدر يُستخدم لإجراء اختبارات الاختراق على أنظمة Active Directory. تم تصميمه لمساعدة المختبرين الأمنيين على تنفيذ مجموعة متنوعة من الهجمات المتقدمة بسهولة وفعالية 🔒.
https://github.com/byt3bl33d3r/DeathStar
DeathStar هو إطار عمل مفتوح المصدر يُستخدم لإجراء اختبارات الاختراق على أنظمة Active Directory. تم تصميمه لمساعدة المختبرين الأمنيين على تنفيذ مجموعة متنوعة من الهجمات المتقدمة بسهولة وفعالية 🔒.
https://github.com/byt3bl33d3r/DeathStar
GitHub
GitHub - byt3bl33d3r/DeathStar: Uses Empire's (https://github.com/BC-SECURITY/Empire) RESTful API to automate gaining Domain and/or…
Uses Empire's (https://github.com/BC-SECURITY/Empire) RESTful API to automate gaining Domain and/or Enterprise Admin rights in Active Directory environments using some of the most common of...
مجموعة من القوالب والخطوط المتحركة المجانية التي يمكن استخدامها في مشاريع Adobe After Effects 🎨. تعرف على كيفية استخدام هذه الموارد لتعزيز التصميمات وإضافة لمسات ديناميكية ومميزة إلى الفيديوهات والمشاريع الإبداعية 🚀
https://speckyboy.com/free-animated-fonts-after-effects-templates/
https://speckyboy.com/free-animated-fonts-after-effects-templates/
Speckyboy Design Magazine
6 Free Animated Text & Font Templates for After Effects — Speckyboy
Download free animated font and text templates for After Effects. Perfect for creating dynamic titles, typography animations, and engaging video content.
🌟🚀 استعد لتعلم كل ما تحتاجه لتصميم صفحات متجاوبة مذهلة تنبض بالحياة على جميع المتصفحات! ستكتشف الأسرار وتسيطر على التقنيات المهمة التي تجعل تصميمك لا يُقاوم
بمجموعة من الأدوات الرائعة والنصائح الثمينة والإرشادات القيمة لبناء صفحات تفاعلية جذابة بكل سهولة وخطوات بسيطة.
هنا
https://egghead.io/
بمجموعة من الأدوات الرائعة والنصائح الثمينة والإرشادات القيمة لبناء صفحات تفاعلية جذابة بكل سهولة وخطوات بسيطة.
هنا
https://egghead.io/
egghead.io
egghead.io - Learn Web Development from Expert Developers
Master modern web development with expert-led courses and tutorials on React, TypeScript, Next.js, and AI-powered development tools.
Ridenum هو أداة مفتوحة المصدر مصممة لتسهيل عمليات الاستطلاع واستخراج المعلومات في بيئات الشبكة، مع التركيز على أنظمة Windows 🔍. تم تطوير هذه الأداة من قبل فريق TrustedSec، وتهدف إلى مساعدة المختبرين الأمنيين والمخترقين الأخلاقيين في جمع بيانات مفيدة حول الشبكات والأجهزة المتصلة بها.
https://github.com/trustedsec/ridenum
https://github.com/trustedsec/ridenum
GitHub
GitHub - trustedsec/ridenum: Rid_enum is a null session RID cycle attack for brute forcing domain controllers.
Rid_enum is a null session RID cycle attack for brute forcing domain controllers. - trustedsec/ridenum
خطوة استراتيجية نحو تصميم واجهات مستخدم أكثر ديناميكية وابتكارًا، مما يعزز جودة المنتج النهائي 🎨
تعرف على أهمية الانتقال من تصميم واجهات المستخدم باستخدام أدوات مثل Sketch إلى التصميم المباشر في المتصفح 🌐.وفوائد هذا التحول، مثل تعزيز التعاون بين الفرق، وتوفير الوقت في عملية التنفيذ، وتحسين التجربة العامة للمستخدمين 🚀.
https://blog.prototypr.io/stop-designing-in-sketch-design-in-the-browser-c102bcdcdbb
تعرف على أهمية الانتقال من تصميم واجهات المستخدم باستخدام أدوات مثل Sketch إلى التصميم المباشر في المتصفح 🌐.وفوائد هذا التحول، مثل تعزيز التعاون بين الفرق، وتوفير الوقت في عملية التنفيذ، وتحسين التجربة العامة للمستخدمين 🚀.
https://blog.prototypr.io/stop-designing-in-sketch-design-in-the-browser-c102bcdcdbb
Prototyping: From UX to Front End
Stop designing in Sketch. Design in the Browser.
If you’re spending the majority of your time in static design tools like Sketch, you should consider moving to the browser sooner than…
من خلال استخدام الخيوط المخفية ، يوفر Node.js طرقًا غير متزامنة تسمح للكود الخاص بك بإجراء طلبات الإدخال / الإخراج دون حظر مؤشر الترابط الرئيسي.
للتعرف على كيفية عمل هذا هنا👇
https://www.digitalocean.com/community/tutorials/how-to-use-multithreading-in-node-js
للتعرف على كيفية عمل هذا هنا👇
https://www.digitalocean.com/community/tutorials/how-to-use-multithreading-in-node-js
Digitalocean
How To Use Multithreading in Node.js | DigitalOcean
Learn how to use multithreading in Node.js with Worker Threads to run tasks in parallel, improve performance, and optimize CPU-intensive operations.
لبناء تجربة مستخدم إيجابية ، والتي يمكن أن يكون لها تأثير كبير على عوامل مثل التحويل وما إذا كان العملاء يعودون إلى موقعك
تعرف على اهمية النماذج الاولية لتصميم منتج رقمي
وأفضل 10 اداوت لصناعة وتصميم النماذج الاولية للمنتجات
https://theproductmanager.com/tools/best-prototyping-tools/
تعرف على اهمية النماذج الاولية لتصميم منتج رقمي
وأفضل 10 اداوت لصناعة وتصميم النماذج الاولية للمنتجات
https://theproductmanager.com/tools/best-prototyping-tools/
The CPO Club
10 Best Prototyping Tools To Test Ideas In 2026
Discover the best prototyping tools for your team. Compare features, pros + cons, pricing, and more in my complete guide.
لواجهات مستخدم استثنائية إليك مجموعة مميزة من النصائح والطرق لإضافة تأثير متحرك لحدود العناصر بإستخدام لغة التنسيق CSS
https://web.dev/css-border-animations/
https://web.dev/css-border-animations/
web.dev
CSS border animations | Articles | web.dev
Looking at several ways to animate a border in CSS
Css
دورات وكتب ومقالات للتعرف عليها بشكل كامل
نشرات بريدية اسبوعية للتعرف على كل جديد بها
والمزيد هنا من الاسرار والخفايا
https://css-tricks.com/
دورات وكتب ومقالات للتعرف عليها بشكل كامل
نشرات بريدية اسبوعية للتعرف على كل جديد بها
والمزيد هنا من الاسرار والخفايا
https://css-tricks.com/
CSS-Tricks
CSS-Tricks - Learning for front-end designers and developers
CSS-Tricks is where folks around the world come to learn about front-end code and everything related to it, including HTML, CSS, and yes, CSS.
Moralis هي منصة تطوير web3 رائدة تقدم كل ما يحتاجه المستخدم لإنشاء تطبيقات لامركزية (dapps) وإطلاقها وتنميتها في مكان واحد. إنها أسرع طريقة لإنشاء ونشر dapps على Ethereum و BNB و Polygon و Avalanche و Fantom والمزيد.
https://moralis.io/introducing-moralis-2-0/
https://moralis.io/introducing-moralis-2-0/
Moralis | Enterprise-Grade Web3 APIs
Introducing Moralis 2.0 - Moralis APIs
We are now introducing Moralis 2.0! This is the first step towards making Moralis work with any backend, and onboarding the next million Web3 devs!
كيفية تصميم واجهات مستخدم أفضل وجعل المستخدمين أكثر سعادة من خلال هذه النصائح البسيطة لواجهة المستخدم
https://www.uidesign.tips/ui-tips
https://www.uidesign.tips/ui-tips
UI Design Tips
UI Design Tips: 100+ Practical Tips & Examples
Browse 100+ practical UI design tips with real examples — spacing, color, typography, buttons, cards, and more. Learn to design better interfaces, one tip at a time.
تعرف على واحدة من اهم واشهر اللغات البرمجية واكثرها استخداماً في العديد من المجالات
لغة البرمجة بايثون من خلال كتب ومقالات ودورات تدريبية ومحاضرات مجاناً هنا
https://www.py4e.com/
لغة البرمجة بايثون من خلال كتب ومقالات ودورات تدريبية ومحاضرات مجاناً هنا
https://www.py4e.com/
كمصمم واجهات مستخدم وواجهات مواقع وتطبيقات تعرف على المفاهيم الخاطئة الأكثر شيوعًا لتجربة المستخدم وتشرح سبب عدم صحة هذه المفاهيم
https://uxmyths.com/
https://uxmyths.com/
UX Myths
UX Myths collects the most frequent user experience misconceptions and explains why they don't hold true.
VueUse Package
أكثر من 200 وظيفة لتختار من بينها
🚀يعمل لكل من Vue 3 و 2
مكتوب بلغة TypeScript ، مع مستندات TS كاملة
🛠 تمرير المراجع كحجج ، ومرشحات وأهداف قابلة للتخصيص بالكامل وقابلة للتكوين
☁️ يمكن استخدامه عبر CDN ، بدون أي حزم
🔋يعمل بشكل مثالي مع العرض / التوليد من جانب الخادم
توثيق الوظائف يأتي أيضًا مع عروض توضيحية تفاعلية!
🔌دعم العديد من الوظائف الإضافية مثل Router و Firebase و RxJS وما إلى ذلك.
https://vueuse.org"
أكثر من 200 وظيفة لتختار من بينها
🚀يعمل لكل من Vue 3 و 2
مكتوب بلغة TypeScript ، مع مستندات TS كاملة
🛠 تمرير المراجع كحجج ، ومرشحات وأهداف قابلة للتخصيص بالكامل وقابلة للتكوين
☁️ يمكن استخدامه عبر CDN ، بدون أي حزم
🔋يعمل بشكل مثالي مع العرض / التوليد من جانب الخادم
توثيق الوظائف يأتي أيضًا مع عروض توضيحية تفاعلية!
🔌دعم العديد من الوظائف الإضافية مثل Router و Firebase و RxJS وما إلى ذلك.
https://vueuse.org"
vueuse.org
Collection of essential Vue Composition Utilities