تعلم برمجة المواقع🚀

📌 لطلاب الحاسب Computer Science   هذا مستودع على Github  يحتوي على كل ماتحتاجه بهذا التخصص 🤩 يحتوي على خطة كاملة لتعلمه من الصفر مع جميع المقررات 📖 https://github.com/ossu/computer-science تقدر تتعلم تعليم ذاتي وكل المصادر موجوده  ومجاناً👌

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

‏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. استشارة المطورين الأكثر خبرة: - لا تتردد في طلب المشورة من المطورين ذوي الخبرة عندما تواجه صعوبة في حل مشكلة معينة.

اكثر من 1200 درس في قائمة لتعلم السي شارب من الصفر الى الاحتراف🔥🔥 https://youtube.com/playlist?list=PLHIfW1KZRIfkDF2xTIB5kX8gdthmLTufx&si=3R9bd5M5D3a6KUcl

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

📌 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/

‏إزاي تحمي الفرونت ايند جافاسكربت كود بتاعك من ان حد ينسخه/يسرقه/يفهمه؟ ‏اللي انت شايفه قدامك ده هو كود لفانكشن بتطبع Hello World بالجافاسكربت! ‏ما هذا؟ وازاي كود المفروض في العادي يكون 3 سطور بس يكون بالشكل ده؟ ‏دي حاجه اسمها Obfuscation وهي عملية بتحول السورس كود بتاعك المقروء الطبيعي لحاجه بالشكل ده مستحيل انها تتقرأ او تتفهم من البشر، لكن الكومبيلر يقدر يشغلها وتطلع نفس الناتج بتاع السورس كود الأصلي! والعملية دي بتم عن طريق سلسلة من التحويلات للسورس كود بتاعك من تغيير اسماء للمتغيرات لحقن كود ملوش علاقة بالموضوع وغيرها من الامور اللي بتخلي الكود مستحيل يتفهم. ‏ايه الفرق بينها وبين الـ Encryption؟ ‏الـ Encryption بيحتاج Secret Key عشان تعمل Decryption للكود بتاعك عشان الكومبيلر يفهمه وبالتالي هتضطر تحط الـ Secret Key في السورس كود وبالتالي لسا عندك نفس المشكلة اي حد هيوصل Secret Key هيفك التشفير، انما الـ Obfuscation انت كأنك عملت تشفير للسورس كود ومع ذلك الكومبيلر يقدر يفهمه. ‏ده اللينك بتاع الأداة اللي بتعمل الموضوع ده: ‏‌ obfuscator.io⁩ ‏السؤال الحقيقي ايه اللي ممكن يخلي حد يلجئ لحاجه زي دي؟ أنا مش شايف اي Use Case تستحق حاجه زي كده في النهاية الفرونت ايند كود المفروض انها حاجه Public ولو عندك حاجه مهمة زي مثلا Algorithm معين خايف ان المنافسين بتوعك في نفس المجال ينسخوه ويستخدموه فالأفضل انك تنقل حاجه زي دي للسيرفر عندك، او مثلا لو شايف ان ده هيصعب الموضوع على الـ Attacker بإنه يقرأ السورس كود ويلاقي ثغرات عندك فالأفضل انك تبحث وتسد الثغرات اللي عندك.

موقع عجيييب 🤯 ترسم رسم عشوائي لأي أيقونة تحتاجها ويقترح لك أيقونات مشابهة للي رسمته تحملها بثواني 🔥🔥 https://www.autodraw.com/ —

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

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

مواقع العمل عن بعد تقدر من خلالها باذن الله هتلاقي فرصه شغل ‏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://www.instagram.com/reel/CygdK7ft9CT/?igshid=MzRlODBiNWFlZA==

مواقع مهمة للمبرمجين🔥🔥 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/): منصة تعليمية مجانية تقدم دورات تعليمية تغطي مجموعة واسعة من مجالات البرمجة وتطوير الويب.

5 مواقع لقوالب HTML مجانية ومدفوعة 🔥 تختصر وقتك وجهدك، وممكن تستلهم منها أفكار وتنفذها بنفسك 👏🏻👏🏻 1️⃣ https://freehtml5.co/ 2️⃣ https://www.free-css.com/ 3️⃣ https://graygrids.com/ 4️⃣ https://html5up.net/ 5️⃣ https://templatemo.com/ —

كورس سلسلة حل مشاكل خوارزميات بلغة سي بلس بلس🔥🔥 https://youtube.com/playlist?list=PL3X--QIIK-OEwPmZVfltqCYy6_RuwXr4A&si=DjjypsGnxdyEj_9k

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

📌 انا متأكد ما يخليك تتعلم وتحترف بالبرمجة الا لما تشوف فيديوهات تطبيق عملي على كيفية تستخدم كل لغة او تقنية 👌 هذا فيديو مدته اكثر من 7 ساعات يعلمك كيف تبني موقع مثل Notion  (Notion Clone) وباستخدام التقنيات Next.js 13 React Convex Tailwind https://youtu.be/0OaDyjB9Ib8