📌موقع مفيد جدا لمطورين FrontEnd..
تقدر تعرف هل المتصفح يدعم المميزات او الخصائص للغات HTML , CSS ,JS او لا يدعمها.
فمثلا استخدمت خاصية جديدة بـCSS تقدر تعرف وش المتصفحات التي تدعم الخاصية✅
كل اللي عليك تبحث عن الخاصية وراح يعرض لك هل هي مدعومة او لا.👇
caniuse.com

📌موقع Colorhub يساعدك على اختيار الوان متناسقة لتصميمك القادم 👌
اختر Palette جاهز وتقدر تعدل عليه ومن ثم تستخرج اكواد الألوان بسهولة وتصديرها كملف CSS 😍
https://colorhub.vercel.app/

مسار تصميم المواقع frontend🔥🔥
1-تعلم لغة html
https://youtube.com/playlist?list=PLDoPjvoNmBAw_t_XWUFbBX-c9MafPk9ji&si=aiSNNrCzzfqiliMn
2-مشاريع بسيطة html فقط
https://youtube.com/playlist?list=PLSiLeKadTQ7mfXH_bQH-A4neXG8_hUAud&si=bkSeGaDPkkJ0Do_0
3-تعلم لغة css
https://youtube.com/playlist?list=PLDoPjvoNmBAzjsz06gkzlSrlev53MGIKe&si=UYYW4FQCM7fAdGLm
4-مشاريع html css فقط
1
https://youtu.be/_-eh8cwGGwg?si=bzguHgASRlsfGPTf
2
https://youtu.be/heuDmrEAgUA?si=nN5aNoBNQoe64VrG
3
https://youtu.be/vkc99WHcDTk?si=Mup2G7WXN6eersH6
4
https://youtu.be/DflEcuzjsyA?si=sZYVA4pD3Y-8qO9d
5
https://youtu.be/cARGOrtiWt4?si=w12Rr-DVLMrFHnqx
6
https://youtube.com/playlist?list=PL0NXc3SfXYNTZROR7lYNxivb-4ORtGMNQ&si=rgRndgQuFw3klylr
7
https://youtu.be/CUqSRxF6vng?si=FDxYFTzb5vt3Yw5X
8
https://youtu.be/BzzXd_wabzk?si=18FsbhxpxFPt1P8g
9
https://youtu.be/hE0azYXN_W0?si=Kd2-muwd0vMDfU60
10
https://youtu.be/Hnm3BP-tjD8?si=6RzzGnWRJWav2ye1



5-تعلم مكتبة بوتستراب
https://youtube.com/playlist?list=PLMTdZ61eBnyoZi9kwFl_-5IQhrJsmJIB5&si=S2p2uOH_EuVhc7CN
6- مشاريع على بوتستراب قائمة فيها 5 مشاريع
https://youtube.com/playlist?list=PL0NXc3SfXYNSTrmGl7M3y1axrGd-LAMfj&si=UMw-mBi39Cb1V74e
7-تعلم اساسيات البرمجة
https://youtube.com/playlist?list=PLoP3S2S1qTfBCtTYJ2dyy3mpn7aWAAjdN&si=LZ790yTsYrmuTzKp
8-الدخول الى لغة جافا سكربت وتعلمها
https://youtube.com/playlist?list=PLDoPjvoNmBAx3kiplQR_oeDqLDBUDYwVv&si=qtLGFNZxORaoTLQJ
9-مشاريع على جافا سكريبت
1
https://youtube.com/playlist?list=PLDoPjvoNmBAz7_BgzvNcOaE-m_SnE4jiT&si=OdJ0GfQvFY3PYyn0
2
https://youtube.com/playlist?list=PLW03K0dPCnA5BZkqXZZUoR95uFUQRHyB1&si=kDaF8vgtDbBV4IR1
3
https://youtube.com/playlist?list=PL0NXc3SfXYNTi48PixMjLY-CanLxI04x1&si=e-0VHRzqLvu2gbf3
4 قائمة تشغيل مهمة جدا جدا
https://youtube.com/playlist?list=PL0NXc3SfXYNSk5ba2UXdbB9NaWrQ4wOko&si=0xVapmsx-qXXjRzr
5
https://youtu.be/6BicTKzUDRA?si=6Enusx9ZCkp8CK30
6
https://youtube.com/playlist?list=PLtFbQRDJ11kHCgyFid3khHdOk0VEHiJ3e&si=WmL_p3VP0ArwaQrl
10- تعليم مكتبة رياكت وعمل مشاريع عليها
كورس كامل متكامل اساسيات ومشاريع احترافية
https://youtube.com/playlist?list=PLpr1Lg_f0v3ojNKR4WzZ_SEXhiKBHDQmB&si=1SH36ItIvRp85P6e

