تطوير وبرمجة الويب
58 subscribers
160 photos
10 files
193 links
Download Telegram
📍مواقع للربح من بيع القوالب للويب .. اذا كنت تجيد HTML, CSS, Javascript , هذه مواقع يمكنك من خلالها بيع تصاميمك والربح منها 💰 🔥
👇👇
https://twitter.com/proadev/status/1579888061588320256?s=20&t=oJDTJ8-DcT_3qoL2XQy2pg
📍6 من افضل المواقع اللي تساعدك تحصل على اكواد ومقتطفات Snippets جاهزة HTML / CSS / Javascript 🚀🔥

⬇️⬇️

https://twitter.com/proadev/status/1580257367484088320?t=-07eONgZGwpH2ciQZv7yrQ&s=19
اشهر انواع وانظمة قواعد البيانات Databases 🚀

🔹MySQL
🔹Redis
🔹SQLite
🔹Oracle
🔹MongoDB
🔹MariaDB
🔹IBM DB2
🔹Firebase
🔹DynamoDB
🔹Microsoft SQL Server
🔹Cassandra
🔹Couchbase
🔹PostgreSQL


◀️ وش النوع اللي سبق واستخدمته؟ 💬
📍تبي تتعلم البرمجة بثلاث ايام وليلة ؟
ماتقدر

📍تبي تتعلم البرمجة وانت ماتطبق ولاتسوي مشاريع؟
ماتقدر

📍تبي تتعلم البرمجة باسرع وافضل طريقة؟
اختر لغة وابدأ

📍هل لازم اعرف للخوارزميات وهياكل البيانات؟
لا، تقدر تبدأ بدونها وتتعلمها لاحقا
📍هذا الموقع رهيب يسهل لك عمل مستند او توثيق README لاي مشروع تريده 🚀
https://readme.so/
دائما اختر المصادر المناسب للتعلم .. 🎯
لان البعض يشرح بشكل مفصل جدا والبعض بشكل مبسط وسريع .. والبعض طريقته بالشرح والكلام بطئية بعكس البعض لهجة واضحه وسرعه طبيعية..
وبالاخير كلهم اجتهدوا لتقديم محتوى ويبقى الاختيار عليك
موقع رهيب لمطورين Front-End للتعلم 🔥🚀
تقدر من خلاله تتعلم على مشاريع حقيقية ،يعطيك مشروع وانت تسويه ب HTML / CSS .. كل اللي عليك انك تختار التحدي وتبدأ 🚀
ايضا يوفر خدمات مدفوعة 💵
https://webdevelopermentor.com/
بوست رهيب 🔥👨🏻‍💻
لاتنسى دعمي بلايك ❤️

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

https://www.instagram.com/p/Cj0wO9VoPFz/?utm_source=ig_web_copy_link
5 نصائح لتطوير مستواك كمبرمج 🚀
اذا حاولت تفهم Regular Expression 😂😂
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
وش الاطار المفضل لديك؟🤔
اختصارات Vs Code
🔹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;
}

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