⭕️ الفرق بين #Frontend و #backend

#أولا: Front End: يقصد بال Front End هو الجزء من الموقع الذي يتفاعل معه المستخدمين، أي شيء من مكونات الموقع التي يمكنك مشاهدتها، ويمكنك إحداث أي حدث عليها، مثل ال Buttons وال Dropdowns menu والخطوط والألوان ومعارض الصور وحركات ال Animation وغيرها.

كما أننا نتحدث عن Front End فيعني أنك يجب أن تعرف في ال HTML5 وال CSS3 وال jQuery وال jQuery UI وال SASS or LESS وبعض الخبرة في بعض المكاتب المهمة والمتعلقة مثلا في معارض الصور والقليل من الخبرة من
الأجاكس ليست سيئة ...

------------------------------------

#ثانيا: Back End: يقصد بال Back End هو ذلك الجزء الذي يتم بنائه ليعمل على الربط بين مجموعة الصفحات والبيانات والتطبيقات المختلفة، وفي المعنى الآخر هو الجزء الذي يتم تنفيذه وقرائته من خلال ال Server ويهتم بالتحقق من استقبال البيانات وارسالها بشكل صحيح من والى المتصفح.

كما انه يضم مجموعة من الأدوات مثل (Mysql OR Oracle OR SQL Server) وبكل تأكيد هذه تأتي بعد تعلمك أو معرفتك ل SQL(Structure Query Language) مثل جمل الإستعلام والتحديث والحذف والإضافة ..الخ

🔰 نـظـام Linux

هو نظام تشغيل مفتوح المصدر، ظهر سنة 1991، وبدرجة عالية من الحرية في تعديل وتشغيل وتوزيع وتطوير أجزائه.

🔸ماذا يُقصد بالتوزيعات في نظام Linux ؟
لينكس هو نواة نظام تشغيل وليس نظام تشغيل متكامل، وبدمجه مع مجموعة أدوات مشروع GNU تحصل على نظام تشغيل؛ ولكن نظام GNU/Linux لا يكفي المستخدمين العاديين، لكن بإضافة بعض البرمجيات مثل OpenOffice وبيئة سطح مكتب تحصل على نظام تشغيل يصلح للقيام بأعمالك اليومية.

🔸 أهمية نظام Linux :
قد لا يعي الناس هيمنة هذا النظام على العالم لأنه وببساطة لا يُستخدم غالباً بصورة فردية؛ إنما غالباً لإدارة المشاريع الكبيرة، كونه يحتاج لمهارات عند التعامل معه.
أضِف لمعلوماتك . .

بعض الكتب التي تم نشرها :

● Java : https://t.me/csgrp/29

●Python : https://t.me/csgrp/41

●HTML5 & CSS3 :
https://t.me/csgrp/45

●C++ : https://t.me/csgrp/46

●JavaScript : https://t.me/csgrp/47

●C : https://t.me/csgrp/48

●Hacking : https://t.me/csgrp/50

●JavaScript : https://t.me/csgrp/78

●A I : https://t.me/csgrp/84

●Flutter : https://t.me/csgrp/96

🔴 مهارة حل المشكلات (Problem Solving) من أهم المهارات اللي لازم تكون عند أي مبرمج.


هذه بعض المواقع التي ستساعدك في تنمية مهارة حل المشكلات ... Problem Solving

➡️Coding Challenge Platforms ❤️‍🔥

→ leetcode.com
→ codewars.com
→ topcoder.com
→ codingame.com
→ hackerrank.com
→ projecteuler.net
→ coderbyte.com
→ codechef.com
→ exercism.io
→ spoj.com
→ atcoder.jp
→ hackerearth.com
→ interviewbit.com
→ codesignal.co

أكثر من 6+ ملخصات لخصائص CSS تفيدك كمطور FrontEnd 🚀😍
فضلها وريتويت راح تحتاجها ❤️
👇👇

📍 هذا ملخص لأكثر من 60+ اختصار لخصائص CSS 🔥
🔗 للتحميل بدقة عالية
https://t.me/pro2dev/2569

📍 ملخص لجميع خصائص Grid Layout 👌
🔗 للتحميل بدقة عالية
https://t.me/pro2dev/2570


📍 ملخص لجميع خصائص BoxModel 😍
🔗 للتحميل بدقة عالية
https://t.me/pro2dev/2571

📍شرح مفصل ومختصر لخاصية Flex Box بلغة CSS مع الامثلة .. بالعربي 😍
يمكنك الحصول عليه وتحميله مجانا من هنا 👇
https://store.proadev.com/YpqWwl


