- أفضل مواقع خاصة بالتحديات البرمجية
================================================
https://www.topcoder.com/
================================================
https://www.codewars.com/
================================================
https://www.hackerrank.com/interview/preparation-kits
================================================
https://exercism.org/
================================================
https://www.spoj.com/
================================================

موقع عجيييب 🤯
ترسم رسم عشوائي لأي أيقونة تحتاجها ويقترح لك أيقونات مشابهة للي رسمته تحملها بثواني 🔥🔥

https://www.autodraw.com/

—

‏إزاي تحمي الفرونت ايند جافاسكربت كود بتاعك من ان حد ينسخه/يسرقه/يفهمه؟

‏اللي انت شايفه قدامك ده هو كود لفانكشن بتطبع Hello World بالجافاسكربت!

‏ما هذا؟ وازاي كود المفروض في العادي يكون 3 سطور بس يكون بالشكل ده؟
‏دي حاجه اسمها Obfuscation وهي عملية بتحول السورس كود بتاعك المقروء الطبيعي لحاجه بالشكل ده مستحيل انها تتقرأ او تتفهم من البشر، لكن الكومبيلر يقدر يشغلها وتطلع نفس الناتج بتاع السورس كود الأصلي! والعملية دي بتم عن طريق سلسلة من التحويلات للسورس كود بتاعك من تغيير اسماء للمتغيرات لحقن كود ملوش علاقة بالموضوع وغيرها من الامور اللي بتخلي الكود مستحيل يتفهم.

‏ايه الفرق بينها وبين الـ Encryption؟
‏الـ Encryption بيحتاج Secret Key عشان تعمل Decryption للكود بتاعك عشان الكومبيلر يفهمه وبالتالي هتضطر تحط الـ Secret Key في السورس كود وبالتالي لسا عندك نفس المشكلة اي حد هيوصل Secret Key هيفك التشفير، انما الـ Obfuscation انت كأنك عملت تشفير للسورس كود ومع ذلك الكومبيلر يقدر يفهمه.

‏ده اللينك بتاع الأداة اللي بتعمل الموضوع ده:
‏‌ obfuscator.io⁩

‏السؤال الحقيقي ايه اللي ممكن يخلي حد يلجئ لحاجه زي دي؟ أنا مش شايف اي Use Case تستحق حاجه زي كده في النهاية الفرونت ايند كود المفروض انها حاجه Public ولو عندك حاجه مهمة زي مثلا Algorithm معين خايف ان المنافسين بتوعك في نفس المجال ينسخوه ويستخدموه فالأفضل انك تنقل حاجه زي دي للسيرفر عندك، او مثلا لو شايف ان ده هيصعب الموضوع على الـ Attacker بإنه يقرأ السورس كود ويلاقي ثغرات عندك فالأفضل انك تبحث وتسد الثغرات اللي عندك.

📌 6 مواقع رهيبة تخليك تختار الوان متناسقة مع بعض 🔥
حلوه لمطورين الـ Frontend والمصممين ...



My color Palette Creator
https://mycolor.space/

Coolors Palette Creator
https://coolors.co/
@pro2dev

Flat UI Colors
https://flatuicolors.com/

Accessible Brand Colors
https://abc.useallfive.com/

Adobe Color
https://color.adobe.com/

Canva Colors
https://www.canva.com/colors/

Hex Colors
https://www.color-hex.com/

ليه تتعلم next.js ؟ ومنين تتعلمها ؟ 🤔
next.js عبارة عن فريمورك لreact.js واللي بيوفر لنا مميزات كتير هتفرق معانا جدا في عالم الويب.

خلينا نتكلم عن مميزات next.js اللي من تميزها عن react.js :-

🔵 routing : بيكون معتمد فقط على اسماء الملفات في فودلر app داخل البروجكت بتاعك
يعني هنفترض ان عندك داخل فولدر app ثلاثة فولدرات ( users, products, orders )
next.js تلقائياً بتعملك ثلاثة routers وهما ( users , /products, /orders/ )

🔵 rendering : بتوفر حاجه اسمها client rendering (csr) and server rendering (ssr)
الكلام هنا ممكن يطول وهتحتاج تسمع tutorials قصيرة على اليوتيوب بتشرح النقطة دي كويس
الموضوع هنا بإختصار ان الcsr بيتم استخدامها مع الصفحات اللي فيها dynamic content لكن بتعتمد على الclient side مش الserver , على الجانب الآخر الssr بيتم استخدامها في حالة التعامل مع api وتبادل الdata
الميزة دي مفيدة جدا من ناحية الserver load , seo, improving user experience ومميزات تانية كتير

🔵 data fetching: لو هتتعامل مع api وتعمل fetch كتير هتلاقي الموضوع أسهل مع next وبتوفرلك خيارات زي الcache , revalidation

🔵 styling: بتدعم التعامل مع tailwind, css modules, css-in-js

المميزات الخاصة بnext.js لا يكفي التحدث عنها في بوست.. لو ناوي تتعلمها أنصحب تقرأ اكتر في الموضوع على اليوتيوب هتعرف مميزات وتفاصيل كتير. 😀

