أساسيات البرمجة بلغة جافا سكريبت و بايثون (1)

This is the "First" course, there is another course to be added as part 2.

To be the first to be notified, and to receive coupons for this one, and for part 2, make sure to check my social links on my profile here on udemy.

"هذا هو الكورس "الأول"، وهناك كورس آخر سيتم إضافته كجزء 2. لتكون أول من يتم إخباره، وللحصول على كوبونات لهذا الكورس والجزء 2، تأكد من التحقق من روابط وسائل التواصل الاجتماعي الخاصة بي على ملفي الشخصي هنا على Udemy."

What is programming?

• Explanation of how computers execute instructions

• The role of programming languages

• Differences and similarities between Python and JavaScript

• Why learn both?

ما هي البرمجة؟

• شرح لكيفية تنفيذ الكمبيوتر للتعليمات

• دور لغات البرمجة

• الاختلافات والتشابهات بين بايثون وجافاسكريبت

• لماذا نتعلم الاثنين؟

Setting Up the Development Environment

• Introduction to replit

• Create a new account

إعداد بيئة التطوير

• مقدمة إلى replit

• إنشاء حساب جديد

Memory

• Concept of storing and manipulating data

• Variables and Data Types

• Common data types:

  • numbers

  • Strings

  • Booleans

الذاكرة

• مفهوم تخزين البيانات ومعالجتها

• المتغيرات وأنواع البيانات

• أنواع البيانات الشائعة:

• الأرقام

• السلاسل النصية

• البولينيين (Booleans)

Computing

• Logical Operators

  • And

  • OR

  • NOT

• Arithmetic operators

  • +

  • -

  • *

  • /

  • %

  • Exponentiation

• Comparing operators

  • ==

  • !=

  • >

  • <

  • >=

  • <=

• Concatenation operators

  • String Concatenation

الحوسبة

• المشغلين المنطقيين

  • و (AND)

  • أو (OR)

  • ليس (NOT)

• المشغلين الحسابيين

  • +

  • -

  • *

  • /

  • %

  • الرفع إلى القوة (Exponentiation)

• المشغلين المقارنين

  • ==

  • !=

  • >

  • <

  • >=

  • <=

• مشغلي الدمج

  • دمج النصوص (String Concatenation)

Control Flow

• Conditional statements (if/else)

  • What are conditionals statements?

  • How to use flow charts?

  • Example:

    • Create a program that will take a value of the current temperature, and determine the weather state today:

      • HOT (temp more than 28)

      • NICE (temp between 15 and 28)

      • CHILLY(temp between 10 and 14)

      • COLD (temp less than 10)

  • Difference between if/else in python and Javascript

• Loops

  • For loops

    • How to represent them in flow charts?

    • Difference between for loops in JS and python

    • Examples:

      • Create a counter from 1 to 10

      • Create a counter that will sum all numbers from 1 to 10

      • Create a counter that will sum only even numbers from 1 to 10

      • 
        

  • While loops

    • How to present them in flow charts?

    • Difference between while loops in JS and Python

    • Examples:

      • Create a counter from 1 to 10

      • Create a counter that will sum all numbers from 1 to 10

      • Create a counter that will sum only even numbers from 1 to 10

تدفق التحكم

• الجمل الشرطية (if/else)

  • ما هي الجمل الشرطية؟

  • كيفية استخدام المخططات الانسيابية؟

  • مثال:

    • إنشاء برنامج يأخذ قيمة درجة الحرارة الحالية ويحدد حالة الطقس اليوم:

      • حار (HOT) (درجة الحرارة أكثر من 28)

      • لطيف (NICE) (درجة الحرارة بين 15 و 28)

      • بارد (CHILLY) (درجة الحرارة بين 10 و 14)

      • بارد جداً (COLD) (درجة الحرارة أقل من 10)

  • الفرق بين if/else في بايثون وجافاسكريبت

