The Complete JavaScript Course with Projects 2026 [Arabic]

Name: The Complete JavaScript Course with Projects 2026 [Arabic]
Rating: 4.8 (97 reviews)

Learn JavaScript by Building Interesting Projects

Created byFakhredine Ouahaqi

Last updated 4/2026

Arabic

What you'll learn

Students will know what is Javascript
Students will know the basics of working with Javascript
Students will build projects using Javascript
Become an advanced, confident, and modern JavaScript developer from scratch
JavaScript fundamentals: variables, if/else, operators, boolean logic, functions, arrays, objects, loops, strings, etc.
Asynchronous JavaScript: Event loop, promises, async/await, AJAX calls and APIs
Practice your skills with challenges (solutions included)
Complex concepts like the 'this' keyword, higher-order functions, closures, etc.
Modern ES6+ from the beginning: arrow functions, destructuring, spread operator, optional chaining (ES2020), etc.

Course content

7 sections • 176 lectures • 20h 52m total length

Intro4:59
Goals2:09
Structure2:23

Basics Intro0:29
Basic Project2:09
Inline Javascript3:59
Internal Javascript9:39
External Javascript11:11
Cleanup Workspace1:21
Helper Methods8:28
Statements and Comments10:57
Variables10:38
Assign Variable Value Later5:26
Variable Naming Rules8:18
const, let, var6:18
Challenges Intro1:08
Variables Challange5:16
Prettier Settings3:11
Quotation Marks3:42
String Concatenation6:59
String Concat Challenge3:25
Numbers Basics10:00
Numbers - Additional Features6:10
Numbers Challenge7:07
Implicit Type Conversion13:19
Data Types9:55
Arrays11:36
Array Challenge4:00
Functions - Declare, Invoke7:03
Functions - Parameters, Arguments16:27
Functions - Return14:33
Function Expressions9:35
Function Challenge7:36
Objects12:29
Object Challenge4:58
Conditional Statements - Basics6:23
Conditional Statements Continued9:38
Equality7:23
Logical Operators6:36
Switch Statement10:14
Conditionals Challenge5:20
while Loops5:15
do while loops3:24
for loop3:01

Connecting The Dots0:47
String Properties and Methods25:49
Template Literals6:03
Strings Challenge8:43
Array Properties and Methods15:53
Exercise - Full Name11:56
Exercise - Calculate Total15:56
Value vs Reference8:15
Null and Undefined3:31
Truthy and Falsy5:50
Ternary Operator5:30
Global Scope10:47
Local Scope10:34
Variable Lookup11:50
Callback Functions, Higher Order Functions19:34
Array Iterators2:44
forEach9:22
map13:59
filter5:31
find10:39
reduce13:01
Array Challenge - Intro1:17
Array Challenge - Setup Data4:14
Array Challenge - Multiple Files7:15
Array Challenge - Map5:24
Array Challenge - Filter3:34
Array Challenge - Filter Alternative Syntax3:10
Array Challenge - Find4:52
Array Challenge - Reduce #17:29
Square Bracket Notation4:15
Array Challenge - Reduce #29:05
Math Object11:50
Date Object12:39

DOM - Intro4:34
DOM - General Concepts10:54
Window and Document Overview6:12
Get Element By ID6:27
Get Elements By Tag Name10:59
Get Element By Class Name3:00
Query Selector and Query Selector ALL8:08
Navigate the DOM - Children6:13
Navigate the DOM - parentElement4:13
Navigate the DOM - nextSibling, previousSibling5:08
Navigate the DOM - nextElementSibling, previousElementSibling1:42
textContent nodeValue3:19
getAttribute() setAttribute()11:15
classList and className12:04
createElement - createTextNode - appendChild10:21
insertBefore5:24
replaceChild4:05
prepend innerText3:28
remove removeChild5:31
innerHTML and textContent9:50
Change CSS with style property5:54
Events Overview3:24
Click Event8:41
Function Reference5:59
Mouse Events7:24
Key Events7:27
Event Object12:37
CurrentTarget vs Target7:44
Event Propagation - Bubbling- Capturing9:44
Event Propagation Example13:31
Forms6:41
Local Storage11:13
Local Storage With Multiple Values12:56
setTimeout13:20
setInterval4:33
Events - "DOMContentLoaded"7:52
Events - "load"9:33
Events - "scroll"3:20
Width, Height, GetBoundingClientRect6:01
Events - "resize"1:28