📍 ملخص اخر لجميع خصائص Flex Box
🔗 للتحميل بدقة عالية
https://t.me/pro2dev/2572

📍 ملخص لجميع خصائص CSS Cheat Sheet وشرح مبسط وجميل 😍
🔗 للتحميل
https://t.me/pro2dev/2573

0️⃣1️⃣ أسئلة برمجية مبسطة بلغة بايثون: 🔥

1️⃣ اكتب برنامجًا لطباعة الأرقام من 1 إلى 10.
2️⃣ اكتب برنامجًا لحساب مجموع الأرقام من 1 إلى 10.
3️⃣ اكتب برنامجًا لطباعة الأرقام الزوجية من 1 إلى 100.
4️⃣ اكتب برنامجًا لحساب عدد الأعداد الفردية من 1 إلى 100.
5️⃣ اكتب برنامجًا لطباعة الأرقام من 1 إلى 100، مع تجاهل الأرقام الفردية.
6️⃣ اكتب برنامجًا لطباعة الأرقام من 1 إلى 100، مع تجاهل الأرقام الزوجية.
7️⃣ اكتب برنامجًا لطباعة الأرقام من 1 إلى 100، مع طباعة كل رقم مرتين.
8️⃣ اكتب برنامجًا لطباعة الأرقام من 1 إلى 100، مع طباعة كل رقم في سطر جديد.
9️⃣ اكتب برنامجًا لطباعة الأرقام من 1 إلى 100، مع طباعة كل رقم في عمود جديد.
0️⃣1️⃣ اكتب برنامجًا لطباعة الأرقام من 1 إلى 100، مع طباعة كل رقم في مربع جديد.

إليك بعض الإجابات لهذه الأسئلة:

السؤال 1:
for i in range(1, 11):
    print(i)
السؤال 2:
total = 0
for i in range(1, 11):
    total += i
print(total)
السؤال 3:
for i in range(2, 101, 2):
    print(i)
السؤال 4:
count = 0
for i in range(1, 101):
    if i % 2 == 1:
        count += 1
print(count)
السؤال 5:
for i in range(1, 101):
    if i % 2 == 0:
        continue
    print(i)
السؤال 6:
for i in range(1, 101):
    if i % 2 == 1:
        print(i)
السؤال 7:
for i in range(1, 101):
    print(i, i)
السؤال 8:
for i in range(1, 101):
    print(i)
السؤال 9:
for i in range(1, 101):
    print(i, end=" ")
السؤال 10:
for i in range(1, 101):
    print(i, end="\n")

❇️ ‏اهم المواقع لحل مسائل Problem Solving : ❇️

‏❇️موقع Codewars :
‏‌ codewars.com ⁩

‏❇️موقع LeetCode :
‏‌ leetcode.com ⁩

‏❇️موقع HackerRank :
‏‌ hackerrank.com ⁩
‏وده انصح بيه المبتدئين.

‏❇️موقع Topcoder :
‏‌ topcoder.com ⁩

‏❇️موقع Coderbyte :
‏‌ coderbyte.com ⁩

‏❇️موقع  Codeforces:
‏‌ codeforces.com ⁩

لغة JavaScript تعد من أكثر لغات البرمجة استخداماً في تطوير تطبيقات الويب، وتتميز بقدرتها على التعامل مع العديد من المفاهيم البرمجية الأساسية التي يجب على كل مبرمج إتقانها. يعتبر موقع "JavaScript Is Sexy" مرجعاً مهماً يقدم شرحاً مفصلاً لستة عشر مفهوماً أساسياً يجب معرفتها لإتقان اللغة.

يتناول المقال 16 مفهوماً أساسياً في JavaScript تشمل:
1. النطاقات (Scopes)
2. إغلاق الوظائف (Closures)
3. أنماط البرمجة الكائنية (Object-Oriented Patterns)
4. البرمجة غير المتزامنة (Asynchronous Programming)
5. التوابع (Functions)
6. الأحداث (Events)
7. الوحدات (Modules)
8. الوعد (Promises)
9. البروتوتايب (Prototype)
10. التوريث (Inheritance)
11. الكائنات والأنماط (Objects and Patterns)
12. معالجة الأخطاء (Error Handling)
13. AJAX
14. جافا سكريبت الحديثة (Modern JavaScript)
15. أنماط التصميم (Design Patterns)
16. أداء الكود (Performance)