• الحلقات

  • حلقات for

    • كيفية تمثيلها في المخططات الانسيابية؟

    • الفرق بين حلقات for في جافاسكريبت وبايثون

    • أمثلة:

      • إنشاء عداد من 1 إلى 10

      • إنشاء عداد يجمع كل الأرقام من 1 إلى 10

      • إنشاء عداد يجمع الأرقام الزوجية فقط من 1 إلى 10

  • حلقات while

    • كيفية تمثيلها في المخططات الانسيابية؟

    • الفرق بين حلقات while في جافاسكريبت وبايثون

    • أمثلة:

      • إنشاء عداد من 1 إلى 10

      • إنشاء عداد يجمع كل الأرقام من 1 إلى 10

      • إنشاء عداد يجمع الأرقام الزوجية فقط من 1 إلى 10

Data Structure

• Arrays/lists

  • What are arrays or lists (collections)?

  • Indexes vs elements

  • Lists vs arrays (python vs javascript)

• Objects/dictionaries

بنية البيانات

• المصفوفات/القوائم

  • ما هي المصفوفات أو القوائم (المجموعات)؟

  • الفهارس مقابل العناصر

  • القوائم مقابل المصفوفات (بايثون مقابل جافاسكريبت)

• الكائنات/القواميس

Basic problem-solving

• Linear search

  • What index has the value "8" . elements = [3, 6, 1, 8, 4, 5]

  • If not found then, print “Selected Index not found”

• Nested loops

  • Create a program that generates a multiplication table for numbers 1 through 10. The table should display the products of all combinations of these numbers.

• Control flow and operators

  • Find the prime number in this list of numbers:
    numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30]

حل المشكلات الأساسية

• البحث الخطي

  • ما هو الفهرس الذي يحتوي على القيمة "8" . العناصر = [3، 6، 1، 8، 4، 5]

  • إذا لم يتم العثور على القيمة، اطبع "الفهرس المحدد غير موجود"

• الحلقات المتداخلة

  • إنشاء برنامج ينتج جدول الضرب للأرقام من 1 إلى 10. يجب أن يعرض الجدول حاصل ضرب جميع تركيبات هذه الأرقام.

• تدفق التحكم والمشغلين

  • إيجاد الأرقام الأولية في هذه القائمة من الأرقام: numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30]

Functions

• Purpose and benefits of functions

• How to define and call functions

• Parameters and return values

الدوال

• الغرض من الدوال وفوائدها

• كيفية تعريف واستدعاء الدوال

• المعلمات والقيم المرجعة

Final Project:

• Build a todo list application, with the following GUI fields:

  • Entry box

  • List of tasks:

    • If a task is completed, then it will have a checkmark before it.

  • Add task button:

    • Clicking on this button, adds the value in the entry box to the list of tasks, and remove it from the entry box

    • Should show an error if clicked on it, while the entry box is empty

  • Delete task button:

    • Clicking on this button, will remove the selected task from the list of tasks.

    • Should show error if no task is selected, and was clicked

  • Complete task button:

    • Clicking on this button, will complete the task.

    • Should show error if no task is selected, and was clicked.

المشروع النهائي:

• بناء تطبيق قائمة المهام، مع الحقول التالية في واجهة المستخدم:

  • مربع الإدخال

  • قائمة المهام:

    • إذا تم إكمال مهمة، فستحتوي على علامة تحقق أمامها.

  • زر إضافة مهمة:

    • بالضغط على هذا الزر، يتم إضافة القيمة في مربع الإدخال إلى قائمة المهام، وإزالتها من مربع الإدخال.

    • يجب أن يظهر خطأ إذا تم النقر عليه بينما مربع الإدخال فارغ.

  • زر حذف المهمة:

    • بالضغط على هذا الزر، يتم إزالة المهمة المحددة من قائمة المهام.

    • يجب أن يظهر خطأ إذا لم يتم تحديد أي مهمة وتم النقر.

  • زر إكمال المهمة:

    • بالضغط على هذا الزر، يتم إكمال المهمة.

    • يجب أن يظهر خطأ إذا لم يتم تحديد أي مهمة وتم النقر.