لغة البرمجة

عناصر الواجهة

المجتمع

التوثيق

أداء التطبيقات

‏هذا الجدول يوضح لك لغات البرمجة المناسبه لكل نوع من برمجة التطبيقات 🔥.

‏ملخص برمجة الويب 💜

‏طور مهارة البحث وبتلاحظ ان ١٠٠٪ من المشاكل اللي تواجهك بتخصصك تقدر تحلها بسهولة 👏🏻

‏هل فكرت من قبل، ما المميز في تعلم البرمجة ذاتيا؟ 💡

☑️ المرونة في تحديد أوقات الدراسة ووتيرة التعلم بحسب ظروفك واستيعابك وقدراتك الشخصية
☑️ اختيار لغات البرمجة والتقنيات التي تريد تعلمها بحسب ميولك واهتمامك أو حسب متطلبات سوق العمل
☑️ حرية في اختيار مصادر وتقنيات التعلم التي تناسبك والتي تشعر بأنها توصل لك المعلومات بطريقة تحبها
☑️ الدراسة من مصادر حديثة، فالتقنيات ولغات البرمجة تتطور بوتيرة سريعة
☑️ إمكانية الدراسة عن بعد والعمل لاحقًا من منزلك أو أي مكان يناسبك ضمن أوقات مرنة تناسب ظروفك
☑️ بناء المشاريع التي تفيدك في سياق تخصصك البرمجي.

‏تعرف على أهم أدوات المبرمجين في 2024 🛠️

1️⃣ محرر الأكواد: مثل VS Code وهو برنامج خفيف الوزن مخصص لكتابة وتحرير  الأكواد يتضمن ميزات تسهل العمل كتمييز وتلوين الشيفرات وإعادة استخدام  المقتطفات البرمجية.

2️⃣ بيئة التطوير المتكاملة: مثل IntelliJ IDEA التي توفر بيئة شاملة لتنفيذ  الأكواد وتتضمن عدة ميزات مدمجة كمحرر الأكواد، والمترجم Compiler، ومنقح  الأخطاء Debugger.

3️⃣ نظام التحكم بالإصدارات مثل Git الذي يستخدم مع منصات مثل GitHub ويساعد  على تتبع التغييرات على الكود البرمجي ويسهل التعاون بين الفرق البرمجية.

4️⃣ مدير الحزم البرمجية مثل npm و pip الذي يسهل مهام تثبيت وإدارة المكتبات وأطر العمل.

5️⃣ أدوات سطر الأوامر CLI: مثل PowerShell في ويندوز و Bash في لينكس التي  تسمح للمبرمجين بتنفيذ الأوامر والانتقال ضمن المجلدات وأتمتة المهام  بسهولة بكتابة أوامر نصية.

6️⃣ أدوات التكامل المستمر والنشر المستمر CI/CD: التي تساعد على أتمتة عملية إنشاء البرامج واختبارها ونشرها.

7️⃣ أدوات توثيق البرمجيات: مثل أداة JSDoc للغة جافا سكريبت و Sphinx  لبايثون والتي تشنئ التوثيقات البرمجية بالاعتماد على التعليقات المكتوبة  في الكود.

8️⃣ أدوات البرمجة المعتمدة على الذكاء الاصطناعي: مثل Amazon CodeWhisperer   و GitHub Copilot التي توفر ميزات إكمال الشيفرات البرمجية وتصحيحها  وتحسينها وتسرع إنتاجية المطورين.

الصورة هذه تعرض مثال بسيط يوضح دور HTML, CSS, وJavaScript في بناء صفحات الويب، بس بطريقة مشوقة وكأنها تشرح جسم الإنسان

1. HTML: يعتبر كالهيكل العظمي لصفحات الويب. في الصورة، HTML ممثل بأيقونة باللون البرتقالي وفيه كلمة HTML5. وتحتها صورة هيكل عظمي، وهذا يدل على إن HTML هو الأساس اللي يبني عليه بقية العناصر.

2. CSS: يمثله أيقونة باللون الأزرق وهو يعتبر كالجلد لصفحات الويب، يعطيها المظهر الجميل والأنيق. في الصورة، موضح بجانبه شخص لابس قميص أخضر، يعني CSS هو اللي يلبس الصفحة بالستايل اللي تبغاه.

