بوست رهيب 🔥👨🏻‍💻
لاتنسى دعمي بلايك ❤️

📌 كيف تحل الأخطاء التي تواجهك بالبرمجة 🤔🔥
بهذا الثريد راح اشرح لك كيف تبحث وتحل المشاكل اللي تواجهك بالبرمجة 👋
⬇️⬇️
https://twitter.com/proadev/status/1582068686570913793?s=20&t=8G0C_rmzWu1wGsdnQQvAjw

https://www.instagram.com/p/Cj0wO9VoPFz/?utm_source=ig_web_copy_link

5 نصائح لتطوير مستواك كمبرمج 🚀

تعلم تقنيات تطوير الويب مجانا 🚀
1. HTML 👉 codecademy.com
2. CSS 👉 web.dev
3. Git 👉 learngitbranching.js.org
4. JavaScript 👉 javascript.info
5. React 👉 reactjs.org

اذا حاولت تفهم Regular Expression 😂😂

إضافة معاينة الروابط Link Previews بـ HTML 🔥👋
👇👇
https://twitter.com/proadev/status/1582788476994408448

https://www.instagram.com/p/Cj53jn3u2xv/

12 اطار عمل Frameworks CSS لمطورين الويب تسرع من عملية التطوير، وتختصر عليك الكثير من الوقت🚀🔥
1. Bootstrap
2. Tailwind CSS
3. Bulma
4. UIkit
5. Milligram
6. Skeleton
7. Materialize
8. Foundation
9.Pure CSS
10. Materialize CSS
11. Semantic UI
12.Tachyons
وش الاطار المفضل لديك؟🤔

موقع بطل لمطورين FrontEnd  يوفر لك مجموعة من الانيمشن الجاهزة 🚀
كل اللي عليك تختار الانميشن اللي تبيه وتنسخ الكود HTML , CSS وتستخدمه مجانا 😍

✅ https://uiverse.io

اختصارات Vs Code

تعلم HTML .. فيديو واحد يشرح لك كل ماتحتاجه لتعلم لغة HTML 🚀
عربي
https://youtu.be/qfPUMV9J5yw
En
https://youtu.be/UB1O30fR-EE

🔹React Developer Tools
هذه إضافة لمتصفح Google Chrome تساعد على فحص وعرض مكونات React من خلال المتصفح عن طريق عمل Inspect لأي عنصر.
https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

🔹Evergreen
عبارة عن إطار عمل React UI لبناء المشاريع بسهولة باستخدام React.
https://evergreen.segment.com/

🔹Chakra UI
مكتبة تساعدك على إنشاء مشاريع React بسهولة بكود أقل وأكثر سرعة.
https://chakra-ui.com/

🔹Framer Motion
موقع رهيب لإنشاء العناصر وتحريكها باستخدام React 😍 .
https://www.framer.com/motion/

موقع رهيب يبسط لك الخوارزميات باسهل طريقة 😍
ويوضح لك كيف تعمل كل خوارزمية ✅

https://www.toptal.com/developers/sorting-algorithms

📍كتاب ابدأ مع HTML 🔥😍
كتاب للمبتدئين يعلمك من الصفر كيف تبدأ بلغة HTML وكيف تكتب اول كود 👏
الكتاب للمبتدئين واللي حاب يبدأ يتعلم برمجة وتصميم المواقع ..💻

✔️ كتاب أبدأ مع HTML يساعدك على الانطلاق برحلتك البرمجية عبر تعلم لغة هيكلة صفحات الويب HTML وهي أشهر لغة بعالم الويب وهيكلة الصفحات...

✔️ الكتاب بشرح مبسط ومختصر ليسهل على المبتدئين البدء بتعلم اللغة والدخول بعالم تطوير الويب

وبمناسبة إطلاق الكتاب هذا كوبون خصم 35% من قيمة الكتاب🔥😍
استخدم كوبون
HTML10
🟥رابط الشراء من متجري
https://store.proadev.com/NGGmZB

‏🔻تدري ان اكثر الزيارات للمواقع تكون عن طريق الجوال🤔
لذلك مهم عند عمل تصميم ان تجعل المواقع متجاوب مع جميع الأجهزة ...
وهذه أهم مقاسات التصميم المتجاوب بـ CSS🔥
⬇⬇

https://twitter.com/proadev/status/1585312814549245954?t=qFfIpC3tXbWovmtcWu2uNw&s=19

تعرف ليش نستخدم هذا السطر عند كتابة كود CSS 🤔

* {
padding: 0;
margin: 0;
box-sizing: border-box;
}

شاركني إجابتك 🚀👇

هذا مستودع على Github يحتوي على 50 مشروع للمبتدئين 🚀
HTML
CSS
Javascript

تقدر تاخذ منها افكار لتطوير مستواك ولتحدي نفسك 🎯
🔗 https://github.com/bradtraversy/50projects50days

الـconst يستعمل في حال كانت قيمة المتغير معروفة الأن
الـfinal يستعمل اذا كانت قيمة المتغير غير معروفة حاليا

الـconst لا يقبل التعديل على المتغير و القيمة
الـfinal لا يقبل التعديل على المتغير لكن يقبل التعديل على القيمة

ال var يمكن اعادة تعريفه او التعديل على قيمته

تعرف وش أهمية الـ SEO🤔
وكيف تجعل موقعك يظهر بنتائج البحث الأولى؟
📌 بهذا البوست راح اشرح الـ SEO للمطورين وكيف تجعل موقعك يظهر بأول النتائج 🔥😍

✅ https://twitter.com/proadev/status/1587142628382056448?s=20&t=CSOMwDgEExvXPMwdbPKM-g

✅ https://www.instagram.com/p/CkYzYMhrdq3/

من افضل االمواقع لمطورين الويب  يوفر لك مرجع وشرح لكل من
HTML
CSS
JAVASCRIPT
HTTP
API
وغيرها الكثير  🔥
https://developer.mozilla.org/en-US/docs/Web/Guide