├── .idea
├── .gitignore
├── vcs.xml
├── modules.xml
├── JavaScript-course.iml
└── workspace.xml
├── module2.md
└── readme.md
/.idea/.gitignore:
--------------------------------------------------------------------------------
1 | # Default ignored files
/shelf/
/workspace.xml
# Editor-based HTTP Client requests
/httpRequests/
--------------------------------------------------------------------------------
/.idea/vcs.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
--------------------------------------------------------------------------------
/.idea/modules.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
--------------------------------------------------------------------------------
/.idea/JavaScript-course.iml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
--------------------------------------------------------------------------------
/module2.md:
--------------------------------------------------------------------------------
1 |
2 | 
3 | Muhriddin Kohodiev 24 y.o software engineer at
4 |
5 | 
6 | 
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 | JavaScript bo'yicha to'liq kurs reja
15 |
16 | module-2
17 |
18 | 
19 |
20 |
21 |
22 | # Day 13
23 | 1. Mavzularni takrorlash (umummiy)
24 | 2. Object , to built methods
25 | - Object.keys(testScore); // gives all keys
26 | - Object.values(testScore); // gives all values
27 | - Object.entries(testScore)
28 | 3. Javascript ‘this’ keyword (Context)
29 |
30 |
31 |
32 | # Day 14
33 | 1. **Movies app** (practice)
34 | 2. Find duplicates in an array using javaScript
35 | 3. **findElement** function
36 | 4. eventDelegation
37 | 5. dataset . . .
38 | 6. Template tag
39 | 7. RegExp() & ASCII code
40 | - https://regexr.com/
41 | - https://www.ascii-code.com/
42 |
43 | Javascript ‘this’ keyword (Context)
--------------------------------------------------------------------------------
/.idea/workspace.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
32 |
33 |
34 |
35 |
36 | 1664892014429
37 |
38 |
39 | 1664892014429
40 |
41 |
42 |
43 |
44 |
45 |
46 |
47 |
--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
1 |
2 | Muhriddin Kohodiev 24 y.o Senior software engineer at
3 |
4 |
5 |
6 |
7 |
8 | 
9 |
10 |
11 |
12 |
13 |
14 | JavaScript bo'yicha to'liq kurs reja
15 | module-1
16 |
17 |
18 |
19 |
20 |
21 | # Day 1
22 | #### JavaScriptga kirish
23 | 1. JavaScript nima ?
24 | 2. JavaScriptni HTML ga bog'lash
25 | 3. alert() , prompt() , confirm() , document.write() , innerHTML , Template literal
26 | 4. matematik operatorlar
27 |
28 |
29 | # Day 2
30 | 1. Variables (o'zgaruvchilar) var , let , const , (difference)
31 | 2. Data types
32 | - String
33 | - Number
34 | - Boolean
35 | - Undefined
36 | - null
37 | - BigInt(9007199254740991)
38 | - Symbol('Hello JavaScript')
39 | 2. "use strict"
40 | 3. appropriation operators (o'zlashtirish operatorlari)
41 | 4. comparison operators (taqqoslash operatorlari)
42 | 5. Object Math
43 | 6. type conversions
44 |
45 |
46 |
47 | # Day 3
48 | 0. Template literal
49 | 1. Truthy and Falthy
50 | 2. Conditional operator "if else"
51 | 3. logical operators (&& and || or )
52 | 4. Ternary operator
53 | 5. "switch" statement
54 |
55 |
56 |
57 |
58 |
59 | # Day 4
60 | 1. Loops: while and for ( while, do..while and for(..;..;..) )
61 | 2. Function and function types
62 | 3. Function arrow func / func expression / func declaration
63 | 4. function parametrs
64 | - Default parametr
65 | - SyntaxError, ReferenceError, TypeError
66 |
67 | - ### Array simple methods
68 | 1. Array
69 |
70 | - .push(4);
71 | - .pop();
72 | - .shift();
73 | - .unshift(0);
74 | - .concat('c');
75 | - .join('-');
76 | - .slice(1);
77 | - .indexOf('b');
78 | - .includes('c');
79 |
80 | 1. ### String methods
81 |
82 | - String.length
83 | - String.trim()
84 | - String.toUpperCase();
85 | - String.toLowerCase();
86 | - String.substring(x,y);
87 | - String.search();
88 | - String.trim();
89 | - String.match();
90 | - String.split();
91 | - charAt(n)
92 |
93 |
94 |
95 | # Day 5
96 | 0. Prmitive vs Reference value (difference)
97 | 1. Object
98 | 2. to bulild methods
99 | 3. Object methods
100 |
101 | - Object.keys(testScore); // gives all keys
102 | - Object.values(testScore); // gives all values
103 | - Object.entries(testScore)
104 | - Object.fromEntries(testScore)
105 |
106 |
107 |
108 | 0. Locating DOM elements using selectors
109 |
110 |
111 | - getElementsByTagName()
112 |
113 | - getElementsByClassName()
114 |
115 | - getElementById()
116 |
117 | - querySelector()
118 |
119 | - querySelectorAll()
120 |
121 | 1. HTMLCollection and NodeList
122 | 2. HTML DOM Element style Property
123 | 3. CSSstyleDeclaration Object ?
124 |
125 |
126 |
127 | # Day 6
128 |
129 | 1. HTML DOM Element style Property
130 | 2. Events
131 | 3. addEvenetListener / on (difference)
132 | 4. Event object and object keys (object types)
133 | 5. JavaScript DOM events
134 |
135 | Mouse events:
136 |
137 | - click
138 | - dblclick
139 |
140 | - mouseover
141 | - mouseout
142 |
143 | - mouseup
144 | - mouseup
145 | - mousemove
146 |
147 | Keyboard events:
148 |
149 | - Keydown
150 | - Keyup
151 | - Kuypress
152 |
153 | Form events:
154 |
155 | - focus
156 | - submit
157 | - blur
158 | - change
159 | - input
160 |
161 | Scroll & window Event
162 |
163 | - scroll
164 | - DOMContentLoaded
165 | - load
166 |
167 |
168 |
169 |
170 | # Day 7
171 |
172 | 1. setAttribute()
173 | 2. getAttribute()
174 | 3. practice (toggle menu)
175 | 4. setInterval() / clearInterval( )
176 | 5. setTimeOut() / clearTimeout( )
177 |
178 |
179 |
180 | # Day 8
181 | 1. JavaScript Date Objects [new Date()]
182 | 2. amaliyot (timer) 🕙
183 | 3. classList
184 | - add()
185 | - remove()
186 | - toggle()
187 | - contains()
188 |
189 | 4. PRACTICE SLIDER ☑️
190 | 5. Create Dynamic Element In Javascript 📌
191 |
192 |
193 | # Day 9
194 |
195 | 1. Create Dynamic Element In Javascript 📌
196 | 2. Higher order functions
197 |
198 | - Array Method .forEach()
199 | - Array Method .map()
200 | - Array Method .filter()
201 | - Array Method .reduce()
202 |
203 | 3. Custom selector function (Utils files)
204 | 4. practice
205 |
206 |
207 |
208 | # Day 10
209 |
210 | 1. Extra methods
211 | - Array Method .reverse()
212 | - Array Method .find()
213 | - Array Method .sort()
214 | - numArray.sort((a, b) => a - b); // For ascending sort
215 | - numArray.sort((a, b) => b - a); // For descending sort
216 |
217 | 2. Mavzularni qaytarish
218 | 3. Function Scope, Block Scope, Global Scope , Local scope
219 |
220 |
221 |
222 |
223 |
224 | # Day 11
225 |
226 | 1. Template tag
227 | 2. RegExp() & ASCII code
228 | - https://regexr.com/
229 | - https://www.ascii-code.com/
230 |
231 | 3. previousElementSibling, nextElementSibling, parentNode, closest()
232 |
233 |
234 |
235 |
236 | # Day 12
237 |
238 | 1. Optional chaining (?.)
239 | 2. Takrorlash
240 | 3. Tab content (amaliyot)
241 |
242 |
243 |
244 | # Day 13
245 | 1. Mavzularni takrorlash (umummiy)
246 | 2. dataset attribute
247 | 3. **Movies app** (Loyihani boshlash)
248 | 4. Normalize data
249 | 5. Find duplicates in an array using javaScript (e)
250 | 6. Dynamic category
251 |
252 |
253 |
254 |
255 |
256 | # Day 14
257 | 1. eventDelegation
258 | 2. Movies app Sorting (funksiyalarni qo'shish)
259 | 3. **findElement** function
260 | 4. Film ma'lumotlarini modalga chiqarish
261 | 5. RegExp() & ASCII code
262 | - https://regexr.com/
263 | - https://www.ascii-code.com/
264 |
265 |
266 | # Day 15
267 | 1. localStorage
268 | - setItem()
269 | - getItem()
270 | - removeItem()
271 | - clear()
272 | - "storage"
273 | 2. Movies app ga Bookmark qo'shish
274 | 3. JSON (stringify, parse);
275 |
276 |
277 |
278 | # Day 16
279 | 2. shallow copy vs deep copy
280 | 3. rest & spread operator
281 | 4. Understanding Javascript 'this' keyword (Context)
282 | - 
283 |
284 |
285 | # Day 17
286 | 1. CallBack function
287 | 2. **Synchronous and Asynchronous**
288 | What is the difference between synchronous and asynchronous code in JavaScript ?
289 | 2. Promise
290 | - Pending
291 | - fullfiled
292 | - rejected
293 |
294 | 3. fetch
295 |
296 |
297 | ### CallBack ?
298 | 
299 |
300 |
301 | ### Async and Sync difference
302 |
303 | 
304 |
305 |
306 |
307 | ### Practices async function
308 |
309 | 
310 |
311 |
312 |
313 | ### Promise (
314 | - Pending
315 | - fullfiled
316 | - rejected
317 |
318 | )
319 |
320 | 
321 |
322 |
323 | # Day 18
324 |
325 | 1. Takrorlash
326 | 2. PRAY TIME API (amaliyot)
327 | 3. API so'rovlari:
328 |
329 | - Bugungi namoz vatlarini olish uchun: https://islomapi.uz/api/present/day?region=Toshkent
330 |
331 | - Shu hafta uchun namoz taqvimi olish uchun: https://islomapi.uz/api/present/week?region=Toshkent
332 |
333 | - Bir kun uchun namoz taqvimini olish uchun: https://islomapi.uz/api/daily?region=Toshkent&month=4=4&day=5
334 |
335 | Bir oylik namoz taqvimini olish uchun: https://islomapi.uz/api/monthly?region=Toshkent&month=4
336 |
337 |
338 |
339 | # Day 18
340 | 1. C R U D
341 | ## CRUD ?
342 | 
343 | 
344 |
345 |
346 |
347 |
348 | # Day 19
349 | 1. C R U D
350 | ## CRUD ?
351 |
352 |
353 |
354 |
355 |
356 |
357 |
--------------------------------------------------------------------------------