هي خطتي الشخصية لتعلم تصميم المواقع خطوة ب خطوة هدية مني كشكر على تفاعلكم ودعمكم🔥🔥

4 قنوات لتطبيق مشاريع Frontend رهيبة ومناسبة للمبتدئين 😍🔥


1:: Mr. Web Designer
https://www.youtube.com/@MrWebDesignerAnas/playlists


2:: Coding Market
https://www.youtube.com/@CodingMarket/videos


3:: Online Tutorials
https://www.youtube.com/@OnlineTutorialsYT/videos


4:: EGATOR
https://www.youtube.com/@EGATORTUTORIALS/playlists

🔴 هذه افضل الدورات اللي تشرح لكم برمجة 1 بلغة جافا Java 👨‍🏫
او اذا  بتتعلم لغة جافا🥇


1.. دورة احمد الطيب تشرح لكم من المستوى الأول الى مستوى الثاني 🏆
https://bit.ly/3HVxmvf


2..  دورة عبدالله الحربي  تشرح لك نظريا اكثر✔
https://bit.ly/3ODnJFo

3.. دورة محمد الدسوقي شرح مفصل اكثررر 👍

https://bit.ly/3SR6Jhs

4.. دورة عبدالله عيد .. ابدع بشرح جافا☕
من الكورسات القديمه المميزه 🔥
‏https://bit.ly/48l08R2

أفضل مواقع لتحميل صور Vector مجانية لتصميمات مواقع الويب بعدة صيغ svg, jpg, png .....

⭐️ The Noun Project
⭐️ VectorStock
⭐️ unDraw
⭐️ Flaticon
⭐️ Pimpmydrawing
⭐️ Freepik
⭐️ Pixeden
⭐️ Streamline Icons
⭐️  icons8
⭐️ Openclipart
⭐️ FreeVectors
⭐️ Pixabay
⭐️ Vecteezy
⭐️ Deviant Art

🔥 بناء مشروعك بالذكاء الاصطناعي بتكلفة 0 ريال

ـ Namelix
اسم المشروع

ـ Looka
تصميم الشعار

ـ Canva
تصميم المحتوى

ـ Meta Business
جدول المنشورات

ـ Durable Ai
موقع إلكتروني

ـ PayPal
استقبال الأموال

ـ Zapier
أتمته المهام

ـ Katteb
كتابة محتوى إعلاني

ـ Fliki
انشاء محتوى فيديو

🔰  لغة  ++C

⬅️ تعتبر  من اقوى لغات برمجة ويستخدم في اكثر من مجالات في العالم .

1_ لغة سهل تعلم.

2_ يستخدم في كثير من مجالات.

3_ لغة قديمة و أول ظهور في عام 1985 يعني 38 سنة.

4_ لغة تجبرك تفهم مفاهيم بدقة عكس باقي لغة.

5 _لا يوجد فرق بين C و ++C إلي بهذا نقطه
حيث أن ++C يدعم نوعين من برمجة هي برمجة هيكلية و برمجة كائنية توجيه OOP و بينما C لا يدعم برمجة كائنية توجيه OOP فقط يوجد برمجة هيكلية.

🔸️ اساسيات لغة ++C :-
1_ أول خطورة اتعلم اساسيات لغة .

2_ بعد ما تعلمت اساسيات أبد بحل اسئلة حسب مستواك.

3_ أبد تعلم برمجة كائنية توجيه OOP .

4_ بعد ما تعلم برمجة كائنية توجيه ابد بمشروع صغير حسب مستواك من بداية حتى إلى برمجة كائنية توجيه.

5_ اتعلم Data Structures  هياكل البيانات و كيفية تعامل بيها.

6_ بعد ما تعلمت 5 هاي اساسيات انتقل إلى Problem solving  حل مشاكل 1000 إلى 2000 مشكلة لان كثرة حل مشكلة انت تكتسب خبرة عندما تحل مشكلة ما .

7_ أبد بمشاريع كبيرة.

🔸️ استخداما لغة ++C :-

1_ برمجة العاب ضخمه .

2_ برمجة تطبيقات سطح مكتب.

3_ برمجة مواقع ويب.

4_ برمجة انظمة تشغيل.

5_ برمجة اجهزة طائرات و مستشفى و اجهزة الأمني و  حماية.

6_ برمجة لغات برمجة لان ++C يعتبر ام لغات جميع لغات برمجة مبنية بشكل مباشر او غير مباشر بي ++C.

7_ تستخدم في برمجة شبكات.

8_ تستخدم في اختبار اختراق و إنشاء سكربتات حيث أن لغة ++C قريباً جداً من هارد وير هو CPU وهي معالج.

