🔰 مواقع الكترونية تحتوي على ألعاب #_لتعلم_البرمجة بعدة لغات برمجة :
C++ , python , js , java , css ...

1- https://www.tynker.com/
2- https://cssbattle.dev/
3- https://javascriptquiz.com/
4- https://www.codingame.com/
5- https://ohmygit.org/
6- https://vim-adventures.com/
7- https://flexboxfroggy.com/
8- https://codecombat.com/
9- https://cssgridgarden.com/
10- https://profy.dev/project/github-minesweeper


🔸 أسأل الله أن وفقنا في افادتكم في هذه المعلومات 👨 🏫 😍
🔸 وفق الله الجميع 💜 💚 🙌

الإضافة codeium بالذكاء الاصطناعي يمكنك اضافتها في Vs code و Google Chrome تساعدك في الإكمال التلقائي للكود وايضا تقترح لك أكواد وحلول وتقترح حلول للمشاكل من يوتيوب و stackoverflow

يارب كما حفظت رسولك ابراهيم عليه السلام من النار وجعلتها بقدرتك برداً وسلاماً ولم يشعر بها ، احفظ اخواننا في #فلسطين يارب العالمين.🤲♥️

📌 انا متأكد ما يخليك تتعلم وتحترف بالبرمجة الا لما تشوف فيديوهات تطبيق عملي على كيفية تستخدم كل لغة او تقنية 👌
هذا فيديو مدته اكثر من 7 ساعات يعلمك كيف تبني موقع مثل Notion  (Notion Clone)
وباستخدام التقنيات

Next.js 13
React
Convex
Tailwind

https://youtu.be/0OaDyjB9Ib8

ريلز جديد اتمنى ان تدعمني تقدر عن طريق لايك ونسخ رابط لينتشر الفيديو وشكرا كثيير😍😍

كورس سلسلة حل مشاكل خوارزميات بلغة سي بلس بلس🔥🔥

https://youtube.com/playlist?list=PL3X--QIIK-OEwPmZVfltqCYy6_RuwXr4A&si=DjjypsGnxdyEj_9k

5 مواقع لقوالب HTML مجانية ومدفوعة 🔥

تختصر وقتك وجهدك، وممكن تستلهم منها أفكار وتنفذها بنفسك 👏🏻👏🏻


1️⃣ https://freehtml5.co/

2️⃣ https://www.free-css.com/

3️⃣ https://graygrids.com/

4️⃣ https://html5up.net/

5️⃣ https://templatemo.com/

—

مواقع مهمة للمبرمجين🔥🔥

1. CodePen (https://codepen.io/): منصة تسمح للمبرمجين بإنشاء ومشاركة تجارب التطوير الخاصة بهم، وتسهل عرض واختبار الشفرة المصدرية والتصميمات الويب.

2. LeetCode (https://leetcode.com/): موقع يقدم تحديات برمجية وأسئلة تقنية لتحسين مهارات البرمجة والتحضير للمقابلات الفنية.

3. Udacity (https://www.udacity.com/): منصة تعليمية تقدم دورات عبر الإنترنت في مجالات تقنية متنوعة، بما في ذلك تطوير البرمجيات وعلوم البيانات والذكاء الاصطناعي.

4. Khan Academy (https://www.khanacademy.org/computing): موقع يقدم دورات مجانية في مختلف مجالات البرمجة والتكنولوجيا، بما في ذلك تعلم لغات البرمجة وتطوير الألعاب والتصميم الويب.

5. MDN Web Docs (https://developer.mozilla.org/): مصدر مفتوح يوفر وثائق مفصلة ومعلومات حول تقنيات الويب المختلفة، بما في ذلك HTML وCSS وJavaScript.

6. FreeCodeCamp (https://www.freecodecamp.org/): منصة تعليمية مجانية تقدم دورات تعليمية تغطي مجموعة واسعة من مجالات البرمجة وتطوير الويب.

ريلز جديد اتمنى تدعموني ب لايك وعمل نسخ رابط بساعد انو الفيدديو ينتشر وشكرا الكم من كل قلبي😍😍

https://www.instagram.com/reel/CygdK7ft9CT/?igshid=MzRlODBiNWFlZA==

لا حول ولا قوة إلا بالله
وانا لله وإنا إليه راجعون 💔
ادعو لاخوانكم اقل ما يمكن ان نقدم لهم للاسف

مواقع العمل عن بعد
تقدر من خلالها باذن الله هتلاقي فرصه شغل

‏1 - Remote OK
‏https://remoteok.com/

‏2 - Just Remote
https://justremote.co/remote-developer-jobs

‏3 - AngelList Talent
‏https://angel.co/jobs/home

‏4 - We Work Remotely
https://weworkremotely.com/

‏5 - Hired
‏https://hired.com/

6 - Flex Jobs
‏https://www.flexjobs.com/jobs/featured

‏7 - Upwork
‏https://www.upwork.com/

‏8 - Job Spresso
‏https://jobspresso.co/

‏9 - Daily Remote
‏https://dailyremote.com/

‏10 - Remote Leaf
‏https://remoteleaf.com/

11 - Showwcase
‏https://www.showwcase.com/job/8725

‏12 - JS Remotely
‏https://jsremotely.com/

‏13 - LinkedIn
https://www.linkedin.com/jobs/

‏14 - Design Remotely
‏https://designremotely.co/

‏15 - Turing
‏https://www.turing.com/

‏16 - Remote More
https://remotemore.com/

‏17 - Remote Platz
‏https://remoteplatz.com

‏18 - Toptal
‏https://www.toptal.com/

‏19 - Netguru
‏https://www.netguru.com/

‏20 - EPAME Anywhere
https://anywhere.epam.com/en

‏21 - Andela
https://andela.com/

‏22 - Vanhack
https://vanhack.com/
23 - Talent IO
‏https://www.talent.io/p/en-fr/home

‏24- Arc
https://arc.dev

افضل واقوى كورس لتعلم بايثون من الصفر الى البدائيات الى الاساسيات الى الاحتراف شرح سهل ومبسط وسلس
https://youtube.com/playlist?list=PLSiLeKadTQ7mT2nyzPbfzWP3IOniezNvP&si=DWmU0KqO0I_lDpcU

- أفضل مواقع خاصة بالتحديات البرمجية
================================================
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 لا يكفي التحدث عنها في بوست.. لو ناوي تتعلمها أنصحب تقرأ اكتر في الموضوع على اليوتيوب هتعرف مميزات وتفاصيل كتير. 😀