3. JavaScript: يعتبر كالدماغ لصفحات الويب لأنه يتحكم بالوظائف والتفاعلات داخل الصفحة. في الصورة، ممثل بأيقونة باللون الأصفر وبجانبه صورة جسم الإنسان تظهر الجهاز العصبي، يعني JavaScript يدير وينظم كيف تتصرف الصفحة عندما يتفاعل معها المستخدم.

هذي الصورة طريقة ذكية ومبسطة توضح كيف كل جزء من هذه اللغات  يساهم في بناء وظيفة صفحة الويب بشكل كامل. شرح يساعد اللي يتعلمون تصميم وتطوير الويب يفهمون أدوار هذه اللغات وأهميتها.

هرمش / harmash ,هو موقع لتعلم البرمجة باللغة العربية.
المحتوى في الموقع كله في شكل مكتوب و ليس فيديوهات.

الدورات الموجدة في الموقع:
- أساسيات البرمجة
- قواعد البيانات
- HTML
- CSS
- جافاسكريبت
- بايثون
- الخوارزمات وهياكل البيانات
- Java
- C++
- SQL

بالإضافات للتحديات البرمجة و المقالات المتفرقة في كل ما يخص البرمجة

الموقع: https://harmash.com/

لو انت Front end فاكيد سمعت عن API ....

ال API، ده اختصار لـ "Application Programming Interface"، يعني حاجة بتربط بين مكونين
بتساعد على نقل البيانات بينهم. يعني لو عايز تجيب معلومات من موقع تاني وتستخدمها في موقعك أو تطبيقك، هتستند على الـ API عشان تجيب البيانات دي.

ال API مش بس بيستقبل بيانات، لكنه بيبعت بيانات كمان.
مثال ، لو حد عنده موقع بيبيع منتجات وعنده فورم بيملاه بتفاصيل المنتج، زي الاسم والسعر وكدة، وبعد ما يملاه يضغط علشان يضيف المنتج، دور الشخص اللي خلف الكواليس (الباك إند) بيكون إنه بيأخد البيانات دي وبيبعتها للـ API.

الـ API بيرجع بيأخد البيانات دي ويخزنها في قاعدة البيانات. وبعدين الشخص اللي خلف الكواليس بيبعت الـ API للجهة اللي بتعمل الواجهة (الفرونت إند). هنا بيبقى دور الفرونت إند إنه يأخد البيانات من الـ API ويعرضها في الموقع بتاعه.

والـ Fetch هو العملية اللي بتخلِّيك تجيب البيانات من الـ API. يعني بتستخدم الـ Fetch عشان تجيب البيانات اللي بتجيلك من الـ API وتستعملها في مشروعك.

و اخيرا API من اهم الحاجات اللى هتستخدمها كتير و خصتا فى المشاريع الكبيرة فلازم تكون ملم بيها كويس و تدرب عليها كتير فانك ازاى تعرض البيانات بالشكل المطلوب و تبعت بيانات بشكل صحيح و الاهم من كل ده يكون كود منظم و مرتب مش مجرد تطلع المطلوب و بس

نصيحة للمبرمجين المبتدئين 🚀
ابدأوا بمشاريع صغيرة وتحدوا أنفسكم لتعلم تقنيات جديدة في كل مشروع.
الخطأ ليس فشلاً، بل فرصة للتعلم والتحسن.

لطلاب الحاسب🚀

✅ إليك أهم 10 مجتمعات برمجية على الإنترنت عليك التفاعل بها :

1. GitHub
2. Stack Overflow
3. Reddit (r/programming)
4. HackerRank
5. LeetCode
6. Codewars
7. GitLab
8. Dev.to
9. FreeCodeCamp
10. Codecademy Community

نصيحة من احد الزملاء ✨


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

ولاتستغني عن هولاء
2. Stack Overflow
3. Reddit (r/programming)
5. LeetCode
6. Codewars
7. GitLab
10. Codecademy Community

‏
يفشل المبرمج عندما يتبع  المسار الذي يركز على النظرية دون الممارسة. ✨

من المهم أيضًا أن تمارس كتابة الكود بكثرة .
من المهم أيضًا أن تمارس كتابة الكود بكثرة .

السلام عليكم،
تحية طيبة لكم جميعا..

يسعدني إبلاغكم بإتاحة كورس رياكت بشكل مجاني على أكاديمية ترميز بواقع ٣٠ ساعة تعليمية
ؤ آمل أن تصل لكل من منعته الظروف من مشاهدة الكورس و الاستفادة منه،
كامل التفاصيل في المقطع 👇

رمضان مبارك، و كل عام و أنتم بخير

https://youtu.be/VEk68iGckKI