Modern JavaScript For Beginners

Sign in Sign up

Modern JavaScript For BeginnersDhis Projects real life ah kuwaasi oo aad ku noqon karto professional javascript developerLast Update : 8/6/2023

M

Mc Hamouda

Course Deatils

What You Will Learn

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
Build 6 Strong Projects
Become Confident With Javascript
Modern ES6+ from the beginning: arrow functions destructuring, spread operator, optional chaining (ES2020), etc.

Course Curriculum

We’re committed to changing the future of learning for the better and provide the tools and skills to teach what you love.

Welcome To The Course

Course Introduction

What Is JavaScript?

What Is JavaScript ?

Environment Setup

Environment SetUp
7:39

HTML The Markup Crash Course

HTML Crash Course Part I
7:41
HTML Crash Course Part 2
3:05
HTML Crash Course Part 3
3:23
HTML Crash Course Part 4
6:08
HTML Crash Course Part 5
5:08
HTML Crash Course Part 6
4:35
CSS Crash Course Basic
4:08
CSS Crash Course Margin and Padding
5:03
CSS Crash Course Selectors
5:37

Basic JavaScript For Beginners

Run Your First JavaScript Code
5:37
Variables
7:10
Operators
7:17
Athematic Operators
1:54
Comparison Operator
7:45
Logical Operator
6:35
Control Flow If Else
5:02
Switch Statement
4:37
Loops (For Loop)
6:36
Loops Do While
4:30
Loops While Loop
3:06
Loops Infinity Loop
2:02
Arrays
5:05
Adding, Removing And Search From Arrays
7:43
Loop Through Array
4:08
Functions
7:17
Arrow Function
5:48
More On Functions
14:47
Default Parameters
2:40
Objects Explained
4:09
Objects in Action
10:49
Arrays In Objects
8:00
Loop Through Objects
9:04

DOM Manipulations The DOM

DOM Explained
6:32
Selecting The DOM Elements Using QuerySelector
8:30
More Ways To Select DOM Elements
5:56
Creating And Removing Elements From The DOM
7:54
Change Style Of The DOM Dynamically
10:07
DOM Events (Mouse Events)
8:04
Keyboard Events
12:45

Form Validation Project

Project Intro
2:28
The HTML Part
6:58
The CSS Part
21:22
Check Empty With The Long Way
13:53
Check Empty With Function Based Way
13:12
Check Email With Regular Expressions
7:04
Check Password Length
6:40

Google Keep Note Clone Project

Project Intro
0:00
The HTML Part
6:02
The CSS Part I
20:28
The CSS Part ||
9:16
Working The Note Area
14:13
Add New Note To The DOM
8:38
Show Up the Trash Icon
7:55
Removing Note From The DOM
3:13
Local Storage Basics
3:08
Add Notes To Local Storage
10:34
Read Notes From Local Storage
6:47
Delete Note From Local Storage
14:44

Digital Clock Project

Project Intro
0:00
Landing Page
16:19
The JavaScript Part
22:51

Asynchronous JavaScript

What Asynchronous IS ?
7:06
Send Simple HTTP Request
10:12
HTTP Status Code
9:59
Callback Functions
14:17
JSON Explained
9:13
Callback Hell
5:17
Promises
7:20
Send HTTP Request With Promises
7:06
Chaining Promises
8:36
Fetch API
4:02
Async And Await
5:49

Weather App Project

Project Intro
0:00
The Landing Page
15:25
API Of The Weather
13:15
Search Specific Location
13:09
Search And Fill The City Info
13:09
Get City Name
20:17
Current Weather City
16:09
Save City Info and Read From Local Storage
6:24

Quran Application Project

Project Intro
0:00
The HTML Part
10:18
Search Input and Spinner Design
14:31
Quran List Design
26:06
Display The List Of 114 Surah In The Quran
17:24
Surah Live Search
10:48
Add Loader To The Page
2:38
Send And Get The Clicked Surah
12:34
Read Ayaat Of Passed Surah
22:02

Complete Shopping Cart With Paypal And EVC Plus

Project Intro
0:00
Part 1
0:00
Part 2
0:00
Part 3
0:00
Part 4
0:00
Part 5
19:24
Part 6
9:30
Set Up Evc And PayPal
5:33
Implement Evc And PayPal
39:38