دورة رياكت من الصفر الى الاحتراف مجانا 😍😍
https://youtube.com/playlist?list=PLpr1Lg_f0v3ojNKR4WzZ_SEXhiKBHDQmB

موقع CodePen يعد أيضًا موقعًا مهمًا لمصممي المواقع. يتيح لك هذا الموقع إنشاء ومشاركة صفحات الويب والتطبيقات المختلفة، ويوفر لك العديد من الأدوات والمكتبات والإطارات التي يمكن استخدامها في تصميم وتطوير المواقع. كما يتيح للمستخدمين التفاعل مع بعضهم البعض والتعلم من خلال الأعمال التي يتم نشرها على الموقع.

📌نصائح للمبتدئين بمجال FrontEnd 👨‍💻

ابدأ بتعلم كيف يعمل الويب Web .
ابدأ وتعلم HTML و CSS جيدا .
لاتتعلم اطر العمل Bootstrap  و Tailwind قبل معرفتك ل CSS . ❌

استخدم أطر العمل مثل React و Next Js لانها تسهل وتختصر عليك الكثير من الوقت✅  

لاتنسى الاهتمام بمعرض اعمالك✅

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

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

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

2 - The Algorithms
https://github.com/TheAlgorithms

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

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

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

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

‏تعالو نعرف يعنى ايه API ؟

‏كلنا عارفين انه اختصار ل Application Programing Interface

‏وفى اغلب الاحيان بنسمعه دايما لما بنكون بن develope backend و بالتالى فى frontend بيعمل call لل API دة

‏بص المصطلح دة اشمل من كدة. باختصار اى مستخدم عادى وليس مطور برمجيات مش هيقدر يتعامل مع اى جزء من البرنامج بشكل تقنى وبالتالى هو محتاج وسيط او واجهة يقدر يتعامل مع البرنامج من خلاله.

‏خلينا نقول مثال بسيط بعيدا دلوقتى عن ال software
‏اى عميل بيروح بنك وبيقف على شباك علشان يتكلم مع موظف يساعده فى طلبه. السؤال هنا هو ليه الموظف دة موجود ؟! وليه العميل ميقدرش بنفسه يدخل المكتب وينفذ بنفسه طلبه ؟

‏لان اولا العميل معندوش ولا المهارة ولا المعرفة الى تقدر يخليه يعمل كدة، ولو افترضنا انه يقدر فمش المفروض اى حد يدخل على اى نظام يعمل فى اى حاجه.

‏لو قولنا أن نظام البنك هو ال Application و الموظف هو ال Interface فكدة اى عميل يقدر يتعامل مع ال system بشكل غير مباشر عن طريق الموظف.
‏ودة يخلينا نقول ان ال Interface مش مفهومها هنا "واجهة رسومية" مش شرط تبقى frontend خلينا نقول بشكل أدق انها مجرد اداة بتعمل كوسيط.

‏هو دة بالضبط الى بيحصل فى اى مرة هتسمع فيها API

‏لو اتكلمنا عن مثال تانى ونقول اننا عندنا web application و فيه database مستخدمة.
‏هو ليه المستخدم الطبيعى ميقدرش يدخل على ال database بشكل مباشر ويقدر ينقذ عليها ال queries الى هو محتاجها ؟؟
‏لنفس السبب ،تقنيا مش هيعرف ولو هيعرف لازم ال database دى تبقى secured
‏وبالتالى ال developers بيكتبوا شوية code يقدروا هما يتعاملوا مع ال database .. وبعد كدة اى action ال user هياخدوا .. ال code دة هيتنفذ ويرجعله الداتا الى هو محتاجها .. وبكده ال user اتعامل مع ال database بشكل غير مباشر.

أخيرًا اضافة Postman في VS Code.

