| Topics | Files |
|---|---|
| Variables & Datatypes • Variable naming rules, Cases • let, const and var • Datatypes • console.table, alert • type of undefined and null • Type conversion |
index.html · lectureOne.js |
| Comments, Operators & Conditional Statements • Interesting examples on console • false & true values • Comparison of null and undefined • Stack and heap memory • Nullish coalescing operator |
index.html · lectureTwo.js |
| Number & Maths • Number and its methods • Maths and its functions |
index.html · number-and-maths.js |
| Date & Time • Methods, Declaring yourself • Timestamp, Generate in seconds • To know only month, year, date and many more • MORE ABOUT LocaleString |
index.html · date-and-time.js |
| Loops & Strings • for, while, do-while • Loop with break and continue • String declaration, template literals • Escape characters, string-methods |
index.html · lectureThree.js |
| Arrays • Some points, declaration in 2 ways, typeOf array, array indices • Array methods → push, pop, toString, concat, unshift, shift, slice, splice, include, indexOf, join • Diff btw splice & slice, Some ques • Array search → find • Array sort → sort, reverse, toSorted and toReversed, flat • Joining arrays by different methods, which one is better and impact • Other methods → Array.of, from |
index.html · lectureFour.js |
| Higher Order Array Methods • for-of, for-in, forEach() • callBack, Higher Order Function/Method • Diff btw forEach() and map() • filter(), reduce() • Chaining in JS |
index.html · high-order-array.js |
| Functions • def, parameters, return • Spread operator • Function with objects and arrays • Example of scope • Arrow function, hoisting • Arrow function don't have this binding |
index.html lectureFive.js |
| Objects & Classes | folder |
| DOM Manipulation • window object, dir(), selecting with id, classes, and tag, query selector • Property value → tagName, innerText, innerHTML, textContent • Attributes → getAttribute(attr), setAttribute(attr, value) • Style → node.style, createElement(), node.append, prepend, before and after • Delete elements → node.remove(), classList() • on console, differences, case of querySelectorAll, stylling more than 1 nodeList, forEach() • Properties → firstElementChild, lastElementChild, parentElement, nextElementSibling, parent.childNodes • Creating new element with some properties and to make it appear on page • Preference, optimized way to write, edit and remove |
folder dom pdf |
| Events • Mouse events (click, double click etc.) • Keyboard events (keypress, keyup, keydown) • Form events (submit etc.) • Print event & many more • Properties and methods of event object • Better to use addEventListener • Event propagation, stopPropagation(), preventDefault(), good example |
events |
| Callbacks, Promises & Async-Await • aboutAsync.md • JS engine and js-async-working (pdf) • setTimeout and clearTimeout • setInterval and clearInterval • Promise examples • async-await example • fetch example |
folder about async js-async-working |
| APIs • fetch-working.png, aboutAPI.md • About fetch api and fetch() method • HTTP verbs and response code • Interview ques • AJAX, readystatechange property, ajax.pdf |
APIS aboutAPI fetch working AJAX pdf |
- node [filename]
- example - node lectureOne.js
- if u r not in folder type " cd [folderName] " to get inside it
- to get out of folder enter command "cd .."
📚 Learned JavaScript from Chai aur Code and Apna College, with some references from W3Schools.