تعريف الحاسوب
الحاسوب هو جهاز إلكتروني يستخدم لمعالجة البيانات التي يستقبلها من المستخدم و التي يمكن حفظها لاستخدامها في وقت لاحق و كل ذلك يتم عن طريق برامج مصممة خصيصاً لأجل ذلك.

مثال بسيط: يمكن استخدام برنامج معالجة النصوص لكتابة مستندات نصية وتنظيمها بطريقة تناسب احتياجات المستخدم. يمكن للمستخدم أيضاً حفظ مستنداته وإعادة فتحها في أي وقت لمزيد من التعديلات أو الطباعة.الفكرة الأساسية من تطوير الحاسوب كانت القدرة على معالجة المعلومات بسرعة فائقة لا يمكن للبشر تحقيقها بنفس السرعة. مع مرور الوقت، أصبحت الحواسيب تستخدم في مجموعة متنوعة من المجالات بما في ذلك الترفيه والألعاب.تجدر الإشارة إلى أن الحاسوب تطور بشكل كبير منذ بداياته. فقد كان أول حاسوب تم بناؤه يفتقر إلى العديد من المكونات الحديثة مثل الشاشات والماوس ولوحات المفاتيح. كان حجمه كبيراً ويحتاج إلى كميات كبيرة من الطاقة الكهربائية ليعمل.


هذه بعض المقدمة قريباً سيتم تنزيل كل شيء بشكل مفصل مع رسومات و أمثله بسيطة

ما هي البيانات؟
في عالم الحوسبة البيانات ( Data ) هي معلومات مكتوبة بلغة يفهمها الحاسوب بحيث يستطيع تخزينها, معالجتها و نقلها.
المعلومات ( Information ) هي بيانات تمت معالجتها لتصبح مفهومة لنا كبشر.

مهام الحاسوب
يستطيع الحاسوب القيام بأربعة مهام أساسية هي:

إستقبال البيانات.
تخزين البيانات بشكل مؤقت و حفظها بشكل دائم.
معالجة البيانات و تحويلها لمعلومات مفيدة.
إخراج أو عرض النتائج.

فوائد الحاسوب
١- السرعة العالية (High Speed)
مدة تنفيذ العمليات الحسابية و معالجة البيانات في الحاسوب تقاس بالميكرو ثانية ,(microsecond) بالنانو الثانية (nanosecond) و حتى بالبيكو ثانية (picosecond) لشدة سرعتها.

إذاً يستطيع الحاسوب إجراء عمليات حسابية معقدة جداً خلال أجزاء من الثانية في حين أن الإنسان العادي قد يحتاج أيام لحل مسألة معقدة واحد.
٢- الدقة (Accuracy)
بالإضافة لسرعة الحاسوب الهائلة في تنفيذ الأوامر فإنه يعالج البيانات بدقة 100% دون أخطاء إذا كانت المدخلات صحيحة في حين أن الإنسان مهما كان ذكياً فإنه قد يخطئ إذا تعجّل في الحل.

٣- سعة التخزين (Storage Capability)
من أهم ميزات الحاسوب أنه يتيح لنا حفظ كم هائل من البيانات سواء كانت على شكل ملفات نصية, صوتية, صور, فيديوهات, برامج إلخ..

قدرة الإنسان على الحفظ تعتبر ضعيفة جداً مقارنةً بقدرة الحاسوب على ذلك.


٤- الإجتهاد في العمل (Diligence)
الحاسوب ليس عنده مشاعر كالإنسان و بالتالي فإنه يستطيع العمل طوال الوقت بدون ملل, بدون أخطاء، بدون راحة و بنفس الدقة على عكس الإنسان الذي يحتاج لراحة حتى يستطيع المحافظة على تركيزه و الذي قد يخطئ إذا ما تعرض للضغط في العمل.


٥- متعدد الإستخدامات (Multi-use)
الحاسوب ليس محصور لاستخدام محدد بل يمكن الإستفادة منه في مختلف المجالات. فعلى سبيل المثال الطالب يمكنه استخدامه للدراسة, المهندس يمكنه استخدامه لرسم الخرائط و تقدير المواد التي يحتاجها للبناء, الطبيب يمكنه استخدامه لمراقبة حالة مريضه, المدير يمكنه استخدامه للتواصل مع موظفيه إلخ..


٦- الأتمتة (Automation)
المهام اليومية التي يقوم بها المستخدم بواسطة حاسوبه يمكنه أتمتتها, بمعنى أنه يمكنه بناء برنامج يقوم بهذه المهام عنه بشكل أتوماتيكي و بدون أي تدخل منه.


