Muhriddin Kohodiev 24 y.o Senior software engineer at

---

JavaScript bo'yicha to'liq kurs reja

module-1

---

Day 1

JavaScriptga kirish

1. JavaScript nima ?
2. JavaScriptni HTML ga bog'lash
3. alert() , prompt() , confirm() , document.write() , innerHTML , Template literal
4. matematik operatorlar

---

Day 2

1. Variables (o'zgaruvchilar) var , let , const , (difference)
2. Data types

• String
• Number
• Boolean
• Undefined
• null
• BigInt(9007199254740991)
• Symbol('Hello JavaScript')

2. "use strict"
3. appropriation operators (o'zlashtirish operatorlari)
4. comparison operators (taqqoslash operatorlari)
5. Object Math
6. type conversions

---

Day 3

0. Template literal
1. Truthy and Falthy
2. Conditional operator "if else"
3. logical operators (&& and || or )
4. Ternary operator
5. "switch" statement

---

Day 4

1. Loops: while and for ( while, do..while and for(..;..;..) )
2. Function and function types
3. Function arrow func / func expression / func declaration
4. function parametrs

• Default parametr

• SyntaxError, ReferenceError, TypeError

• Array simple methods

1. Array

• .push(4);
• .pop();
• .shift();
• .unshift(0);
• .concat('c');
• .join('-');
• .slice(1);
• .indexOf('b');
• .includes('c');

1. String methods

• String.length
• String.trim()
• String.toUpperCase();
• String.toLowerCase();
• String.substring(x,y);
• String.search();
• String.trim();
• String.match();
• String.split();
• charAt(n)

---

Day 5

0. Prmitive vs Reference value (difference)

1. Object

2. to bulild methods

3. Object methods

   • Object.keys(testScore); // gives all keys
   • Object.values(testScore); // gives all values
   • Object.entries(testScore)
   • Object.fromEntries(testScore)

4. Locating DOM elements using selectors

   • getElementsByTagName()

   • getElementsByClassName()

   • getElementById()

   • querySelector()

   • querySelectorAll()

5. HTMLCollection and NodeList

6. HTML DOM Element style Property

7. CSSstyleDeclaration Object ?

---

Day 6

1. HTML DOM Element style Property
2. Events
3. addEvenetListener / on (difference)
4. Event object and object keys (object types)
5. JavaScript DOM events

Mouse events:

• click

• dblclick

• mouseover

• mouseout

• mouseup

• mouseup

• mousemove

Keyboard events:

• Keydown
• Keyup
• Kuypress

Form events:

• focus
• submit
• blur
• change
• input

Scroll & window Event

• scroll
• DOMContentLoaded
• load

---

Day 7

1. setAttribute()
2. getAttribute()
3. practice (toggle menu)
4. setInterval() / clearInterval( )
5. setTimeOut() / clearTimeout( )

---

Day 8

1. JavaScript Date Objects [new Date()]

2. amaliyot (timer) 🕙

3. classList

   • add()
   • remove()
   • toggle()
   • contains()

4. PRACTICE SLIDER ☑️

5. Create Dynamic Element In Javascript 📌

---

Day 9

1. Create Dynamic Element In Javascript 📌

2. Higher order functions

   • Array Method .forEach()
   • Array Method .map()
   • Array Method .filter()
   • Array Method .reduce()

3. Custom selector function (Utils files)

4. practice

---

Day 10

1. Extra methods

   • Array Method .reverse()
   • Array Method .find()
   • Array Method .sort()
   • numArray.sort((a, b) => a - b); // For ascending sort
   • numArray.sort((a, b) => b - a); // For descending sort

2. Mavzularni qaytarish

3. Function Scope, Block Scope, Global Scope , Local scope

---

Day 11

1. Template tag
2. RegExp() & ASCII code

• https://regexr.com/
• https://www.ascii-code.com/

3. previousElementSibling, nextElementSibling, parentNode, closest()

---

Day 12

1. Optional chaining (?.)
2. Takrorlash
3. Tab content (amaliyot)

---

Day 13

1. Mavzularni takrorlash (umummiy)
2. dataset attribute
3. Movies app (Loyihani boshlash)
4. Normalize data
5. Find duplicates in an array using javaScript (e)
6. Dynamic category

---

Day 14

1. eventDelegation
2. Movies app Sorting (funksiyalarni qo'shish)
3. findElement function
4. Film ma'lumotlarini modalga chiqarish
5. RegExp() & ASCII code

• https://regexr.com/
• https://www.ascii-code.com/

Day 15

1. localStorage

• setItem()
• getItem()
• removeItem()
• clear()
• "storage"

2. Movies app ga Bookmark qo'shish
3. JSON (stringify, parse);

Day 16

2. shallow copy vs deep copy
3. rest & spread operator
4. Understanding Javascript 'this' keyword (Context)

• 

---

Day 17

1. CallBack function
2. Synchronous and Asynchronous What is the difference between synchronous and asynchronous code in JavaScript ?
3. Promise

• Pending
• fullfiled
• rejected

3. fetch

---

### CallBack ?

---

### Async and Sync difference

---

Practices async function

---

Promise (

• Pending
• fullfiled
• rejected

)

Day 18

1. Takrorlash
2. PRAY TIME API (amaliyot)
3. API so'rovlari:

• Bugungi namoz vatlarini olish uchun: https://islomapi.uz/api/present/day?region=Toshkent

• Shu hafta uchun namoz taqvimi olish uchun: https://islomapi.uz/api/present/week?region=Toshkent

• Bir kun uchun namoz taqvimini olish uchun: https://islomapi.uz/api/daily?region=Toshkent&month=4=4&day=5

Bir oylik namoz taqvimini olish uchun: https://islomapi.uz/api/monthly?region=Toshkent&month=4

---

Day 18

1. C R U D

CRUD ?

---

Day 19

1. C R U D

CRUD ?

---