اكثر من 1200 درس في قائمة لتعلم السي شارب من الصفر الى الاحتراف🔥🔥

https://youtube.com/playlist?list=PLHIfW1KZRIfkDF2xTIB5kX8gdthmLTufx&si=3R9bd5M5D3a6KUcl

‏10 نصائح لمن يرغب في تطوير مستواه في لغة الـ PHP

1. دراسة أساسيات PHP:
- ابدأ بفهم الأساسيات مثل متغيرات الـ PHP، وأنواع البيانات، والعمليات الأساسية (الجمع، الطرح، الضرب، والقسمة).
- تعلم كيفية إنشاء واستخدام المصفوفات والدوال.

2. استخدام الوثائق الرسمية:
- الاعتماد على موقع PHP الرسمي (php.net‎) للحصول على معلومات ووثائق دقيقة حول اللغة.
- استخدم وظيفة البحث في الموقع للعثور على معلومات حول الدوال والأساليب.

3. تعلم الأمان:
- تعلم كيفية كتابة كود PHP آمن يحمي التطبيقات من هجمات مثل Cross-Site Scripting (XSS) وSQL Injection.

4. استخدام Frameworks:
- تعلم كيفية استخدام إطار عمل PHP مثل Laravel، Symfony، أو Yii لتسهيل عملية تطوير التطبيقات وزيادة إنتاجيتك.

5. التحق بمجتمع المطورين:
- انضم إلى منتديات ومجموعات PHP على الإنترنت للتفاعل مع المطورين الآخرين والحصول على المساعدة عند الحاجة.

6. قراءة وكتابة الكود:
- قم بقراءة الشفرة المصدرية لمشاريع PHP مفتوحة المصدر لفهم كيفية تنظيم الكود وتنفيذ أفضل الممارسات.
- كتابة الكود بانتظام لتحسين مهارات البرمجة الخاصة بك.

7. اختبار التطبيقات:
- تعلم كيفية إنشاء واختبار وحدات البرمجة واختبارات الوحدة واختبارات القبول للتأكد من جودة تطبيقاتك.

8. متابعة أحدث التطورات:
- كن على اطلاع دائم بأحدث التحديثات والتقنيات في عالم PHP، واستخدمها في مشاريعك للبقاء متميزًا.

9. الممارسة العملية:
- لا تتردد في القيام بمشاريع عملية لتطبيق ما تعلمته وكسب الخبرة العملية.

10. استشارة المطورين الأكثر خبرة:
- لا تتردد في طلب المشورة من المطورين ذوي الخبرة عندما تواجه صعوبة في حل مشكلة معينة.

‏موقع مجمع فيه مصادر للتصميم مثل الأيقونات رسومات
ألوان
مواقع للإستلهام
uigoodies.com‎

📌 لطلاب الحاسب Computer Science   هذا مستودع على Github  يحتوي على كل ماتحتاجه بهذا التخصص 🤩
يحتوي على خطة كاملة لتعلمه من الصفر مع جميع المقررات 📖


https://github.com/ossu/computer-science


تقدر تتعلم تعليم ذاتي وكل المصادر موجوده  ومجاناً👌

كتاب تعلم لغة السي من الصفر الى الاحتراف🔥🔥

50 مشروع لـ 50 يوم..
باستخدام HTML / CSS / JS 🚀🔥🔥

https://github.com/bradtraversy/50projects50days

—

كورس جافا سكريبت شامل من الصفر إلى الاحتراف🔥🔥
https://youtube.com/playlist?list=PLYyqC4bNbCIeLEjcSPO61bsGPKEvYceb0

مواقع تهمكم حول ملفات PDF

‏- للتعديل على (PDF)
‏ ‌ deftpdf.com/pdf-editor⁩

‏- لتحويل صيغ (PDF):
‏ ‌ ilovepdf.com⁩

‏- ترجمة ملف (PDF):
‏‌ translate.google.com⁩

‏- لإصلاح ملفات (PDF)
‏ ‌ pdffixer.com⁩

للتعامل مع ملفات PDF بالذكاء الاصطناعي
https://www.chatpdf.com

📌هذا اسهل واهم مصدر تتعلم منه Git ..
بدون تعقيد وبشرح مفصل ⬇️

https://git-scm.com/docs

انشاء موقع كتب html css js
https://youtu.be/b7eJQSHhuO8?si=vUcMvBKfSI-Snxev

انشاء متجر الكتروني html css js

https://youtu.be/7hm-XOwPy-c?si=u4it02azXHilaQEi

انشاء موقع شركة html css js
رابط الفيديو على اليوتيوب 🔥🔥

https://youtu.be/5Bl3CCizSRQ?si=_hbyp385DSrPa7kl

فيه قناة يوتيوب عليها شوية كورسات حلوة هتحتاجها

‏- HTML, CSS, JavaScript
‏- Bootstrap
‏- Sass
‏- Tailwind CSS
‏- Git & GitHub
‏- React.js
‏- PHP
‏- Java
‏- Vue.js
‏- Laravel
‏- Angular
‏- Next.js

وكورسات تانيه كتير

رابط القناة:
‏ https://www.youtube.com/@DevGuideAcademy