خارطة الطريق لتصبح مطور ويب BackEnd 😍🔥

وش مجالك المفضل BACKEND او FRONTEND ؟


https://www.instagram.com/p/C09bndaNdVs/?img_index=1

ادوات لاغنى عنها لمطوري FrontEnd 😍🔥

📌 Vs Code
محرر اكواد مجاني وخفيف مع توفر العديد من الاضافات
📌 Figma
أداة لانشاء التصاميم Ui/ux بشكل مجاني
📌 CodePen
موقع لتنفيذ وتجربة الاكواد اونلاين مع العديد من الافكار
📌 Dribbble
للاستلهام وتجميع الافكار
📌 W3schools
مصدر لتعلم كل مايخص الويب مجانا


وش الاداة اللي ماتستغني عنها ؟ 🤔

..
📌 ملخصات حلوووه ل Tailwind CSS ..

https://umeshmk.github.io/Tailwindcss-cheatsheet/

https://tailwindcomponents.com/cheatsheet/

#FrontEnd

قد سألت نفسك ليش نتعلم البرمجة 🤔
هذه أهم 5 أسباب اللي تخليك تتعلم البرمجة ☕️
https://www.instagram.com/p/C1PmTjzxpPR/?img_index=1

https://x.com/proadev/status/1738970198399389971?s=20

لاتنسى مشاركة المنشور مع اصدقائك المبرمجين❤️👨🏻‍💻

📌موقع كنز لمطورين FrontEnd 🔥😍
فيه ادوات كثيرة تفيدك ل HTML/ CSS / JS وتختصر لك الوقت🚀
الادوات مثل

SVG Generator
CSSCubicBezier Generator
CSS Gradient Generator
CSS Minifier
@pro2dev
JavaScript Minifier

احفظه بمفضلتك ⭐
وشاركه مع اصدقاءك👨‍💻
يستحق التجربة 👌
🔗 https://10015.io

‏5 مكتبات JavaScript رهيبة لعمل animation او تحريك للعناصر 😍🔥
⬇️⬇️

https://twitter.com/proadev/status/1741142678799036894?t=5yXYsIdQe2RmZDfnxgvzYg&s=19

https://www.instagram.com/p/C1fBAq8rz6b/?igsh=NTc4MTIwNjQ2YQ==

📌أضافات Android Studio ☕️ استخدمها بـ 2024👌😍
هذه الإضافات تساعدك بتسريع عملية التطوير للتطبيقات 👨‍💻
https://www.instagram.com/p/C1mpwDSLKmi/


https://twitter.com/proadev/status/1742214239438131415

Http Request Methods

📌مواقع لتحميل قوالب HTML / CSS مجاناً 🔥😍
احفظها راح تحتاجها 🔁

⬇️⬇️

https://x.com/proadev/status/1702004610943095137?s=20

https://www.instagram.com/p/CxI7E-FN3Q5/

اضافات رهيبة لل Vs Code لمطورين FrontEnd  😍🔥
1. Live Server
2. Auto Rename Tag
3. Tailwind CSS IntelliSense
4.  ES7+ React/Redux/React-Native/JS snippets
5. Live Sass Compiler
6. Intellisense for CSS class names in HTML


وش الاضافات اللي ماتستنغي عنها ؟


👥 شاركه مع أصدقائك 🚀

جديد مسارات منصة سطر


1- مسار علم البيانات والذكاء الاصطناعي: لتطوير خبرتك بمجالات علم البيانات وكيفية التعامل معها.

2- مسار الطالب: لتعزيز فهمك للمناهج الجامعية بمجالات علوم الحاسب.


ابدأ الآن عن بعد ومجاناً
https://satr.codes/list/path

وش اكثر أداة ذكاء اصطناعي فادتك وزودت انتاجيتك كمبرمج ؟ 🤔

مثلا ChatGPT او غيرها 🚀

..

أنواع تطوير تطبيقات الجوال 📱👌
✅Native App
✅Hybrid App

تكتب كود بلغة برمجة معينة وتبي تحوله لأي لغة ثانيه ؟

هذا الموقع يحول لك اي كود من لغة إلى اخرى باستخدام الذكاء الاصطناعي 🔥
يدعم الكثير من اللغات منها
java / kotlin /dart /swift / javanoscript  

وغيرها من اللغات💻
ConvertCode Ai

https://www.codeconvert.ai

رابط القناة
https://news.1rj.ru/str/pro2dev

ساعدوني بنشر القناة❤

تحدي التطبيقات القرآنية
الهادفة إلى ابتكار حلول تقنية وبرمجية لخدمة القرآن الكريم


https://qoranthon.com/

هل تكتب كود نظيف ؟🤔

هذه ابرز صفات الكود النظيف Clean Code ☕️

اذا انت مطور FrontEnd احفظ هذا المقال عندك ✔️
ليه؟
يعلمك افضل الممارسات اللي تستخدمها بالتصميم
Designing better target sizes
دليل تفاعلي حول تحسين مساحة الحجم المستهدف باستخدام CSS ✅

https://ishadeed.com/article/target-size

‏📌كيف تتعلم البرمجة بشكل صحيح ؟🤔
اكثر ما يصادف اللي يريد تعلم البرمجة انه متشتت ولا يعرف من وين يبدأ ، بهذا الثريد بوضح لك كيف تبدأ تتعلم بشكل صحيح😍
⬇⬇

https://twitter.com/proadev/status/1648673552244277249?t=Yf3qubNN0nw1XjON24-XGQ&s=19