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

ليه تتعلم 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

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

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

مستودعات GitHub لمطورين JavaScript 🔥😍 هذه مجموعة من مستودعات Github (GitHub repositories) تفيد المطورين والمبتدئين بالبرمجة بـ Javascript. ⬇️⬇️ https://www.instagram.com/p/CyL8B-frGxC/