* تعلمك لهذا لغة خيار جدا مناسب كما قلنا لغة ++C قريباً جداً من هارد وير هو CPU و اي لغة قريباً عن معالج يكون لغة جداً سرعة و عند كامل صلاحية على جهاز.

🔴 أهم لغات البرمجة المتوقع أن تكون مطلوبة  بعام 2024

JavaScript
Java
Kotlin
Swift
Python
C &C++
PHP
Go
R
C#

كورس تعلم Node Js من الصفر الى الاحتراف🔥🔥
https://youtube.com/playlist?list=PLz5JOhlFdh1kF_j2zKuzrxXmMuay86gW8&si=HOxvhA_aFthuD3pR

أكثر لغات البرمجة شعبية وفقًا لأحدث مستودعات GitHub:
1. 🐍 بايثون (Python): متعددة الاستخدامات، مثالية للتعلم الآلي وتطوير الويب.
2. 📝 تايب سكربت (TypeScript): توفر الأنواع الصارمة لتطبيقات JavaScript، تحسن من جودة التطبيقات.
3. 💻 جافا سكربت (JavaScript): لغة أساسية لتطوير الويب الأمامي والخلفي.
4. 🎮 سي شارب (C#): مستخدمة بشكل واسع في تطوير التطبيقات والألعاب.
5. 🌐 إتش تي إم إل (HTML): لغة العلامات الأساسية لإنشاء صفحات الويب.
6. 🛠️ راست (Rust): تتميز بالأمان والسرعة، مثالية لنظم التشغيل والبرمجيات المضمنة.
7. ⚙️ سي بلس بلس (C++): قوية لتطوير النظم والتطبيقات ذات الأداء العالي.
8. 🔧 سي (C): لغة برمجة كلاسيكية، تستخدم في نظم التشغيل والبرمجيات المنخفضة المستوى.
9. 🚀 جو (Go): تتميز بالبساطة والأداء العالي لتطوير الخدمات الخلفية.
10. 🧙 لوا (Lua): لغة سكربت خفيفة، مثالية للتكامل مع تطبيقات الألعاب والبرمجيات.
11. 📱 كوتلين (Kotlin): تستخدم بشكل رئيسي لتطوير تطبيقات أندرويد.
12. ☕ جافا (Java): شائعة في تطوير التطبيقات المؤسسية وأنظمة الويب.
13. 🍏 سويفت (Swift): لتطوير تطبيقات iOS وmacOS بكفاءة عالية.
14. 📊 جوبيتر نوتبوك (Jupyter Notebook): بيئة تفاعلية للبرمجة، مفضلة في تحليل البيانات والتعلم الآلي.
15. 💡 شيل (Shell): لغة البرمجة النصية للتحكم في نظام التشغيل لينكس/يونكس.
16. 🎨 سي إس إس (CSS): لتصميم وتخصيص مظهر صفحات الويب.
17. 🎲 جي دي سكربت (GDScript): مصممة خصيصًا لمحرك الألعاب Godot.
18. 🔐 صوليديتي (Solidity): لغة العقود الذكية على بلوكتشين إيثريوم.
19. 🖼️ فيو (Vue): إطار عمل JavaScript لبناء واجهات المستخدم الديناميكية.
20. 🌍 بي إتش بي (PHP): لغة برمجة الويب الخلفية.
21. 🎯 دارت (Dart): تستخدم بشكل أساسي مع إطار العمل Flutter لتطوير التطبيقات المتعددة المنصات.
22. ❤️ روبي (Ruby): مثالية لتطوير الويب بسرعة عبر إطار العمل Rails.
23. 🍎 أوبجكتف-سي (Objective-C): استخدمت في تطوير تطبيقات أبل قبل Swift.
24. ⚡ باورشيل (PowerShell): لغة نصية وأداة لإدارة التكوينات لنظام ويندوز.
25. 📈 سكالا (Scala): تجمع بين البرمجة الوظيفية والكائنية، مستخدمة في تطبيقات الويب والنظم الموزعة.

كل لغة من هذه اللغات لها دورها الفريد ومجالات التطبيق التي تبرع فيها، واختيار اللغة المناسبة يعتمد على المتطلبات الخاصة للمشروع أو المجال الذي تعمل به.

كورس تعلم لارافيل من الصفر الى الاحتراف 🔥🔥
https://youtube.com/playlist?list=PLcfD4HARQRF9BFWK16B4nTeZDn5AoIRws&si=pkiqf7FpVYwvCHVn

📌مواقع مساعدة
موقع marko، بيساعدك في انشاء مجموعة من الأزرار الإحترافية التى راح توفر عليك كتابة الكود، كل ما عليك إنك تنقر ع أي زر انت محتاجه راح ينسخ الكود وتقدر تستخدمه في موقعك
رابط الموقع | https://markodenic.com/tools/buttons-generator/

دورة تعلم من الصفر كاملة سي بلس بلس للمبتدئين 🔥🔥🔥

https://youtube.com/playlist?list=PL8DDsWuvM_EV9tIIZ_SrwCDnfTUmk_FRw&si=7mfHEyMZHZE2zKW9

🔰       مالفرق بين Com. وNet. وOrg. ؟

🔹 النطاق com.
النطاق الأشهر والأفضل على الإطلاق بين مختلف النطاقات.
نشأ هذا النطاق سنة 1985، وكان الهذف الأساسي منه, هو استعماله في أغراض تجارية ولتعريف الشركات بشكل عام. لا يزال نطاق com. يحتفظ بصيغته التجارية الأساسية، وهي اختصار لكلمة "Commerial" والتي تعني "تجاري".

🔹 النطاق net.
نطاقٌ آخر يحظى بشعبية كبيرة في عناوين الدومين على الانترنت، وهو النطاق العام بالإنترنت، إذ تم اقتبتسه أساساً من كلمة "Network". وعادةً ما يُستعمل من طرف الشركات ذات الخدماتوالمتنوعة، ويمكن أن يُستعمل من قِبل أي جهة كونه عام، إذ يمكن أن تستعمله مؤسسات تعليمية - تجارية ...

🔹 النطاق org.
نشأ هذا النطاق في نفس العام الذي نشأ فيه نطاق com. (1985)، لكنه يُستعمل من قِبل جهات محددة عادةً لا تهدف إلى تحقيق الربح أو أي عائدٍ مادي (مؤسسات غير ربحية)، وهو مشتق من كلمة "Organization" والتي تعني "مؤسسة".

🔹 النطاق info.
يُشتق هذا النطاق من كلمة "Information"، ومز اسمه يتضّح أن هذا النطاق يختص بالمواقع التي تُقدم المعلومات في مختلف المجالات، وكذلك المؤسسات المعلوماتية.

🔹 النطاق edu.
هذا النطاق هو اختصار لكلمة "Education"، ويُستعمل من قِبل الجهات التعليمية، كالمدارس - الجامعات - الكليات - والمعاهد التعليمية على اختلافها.

  ⭕    لا يقتصر استعمال النطاقات في الانترنت على النطاقات المذكورة أعلاه فقط، إنما هناك العديد منوالنطاقات الأخرى, لكنها أقل استخداماً وأمثر تخصصاً.
على سبيل المثال :
- النطاق mil. يُستعمل للهيئات والمؤسسات العسكرية.
- النطاق int. يُستعمل للمؤسسات الدولية مثل "الناتو".
هذه النطاقات المخصصة تندرج ضمن لِواء (النكاق العام عالي المستوى).

4 دورات تأسيسية للمبتدئين من قناة الاستاذ محمد ابو هدهود😍😍

1- سلسلة أساسيات مهمة لكل مبرمج

https://youtube.com/playlist?list=PL3X--QIIK-OHgMV2yBz3GLfM5d_5BxOSj&si=bPtyy8NbvNWTHx6a

2- سلسلة الخوارزميات وحل المشاكل المستوى الاول

https://youtube.com/playlist?list=PL3X--QIIK-OEUIwbQU79V76RHelBUQKiz&si=KY18xd6EbO2tyhWV

3- مقدمة في البرمجة بااستخدام ++C

https://youtube.com/playlist?list=PL3X--QIIK-OFIRbOHbOXbcfSAvw198lUy&si=3RTt-fyyH6YhVb5h

4- حلول متقدمة لسلسلة الخوارزميات وحل المشاكل

https://youtube.com/playlist?list=PL3X--QIIK-OEwPmZVfltqCYy6_RuwXr4A&si=ArKYQNK-tX2a1e9r

أفضل لينكات github لازم وحتما تحفظهم عندك ايا كان تخصصك في البرمجة

‏Tech Interview Handbook
‏ https://github.com/yangshun/tech-interview-handbook

‏The Algorithms
‏ https://github.com/TheAlgorithms

‏Free Programming Books
‏ https://github.com/EbookFoundation/free-programming-books

‏1000+ Free APIs
‏ https://github.com/public-apis/public-apis

‏Coding Interview University
‏ https://github.com/jwasham/coding-interview-university

‏30 Seconds of Code
‏ https://github.com/30-seconds/30-seconds-of-code

كتاب تعلم لغة سي شارب من الصفر الى الاحتراف مجانا😍😍