Intro2:39
Starter Project0:03
Setup2:18
Color Flipper - Simple HTML5:22
Color Flipper - Simple Javascript8:59
Color Flipper - Hex12:11
Counter HTML2:27
Counter JS9:49
Reviews HTML6:04
Reviews JS18:36
Navbar HTML3:38
Navbar General Concepts4:12
Navbar JS3:57
Sidebar HTML2:52
Sidebar Manual Setup2:49
Sidebar JS4:22
Modal HTML3:44
Modal Challange3:04
Modal JS2:55
Questions HTML5:58
Questions General Concept3:38
Questions JS - Traversing the DOM6:17
Questions JS - Using Selectors Inside the Element11:38
Menu HTML6:52
Display Items When Page Loads11:38
Refactor2:12
Filter Buttons HTML1:32
Filter Buttons JS13:36
Dynamic Filter Buttons3:42
Unique Categories9:50
Dynamic Filter Buttons Complete12:03

ES6 Module Intro2:49
VAR, LET, CONST8:06
Function Scope and Block Scope9:45
Arrow Functions - Basics15:46
Default Parameters and Hoisting Gotchas6:52
Array Destructuring9:08
Swap Variables3:09
Object Destructuring6:53
Destructuring Function Parameters2:50
New String Methods10:48
for of - Loop5:37
Spread Operator - Basics8:42
Spread Operator - Objects3:30
Spread Operator - DOM Elements6:17
Spread Operator - Functions Arguments2:53
Rest Operator15:07
Array.of3:00
Array.from - Strings and Arguments Object6:41
Array.from - DOM Elements(NodeList)9:02
find, findIndex,every,some12:51

Requirements

No coding experience is necessary to take this course! I take you from beginner to expert!
Any computer and OS will work — Windows, macOS or Linux. We will set up your text editor the course.
A basic understanding of HTML and CSS

Description

JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions. While it is most well-known as the scripting language for Web pages, many non-browser environments also use it, such as Node.js, Apache CouchDB and Adobe Acrobat. JavaScript is a prototype-based, multi-paradigm, single-threaded, dynamic language, supporting object-oriented, imperative, and declarative (e.g. functional programming) styles.

Three fundamental languages of the web are HTML, CSS and Javascript.

Html is used for structure, CSS is used for styling and Javascript is used for functionality.

Reasons to learn Javascript

Number One - Javascript is the most popular programming language in the world.

Number Two - Javascript is de facto language of the web

Number Three - Javascript is Easy to learn

Number Four - Knowing Javascript provides great opportunity to get a job

Number Five - Javascript is Everywhere.Javascript is not web-exclusive anymore. Its on the servers (NODE.JS), cross-platform desktop-apps etc...

This step by step course is intended for everyone who wants to start working with Javascript.

We will cover what is Javascript, how to add Javascript to our projects, how to start working with Javascript and at the end we will make quite a few projects. A basic knowledge of HTML, CSS would be preferred.

Who this course is for:

Take this course if you want to gain a true and deep understanding of JavaScript
Take this course if you have been trying to learn JavaScript but: 1) still don't really understand JavaScript, or 2) still don't feel confident to code real apps
Take this course if you're interested in using a library/framework like React, Angular, Vue or Node in the future
Take this course if you already know JavaScript and are looking for projects to build
Take this course if you want to get started with programming: JavaScript is a great first language!

The Complete JavaScript Course with Projects 2026 [Arabic]

What you'll learn

Explore related topics

Course content

Introduction3 lectures • 10min

Visual Studio Code and Google Chrome8 lectures • 26min

Javascript Basics41 lectures • 4hr 55min

Javascript Tutorial Continued33 lectures • 4hr 51min

DOM40 lectures • 4hr 52min

DOM Projects31 lectures • 3hr 9min

ES620 lectures • 2hr 30min

Requirements

Description

Who this course is for: