Skip to content
Badr Academy Education
العربية
Badr Academy Education

Browse by topic

Programming

JavaScript

اجعل صفحاتك تفكر وتتفاعل: أساسيات اللغة، الدوال والمصفوفات والكائنات، التحكم في الصفحة عبر DOM والأحداث، التخزين المحلي، وجلب البيانات بـ fetch و async/await — وصولًا إلى تطبيق مهام كامل متاح للجميع.

Make your pages think and respond: language basics, functions, arrays and objects, DOM and events, local storage, and fetching data with fetch and async/await — ending in a complete, accessible to-do app.

  • Eng. Abdelmaksoud Badr
  • No reviews yet
  • BeginnerNo prior experience needed
  • 36 hTotal content time
  • In ArabicWith technical terms in English

About this course

كل وحدة تضيف قدرة جديدة لمشروع واحد يكبر مع الدورة. الشرح بالعربية، والكود قصير وقابل للتشغيل في المتصفح أو Node.js، مع تدريب على قراءة رسائل الأخطاء وأدوات المطور.

Estimated duration: 36 hours (8 modules, 31 lessons + 2 assignments + capstone)

تفاصيل الكورس (بالإنجليزية)

What you will learn

  • Run JavaScript in a page and the console; use let/const, primitive types, operators, template literals and strict equality
  • Control flow with conditions, truthy/falsy values, logical and nullish operators, loops and try/catch
  • Write functions (declarations, arrows, default and rest parameters), explain block scope and closures, and pass callbacks
  • Process data with arrays and array methods (map, filter, reduce, find), objects, destructuring, spread and JSON
  • Select, read, change, create and remove DOM elements and respond to events (incl. delegation and forms) accessibly and safely
  • Store data with localStorage and handle asynchronous work: timers, promises, async/await, fetch with error handling
  • Organise code with ES modules and classes, and debug with devtools
  • Build and publish a small accessible, bilingual-ready interactive app

Who it is for: learners who can build static pages and want to make them interactive; future React/Node learners

Prerequisites: CRS-GEN-HTML-CSS (HTML structure, CSS selectors, devtools)

محتوى من إعداد أكاديمية بدر. / Academy-authored content.

Make your pages think and respond: language basics, functions, arrays and objects, DOM and events, local storage, and fetching data with fetch and async/await — ending in a complete, accessible to-do app.

What you will learn

  • Run JavaScript in a page and the console; use let/const, primitive types, operators, template literals and strict equality
  • Control flow with conditions, truthy/falsy values, logical and nullish operators, loops and try/catch
  • Write functions (declarations, arrows, default and rest parameters), explain block scope and closures, and pass callbacks
  • Process data with arrays and array methods (map, filter, reduce, find), objects, destructuring, spread and JSON
  • Select, read, change, create and remove DOM elements and respond to events (incl. delegation and forms) accessibly and safely
  • Store data with localStorage and handle asynchronous work: timers, promises, async/await, fetch with error handling
  • Organise code with ES modules and classes, and debug with devtools
  • Build and publish a small accessible, bilingual-ready interactive app

Who it is for: learners who can build static pages and want to make them interactive; future React/Node learners

Prerequisites: CRS-GEN-HTML-CSS (HTML structure, CSS selectors, devtools)

Academy-authored content.

Course content

The whole outline is shown here with the length of each session; sessions open once you have the course and it is activated in your account.

  • 9units
  • 31sessions
M1 — البداية مع JavaScript4 sessions
  1. 1.1 JavaScript في الصفحة والكونسول Introduction video coming soon
  2. 1.2 المتغيرات والأنواع
  3. 1.3 العمليات والنصوص و template literals
  4. 1.4 المساواة الصارمة وتحويل الأنواع
M2 — القرارات والتكرار والأخطاء4 sessions
  1. 2.1 if/else و switch والعامل الثلاثي
  2. 2.2 truthy/falsy والعوامل المنطقية و ??
  3. 2.3 الحلقات
  4. 2.4 الأخطاء try/catch/throw
M3 — الدوال4 sessions
  1. 3.1 تعريف الدوال وإرجاع القيم
  2. 3.2 الدوال السهمية والمعاملات الافتراضية و rest
  3. 3.3 النطاق والإغلاق (closures)
  4. 3.4 الدوال كقيم: callbacks
M4 — المصفوفات والكائنات4 sessions
  1. 4.1 المصفوفات
  2. 4.2 map و filter و reduce و find
  3. 4.3 الكائنات
  4. 4.4 destructuring و spread و JSON
M5 — DOM والأحداث4 sessions
  1. 5.1 شجرة DOM واختيار العناصر
  2. 5.2 تعديل المحتوى والأصناف
  3. 5.3 إنشاء العناصر وحذفها
  4. 5.4 الأحداث وتفويض الأحداث
M6 — النماذج والإتاحة والتخزين3 sessions
  1. 6.1 النماذج والتحقق
  2. 6.2 الإتاحة في الواجهات التفاعلية
  3. 6.3 localStorage
M7 — البرمجة غير المتزامنة4 sessions
  1. 7.1 المؤقتات وحلقة الأحداث
  2. 7.2 Promises
  3. 7.3 async/await و fetch
  4. 7.4 أخطاء الشبكة وحالات التحميل
M8 — تنظيم الكود والمشروع4 sessions
  1. 8.1 الوحدات import/export
  2. 8.2 الأصناف (classes)
  3. 8.3 التصحيح بأدوات المطور
  4. 8.4 المشروع: تطبيق المهام
المشاريع والواجبات / Projects and assignments0 sessions
  1. A1 — «تحليل درجات»
  2. A2 — «نموذج ذكي»
  3. Capstone — «تطبيق المهام ثنائي اللغة»

The lecturer

Lecturer

Eng. Abdelmaksoud Badr

  • 72 published courses at the academy
Profile

Ratings and reviews

No ratings yet – be the first to rate.

No written reviews yet

Written reviews come from enrolled students after studying. We don’t display reviews that real students didn’t write.

Discussion (0)

Commenting is for signed-in members. Comments from people not enrolled in the course are reviewed by the lecturer or the academy before they appear.

No comments yet – be the first to join in.

Your next step

This course is part of the trackProgrammingFrom your first line of code to a project you build yourself. 20 courses

Courses close to this one

Programming

Microsoft SQL Server

العمل مع SQL Server ولغة T-SQL: الإصدارات والأدوات وقواعد البيانات، الأنواع و NVARCHAR والترتيب العربي، الاستعلام وخصائص T-SQL، الإجراءات المخزنة والدوال ومعالجة…

  • Intermediate
  • 30 h
  • Taught in Arabic · all content in Arabic
Eng. Abdelmaksoud
Coming soon – learn more
Programming

React

ابنِ واجهات من مكونات: JSX والخصائص والقوائم، الحالة والأحداث، إدارة الحالة بالرفع و useReducer و Context، المؤثرات والمراجع والـ hooks المخصصة، جلب…

  • Intermediate
  • 36 h
  • Taught in Arabic · all content in Arabic
Eng. Abdelmaksoud
Coming soon – learn more
Programming

PostgreSQL

PostgreSQL عمليًا: التثبيت و psql والمخططات، الأنواع الغنية (هوية، نصوص، تواريخ بمناطق زمنية، JSONB، مصفوفات، ENUM)، الاستعلام المتقدم والعودة بالنتائج والإدراج مع…

  • Intermediate
  • 30 h
  • Taught in Arabic · all content in Arabic
Eng. Abdelmaksoud
Coming soon – learn more
Programming

Laravel

بناء تطبيقات ويب كاملة بإطار Laravel: التوجيه والمتحكمات وقوالب Blade، الترحيلات و Eloquent والعلاقات، النماذج والتحقق والحماية، المصادقة والصلاحيات، واجهات API مع…

  • Intermediate
  • 36 h
  • Taught in Arabic · all content in Arabic
Eng. Abdelmaksoud
Coming soon – learn more
Programming

أساسيات SQL

SQL Fundamentals

لغة الاستعلام عن قواعد البيانات: الجداول والمفاتيح، SELECT والتصفية والترتيب، القيم الفارغة، التجميع و GROUP BY و HAVING، الربط بين الجداول، الاستعلامات…

  • Beginner
  • 28 h
  • Taught in Arabic · all content in Arabic
Eng. Abdelmaksoud
Coming soon – learn more
Programming

البرمجة بلغة Python

Python Programming

تعلّم البرمجة من الصفر بلغة Python: المتغيرات والقرارات والتكرار والقوائم والدوال والملفات، وصولًا إلى مشروع تطبيقي كامل.

  • Beginner
  • 36 h
  • Taught in Arabic · all content in Arabic
Eng. Abdelmaksoud
Coming soon – learn more
Programming

البرمجة بلغة PHP

PHP Programming

برمجة الخادم بلغة PHP: المتغيرات والأنواع والنصوص، الشروط و match والحلقات والدوال، المصفوفات و JSON، النماذج والتحقق والهروب من HTML والجلسات، البرمجة…

  • Beginner
  • 34 h
  • Taught in Arabic · all content in Arabic
Eng. Abdelmaksoud
Coming soon – learn more
Programming

MySQL

العمل مع MySQL عمليًا: التثبيت والأدوات والاتصال، الأنواع وترميز utf8mb4 للعربية ومحرك InnoDB، الاستعلام والتعديل بخصائص MySQL، الفهارس و EXPLAIN، المستخدمون والصلاحيات…

  • Beginner
  • 28 h
  • Taught in Arabic · all content in Arabic
Eng. Abdelmaksoud
Coming soon – learn more