‏Postman هي أداة تطوير لواجهات برمجة التطبيقات تسمح للمطورين بتصميم واختبار وتوثيق ونشر واجهات برمجة التطبيقات بسهولة. يتضمن واجهة مستخدم بسيطة ومرئية تتيح للمستخدمين إنشاء طلبات واستجابات API واختبار تلك الطلبات. بالإضافة إلى ذلك ، يسمح Postman للمستخدمين بإنشاء مجموعات من الاختبارات وإدارتها ومشاركتها مع فريقهم.

كل شخص مهتم في تعلم تصميم المواقع فينا نحكي مكالمة مجانية وبشرحلك كيف رح ساعدك وابنيلك نظام من الصفر إلى الاحتراف ال حابب يحجر موعد يراسلني خاص🔥🔥

دورة تعلم php من الصفر الى الاحتراف 🔥🔥
https://youtube.com/playlist?list=PLMTdZ61eBnypZGBMDMGYI48WfZEyAgQK_

📌موقع فنان لمطورين الويب Fronend  🔥😍
تقدر تحصل منه على عناصر جاهزه بالتصميم HTML / CSS وتقدر تشارك ايضا👌
العناصر تقدر تستخدمها سوا استخدام تجاري او شخصي ...
والحلو فيه فيه نقاط لاكثر الاشخاص المشاركين🏆

https://uiverse.io/

دورة بايثون من الصفر الى الاحتراف🔥
https://youtube.com/playlist?list=PLb6ZzJ93PVwpRVdX9yg8tQ1SMC4DSECjz

مصطلحات البرمجة التي يجب أن تعرفها !!

فيما يلي مجموعة من 23 مصطلحًا من أكثر مصطلحات البرمجة شيوعًا والتي يجب على كل مطور معرفتها
---------------------------------
1. ALGORITHM
مجموعة من القواعد التي يجب اتباعها في العمليات الحسابية أو عمليات حل المشكلات الأخرى
‏
2. API
واجهة برمجة التطبيقات هي مصدر للمعلومات
‏
3. ARGUMENT
قيمة يتم تمريرها إلى دالة عند استدعائها
‏
4. BUG
هو خطأ في برمجة الكمبيوتر يمنع البرنامج من العمل كما هو متوقع
‏
5. Boolean
هو التعبير المنطقي أو المنطق، هذا التعبير يُستخدم لإنشاء موقف إما صحيح أو خاطئ
‏
6. COMMENTS
نص توضيحي مكتوب الى جانب الكود ، ولكن لا يتم تشغيله أبدًا، ويتجاهله complier بشكل عام
‏
7. COMPLIER
هو برنامج حاسوبي يقوم على تحويل الملفات المصدرية إلى أوامر مباشرة يفهمها الحاسوب وينفذها مباشرة بما يناسب بنية الحاسوب الذي يستهدفه البرنامج
‏
8. COMPILATION
هي عملية إنشاء برنامج قابل للتنفيذ من خلال رمز مكتوب بلغة برمجة
‏
9. DATA TYPES
هو تصنيف لنوع معين من البيانات
10. EXCEPTION
حالة غير متوقعة وشاذة تمت مواجهتها أثناء تنفيذ البرنامج
11. FUNCTION
جزء من التعليمات البرمجية يأخذ ARGUMENT "صفر" أو أكثر، على حسب طبيعة الدالة و الرغبة من البرنامج، ولا يعمل حتى يتم استدعاؤه
‏
12. LOOP
هي سلسلة من التعليمات التي تكرر نفس العملية مرارًا وتكرارًا حتى يتم استيفاء الشرط لكي تنتهي
‏
13. FRAMEWORK
الإطار في البرمجة هو أساس ذو مستوى خاص من التعقيد يمكن أن يغيره المبرمج، مستخدمًا الكود الخاص به
‏
14. RUN
لتنفيذ التعليمات المكتوبة في كود برمجي أو ملف تنفيذي
‏
15. KEYWORDS
تُعرف الكلمات المحجوزة بواسطة لغة برمجة بالكلمات المفتاحية، بسبب معناها الخاص بها
‏
16. NULL
هي القيمة الفارغة ، هو رمز برمجة يمثل حرفًا بدون قيمة أو قيمة مفقودة أو نهاية سلسلة أحرف
‏
17. OPERATOR
هو مصطلح يُستخدم للإشارة إلى ال object الذي يمكنه التعامل مع العناصر التي يتم التلاعب بها او تعديلها
‏
18. VARIABLE
المتغير هو موقع يخزن بيانات مؤقتة داخل برنامج يمكن تعديله وتخزينه وعرضه في وقت الحاجة اليه
‏
19. FRONTEND
هي واجهة المستخدم لجهاز كمبيوتر أو أي جهاز من نصوص أو ألوان أو أزرار أو صور. هو ما تراه وتتفاعل معه في المتصفح،
‏
20. BACKEND
هو الجزء الذي لا تراه في الموقع، فهو مسئول عن تخزين وتنظيم البينات والتأكد من أن كل شئ في واجهة الموقع يعمل بشكل جيد
‏
21 - SYNTAX
هي مجموعةالتركيبات و القواعد الخاصة بلغة برمجة، والتي تكون مسؤولة عن كيفية نقل البيانات
‏
22. Package
عبارة عن مجال إسم (namespace)، وهدفها تنظيم مجموعة من الفئات والواجهات ذات العلاقة. يمكن مقارنة فكرة الحزمة بمجلدات مختلفة موجودة في حاسوبك، كل مجلد خاص بشيء محدد
‏
23. OOP
عبارة عن نمط برمجة متقدم، يمكن من تقسيم البرامج الى وحدات تسمى الكائنات Objects، بحيت يعتبر كل كائن عبارة عن حزمة من البيانات. ويتم البرمجة بواسطة استخدام الكائنات وربطها مع بعضها البعض وواجهة البرنامج الخارجية باستخدام هيكلية البرنامج وواجهات الاستخدام الخاصة بكل كائن