٧- تقليل الأعمال الورقية والتكلفة (Reduction in Paperwork and Cost)
تخزين المعلومات على الحاسوب بدل تخزينها على ورق أمر مهم للغاية في أي مؤسسة أو شركة لأنه يوفر من كلفة الورق و الحبر و غيرها.. كما أن الأوراق قد تتلف في النهاية أو تضيع و بالتالي تخسر المعلومة.

بالإضافة لما سبق فإنه عند الحاجة لمعلومة مخزنة بالحاسوب, يمكن إيجاده بكل سهولة في حين أنها لو كانت على ورق فإن ذلك قد يستغرق دقائق.


٨- نقل البيانات (Data Transfer)
المعلومات المخزنة على الحاسوب يمكن إرسال نسخ منها بسهولة بواسطة البريد الإلكتروني, التخزين السحابي أو نقلها بواسطة.

بعض لغات برمجة وأهداف كل منها ومع مثال بسيط

1. C:
- الهدف: لغة منخفضة المستوى تُستخدم لتطوير برمجيات ذات أداء عالي.
- مثال كود:

#include <stdio.h>

int main() {
printf("Hello, World!\n");
return 0;
}

- الشرح: يقوم هذا البرنامج بطباعة "Hello, World!" على الشاشة. #include <stdio.h> يُدرج مكتبة الإدخال والإخراج القياسية، وprintf يستخدم لطباعة النص.

2. C++:
- الهدف: لغة برمجة كائنية التوجه تُستخدم لتطوير برامج ذات أداء عالي.
- مثال كود:

#include <iostream>

int main() {
std::cout << "Hello, World!" << std::endl;
return 0;
}

- الشرح: يقوم هذا البرنامج بطباعة "Hello, World!" على الشاشة باستخدام std::cout من مكتبة الإدخال والإخراج القياسية.

3. Java:
- الهدف: لغة متعددة الاستخدامات تُستخدم في تطبيقات الويب والمحمولة.
- مثال كود:

public class HelloWorld {
public static void main(String[] args) {
System.out.println("Hello, World!");
}
}

- الشرح: يقوم هذا البرنامج بطباعة "Hello, World!" على الشاشة. System.out.println يُستخدم لطباعة النص.

4. Python:
- الهدف: لغة متعددة الأغراض تُستخدم في تطبيقات متنوعة مثل تطوير الويب وتحليل البيانات.
- مثال كود:

print("Hello, World!")

- الشرح: يقوم هذا البرنامج بطباعة "Hello, World!" على الشاشة باستخدام دالة print.

5. JavaScript:
- الهدف: لغة تُستخدم في تطوير الويب وتفاعل المستخدم.
- مثال كود:

console.log("Hello, World!");

- الشرح: يقوم هذا البرنامج بطباعة "Hello, World!" في وحدة التحكم الخاصة بالمتصفح.

6. Ruby:
- الهدف: لغة برمجة تُستخدم بشكل رئيسي في تطوير الويب.
- مثال كود:

puts "Hello, World!"

- الشرح: يقوم هذا البرنامج بطباعة "Hello, World!" على الشاشة باستخدام دالة puts.

7. Swift:
- الهدف: لغة تُستخدم لتطوير تطبيقات iOS وmacOS.
- مثال كود:

import Swift

print("Hello, World!")

- الشرح: يقوم هذا البرنامج بطباعة "Hello, World!" على الشاشة باستخدام دالة print.

8. PHP:
- الهدف: لغة تُستخدم في تطوير البرمجيات الجانبية للخادم على الويب.
- مثال كود:

<?php
echo "Hello, World!";
?>

- الشرح: يقوم هذا البرنامج بطباعة "Hello, World!" على صفحة الويب باستخدام دالة echo.

9. SQL:
- الهدف: لغة لإدارة قواعد البيانات العلائقية.
- مثال كود:

SELECT 'Hello, World!' AS Greeting;

- الشرح: يقوم هذا الاستعلام بإرجاع النص "Hello, World!" كعمود يسمى Greeting من قاعدة البيانات.

كل كود بسيط يعرض كيفية استخدام اللغة الأساسية لطباعة نص على الشاشة، وهو مثال جيد على كيفية بدء العمل مع كل لغة.https://t.me/explaincomputersoftware

ادخلو انشروها

السلام عليكم ورحمة الله وبركاته

تريدو معلومات ولا انوم

ايش رايكم اطرح الجاه انكم تعملو إعجاب خبر فاضي يا مبرمجين