أداة رهيبة تسهل عليك عمل الثيمات Themes والتحكم بالألوان والخصائص لتطبيقات Flutter 👌😍
🎲تقدر من خلال هذا الأداة التحكم بجميع الخصائص للتطبيق مثل الازار , الايقونات وغيرها ومن ثم تصدر التنسيق كملف Dart .
أسم الأداة panache وموجودة على github  👇
https://rxlabz.github.io/panache_web

كورس جافا سكريبت شامل من الصفر إلى الاحتراف🔥🔥
https://youtube.com/playlist?list=PLYyqC4bNbCIeLEjcSPO61bsGPKEvYceb0

عيد اضحى سعيد عليكم كلكم يارب 🐑 اللهم تقبل دعواتنا و صيامنا و ارزقنا بالحج و اغفر لنا ذنوبنا 🤲

كورس تعلم أساسيات البرمجة ب لغة c++ 🔥🔥
https://youtube.com/playlist?list=PLDoPjvoNmBAwy-rS6WKudwVeb_x63EzgS

جوجل نزلت بالتقيل وعملتلك منهج تعليمي كامل يعلمك الذكاء الاصطناعي من الصفر وببلاش

المسار التعليمي مناسب لكل الناس في كل المجالات, اما الجزء الاخير مناسب اكتر للناس اللي بتشتغل في الداتا ساينس والبرمجة...


👇👇
‏ https://www.cloudskillsboost.google/journeys/118

📌تبي تحديات تختبر نفسك فيها اذا تعلمت FrontEnd  ؟ 🔥🚀
هذا موقع رهيب لمطورين Front-End ،
تقدر من خلاله تتعلم على مشاريع حقيقية ،يعطيك مشروع وانت تسويه ب HTML / CSS .. كل اللي عليك انك تختار التحدي وتبدأ 🚀
ايضا يوفر خدمات مدفوعة 💵
https://webdevelopermentor.com/