docs/
└── tutorials/
└── javascript/
├── index.mdx
│
├── 01-getting-started/
│ ├── index.mdx
│ ├── what-is-javascript.mdx
│ ├── history-of-javascript.mdx
│ ├── javascript-vs-java.mdx
│ ├── javascript-vs-typescript.mdx
│ ├── how-javascript-works.mdx
│ ├── javascript-engines.mdx
│ ├── runtime-environments.mdx
│ ├── browser-vs-nodejs.mdx
│ ├── setting-up-development-environment.mdx
│ ├── using-browser-console.mdx
│ ├── using-nodejs.mdx
│ └── your-first-javascript-program.mdx
│
├── 02-fundamentals/
│ ├── index.mdx
│ ├── syntax-and-statements.mdx
│ ├── comments.mdx
│ ├── variables.mdx
│ ├── var-let-const.mdx
│ ├── naming-conventions.mdx
│ ├── strict-mode.mdx
│ ├── expressions-and-statements.mdx
│ ├── semicolons-and-automatic-semicolon-insertion.mdx
│ ├── code-blocks.mdx
│ └── debugging-first-program.mdx
│
├── 03-data-types/
│ ├── index.mdx
│ ├── primitive-and-reference-types.mdx
│ ├── numbers.mdx
│ ├── strings.mdx
│ ├── booleans.mdx
│ ├── undefined.mdx
│ ├── null.mdx
│ ├── bigint.mdx
│ ├── symbols.mdx
│ ├── objects.mdx
│ ├── arrays.mdx
│ ├── typeof-operator.mdx
│ ├── type-coercion.mdx
│ ├── type-conversion.mdx
│ ├── truthy-and-falsy-values.mdx
│ ├── nan-and-infinity.mdx
│ └── structured-clone.mdx
│
├── 04-operators/
│ ├── index.mdx
│ ├── arithmetic-operators.mdx
│ ├── assignment-operators.mdx
│ ├── comparison-operators.mdx
│ ├── strict-and-loose-equality.mdx
│ ├── logical-operators.mdx
│ ├── short-circuit-evaluation.mdx
│ ├── nullish-coalescing.mdx
│ ├── optional-chaining.mdx
│ ├── ternary-operator.mdx
│ ├── bitwise-operators.mdx
│ ├── typeof-instanceof.mdx
│ ├── in-operator.mdx
│ ├── delete-operator.mdx
│ ├── spread-syntax.mdx
│ ├── rest-parameters.mdx
│ ├── operator-precedence.mdx
│ └── destructuring.mdx
│
├── 05-control-flow/
│ ├── index.mdx
│ ├── if-else.mdx
│ ├── else-if.mdx
│ ├── switch.mdx
│ ├── conditional-operator.mdx
│ ├── for-loop.mdx
│ ├── while-loop.mdx
│ ├── do-while-loop.mdx
│ ├── for-of-loop.mdx
│ ├── for-in-loop.mdx
│ ├── break-and-continue.mdx
│ ├─ ─ nested-loops.mdx
│ └── choosing-the-right-loop.mdx
│
├── 06-functions/
│ ├── index.mdx
│ ├── function-declarations.mdx
│ ├── function-expressions.mdx
│ ├── arrow-functions.mdx
│ ├── parameters-and-arguments.mdx
│ ├── default-parameters.mdx
│ ├── return-values.mdx
│ ├── callbacks.mdx
│ ├── higher-order-functions.mdx
│ ├── pure-functions.mdx
│ ├── first-class-functions.mdx
│ ├── recursion.mdx
│ ├── closures.mdx
│ ├── lexical-scope.mdx
│ ├── function-scope.mdx
│ ├── rest-parameters.mdx
│ ├── this-keyword.mdx
│ ├── call-apply-bind.mdx
│ ├── arguments-object.mdx
│ └── function-best-practices.mdx
│
├── 07-arrays/
│ ├── index.mdx
│ ├── creating-arrays.mdx
│ ├── indexing-and-length.mdx
│ ├── adding-and-removing-elements.mdx
│ ├── array-destructuring.mdx
│ ├── array-iteration.mdx
│ ├── forEach.mdx
│ ├── map.mdx
│ ├── filter.mdx
│ ├── reduce.mdx
│ ├── find-and-findIndex.mdx
│ ├── some-and-every.mdx
│ ├── includes-and-indexOf.mdx
│ ├── slice-and-splice.mdx
│ ├── sort-and-reverse.mdx
│ ├── flat-and-flatMap.mdx
│ ├── array-copying.mdx
│ ├── immutable-array-updates.mdx
│ ├── multidimensional-arrays.mdx
│ └── array-methods-reference.mdx
│
├── 08-objects/
│ ├── index.mdx
│ ├── object-literals.mdx
│ ├── properties-and-methods.mdx
│ ├── accessing-properties.mdx
│ ├── computed-property-names.mdx
│ ├── object-destructuring.mdx
│ ├── object-method-shorthand.mdx
│ ├── object-keys-values-entries.mdx
│ ├── object-assign.mdx
│ ├── object-freeze-seal.mdx
│ ├── property-descriptors.mdx
│ ├── getters-and-setters.mdx
│ ├── object-references.mdx
│ ├── shallow-vs-deep-copy.mdx
│ ├── optional-chaining.mdx
│ └── object-best-practices.mdx
│
├── 09-strings-and-numbers/
│ ├── index.mdx
│ ├── template-literals.mdx
│ ├── string-methods.mdx
│ ├── substring-slice.mdx
│ ├── string-search.mdx
│ ├── string-replacement.mdx
│ ├── regular-expressions.mdx
│ ├── regex-patterns.mdx
│ ├── regex-flags.mdx
│ ├── number-methods.mdx
│ ├── math-object.mdx
│ ├── rounding-and-precision.mdx
│ ├── floating-point-errors.mdx
│ ├── bigInt-arithmetic.mdx
│ ├── international-number-formatting.mdx
│ └── international-date-number-formatting.mdx
│
├── 10-date-and-time/
│ ├── index.mdx
│ ├── date-object.mdx
│ ├── creating-dates.mdx
│ ├── getting-and-setting-date-parts.mdx
│ ├── timestamps.mdx
│ ├── date-comparisons.mdx
│ ├── timezones.mdx
│ ├── utc-and-local-time.mdx
│ ├── intl-date-time-format.mdx
│ └── date-best-practices.mdx
│
├── 11-error-handling/
│ ├── index.mdx
│ ├── syntax-errors.mdx
│ ├── runtime-errors.mdx
│ ├── logical-errors.mdx
│ ├── try-catch.mdx
│ ├── finally.mdx
│ ├── throw-statement.mdx
│ ├── error-object.mdx
│ ├── custom-errors.mdx
│ ├── error-cause.mdx
│ ├── promise-errors.mdx
│ └── error-handling-strategies.mdx
│
├── 12-dom/
│ ├── index.mdx
│ ├── dom-introduction.mdx
│ ├── document-object.mdx
│ ├── selecting-elements.mdx
│ ├── querySelector.mdx
│ ├── querySelectorAll.mdx
│ ├── traversing-the-dom.mdx
│ ├── creating-elements.mdx
│ ├── updating-text-and-html.mdx
│ ├── changing-attributes.mdx
│ ├── classList.mdx
│ ├── inline-styles.mdx
│ ├── inserting-and-removing-elements.mdx
│ ├── document-fragments.mdx
│ ├── data-attributes.mdx
│ ├── dom-collections.mdx
│ └── safe-dom-manipulation.mdx
│
├── 13-events/
│ ├── index.mdx
│ ├── event-introduction.mdx
│ ├── addEventListener.mdx
│ ├── mouse-events.mdx
│ ├── keyboard-events.mdx
│ ├── input-events.mdx
│ ├── form-events.mdx
│ ├── submit-events.mdx
│ ├── event-object.mdx
│ ├── event-bubbling.mdx
│ ├── event-capturing.mdx
│ ├── event-delegation.mdx
│ ├── preventDefault.mdx
│ ├── stopPropagation.mdx
│ ├── custom-events.mdx
│ └── accessible-event-handling.mdx
│
├── 14-asynchronous-javascript/
│ ├── index.mdx
│ ├── synchronous-vs-asynchronous.mdx
│ ├── call-stack.mdx
│ ├── runtime-and-task-queues.mdx
│ ├── event-loop.mdx
│ ├── setTimeout-and-setInterval.mdx
│ ├── callbacks-and-callback-hell.mdx
│ ├── promises.mdx
│ ├── promise-states.mdx
│ ├── then-catch-finally.mdx
│ ├── promise-chaining.mdx
│ ├── Promise-all.mdx
│ ├── Promise-allSettled.mdx
│ ├── Promise-race.mdx
│ ├── Promise-any.mdx
│ ├── async-functions.mdx
│ ├── await.mdx
│ ├── asynchronous-error-handling.mdx
│ ├── concurrent-vs-sequential.mdx
│ ├── abortController.mdx
│ └── asynchronous-best-practices.mdx
│
├── 15-fetch-and-apis/
│ ├── index.mdx
│ ├── http-basics.mdx
│ ├── fetch-api.mdx
│ ├── http-methods.mdx
│ ├── request-headers.mdx
│ ├── response-status-codes.mdx
│ ├── json-data.mdx
│ ├── query-parameters.mdx
│ ├── form-data.mdx
│ ├── cors.mdx
│ ├── api-error-handling.mdx
│ ├── request-cancellation.mdx
│ ├── retry-and-backoff.mdx
│ ├── pagination.mdx
│ ├── rate-limits.mdx
│ └── api-integration-project.mdx
│
├── 16-modules/
│ ├── index.mdx
│ ├── why-modules.mdx
│ ├── named-exports.mdx
│ ├── default-exports.mdx
│ ├── named-imports.mdx
│ ├── dynamic-imports.mdx
│ ├── module-scope.mdx
│ ├── module-resolution.mdx
│ ├── esm-vs-commonjs.mdx
│ ├── package-json.mdx
│ ├── npm-basics.mdx
│ ├── dependency-management.mdx
│ └─ ─ project-module-structure.mdx
│
├── 17-classes-and-oop/
│ ├── index.mdx
│ ├── object-oriented-programming.mdx
│ ├── constructor-functions.mdx
│ ├── prototypes.mdx
│ ├── prototype-chain.mdx
│ ├── class-syntax.mdx
│ ├── constructors.mdx
│ ├── instance-methods.mdx
│ ├── static-methods.mdx
│ ├── inheritance.mdx
│ ├── super-keyword.mdx
│ ├── private-fields.mdx
│ ├── getters-and-setters.mdx
│ ├── instanceof.mdx
│ ├── composition-vs-inheritance.mdx
│ └── oop-design-principles.mdx
│
├── 18-iterators-and-generators/
│ ├── index.mdx
│ ├── iterable-protocol.mdx
│ ├── iterator-protocol.mdx
│ ├── custom-iterators.mdx
│ ├── generator-functions.mdx
│ ├── yield-keyword.mdx
│ ├── async-iterators.mdx
│ └── async-generators.mdx
│
├── 19-advanced-javascript/
│ ├ ── index.mdx
│ ├── execution-context.mdx
│ ├── lexical-environment.mdx
│ ├── hoisting.mdx
│ ├── temporal-dead-zone.mdx
│ ├── closures-deep-dive.mdx
│ ├── this-binding.mdx
│ ├── prototype-internals.mdx
│ ├── property-descriptors.mdx
│ ├── symbols-and-well-known-symbols.mdx
│ ├── proxies.mdx
│ ├── reflection.mdx
│ ├── weakmap-and-weakset.mdx
│ ├── map-and-set.mdx
│ ├── garbage-collection.mdx
│ ├── memory-management.mdx
│ ├── tail-call-concepts.mdx
│ └── metaprogramming.mdx
│
├── 20-browser-apis/
│ ├── index.mdx
│ ├── window-and-globalThis.mdx
│ ├── localStorage.mdx
│ ├── sessionStorage.mdx
│ ├── cookies.mdx
│ ├── url-and-urlSearchParams.mdx
│ ├── history-api.mdx
│ ├── location-api.mdx
│ ├── clipboard-api.mdx
│ ├── drag-and-drop-api.mdx
│ ├── intersection-observer.mdx
│ ├── mutation-observer.mdx
│ ├── resize-observer.mdx
│ ├── web-workers.mdx
│ ├── service-workers.mdx
│ ├── geolocation-api.mdx
│ ├── notifications-api.mdx
│ ├── web-sockets.mdx
│ ├── server-sent-events.mdx
│ └── browser-api-security.mdx
│
├── 21-nodejs/
│ ├── index.mdx
│ ├── what-is-nodejs.mdx
│ ├── nodejs-vs-browser.mdx
│ ├── installing-nodejs.mdx
│ ├── node-runtime.mdx
│ ├── node-modules.mdx
│ ├── file-system.mdx
│ ├── path-module.mdx
│ ├── process-and-environment-variables.mdx
│ ├── events-module.mdx
│ ├── buffers.mdx
│ ├── streams.mdx
│ ├── http-server.mdx
│ ├── npm-scripts.mdx
│ ├── package-lock.mdx
│ ├── environment-configuration.mdx
│ └── graceful-shutdown.mdx
│
├── 22-javascript-security/
│ ├── index.mdx
│ ├── security-fundamentals.mdx
│ ├── xss-prevention.mdx
│ ├── safe-dom-updates.mdx
│ ├── eval-security-risks.mdx
│ ├── injection-attacks.mdx
│ ├── csrf-basics.mdx
│ ├── secure-cookie-basics.mdx
│ ├── secrets-and-environment-variables.mdx
│ ├── dependency-security.mdx
│ ├── prototype-pollution.mdx
│ └── security-best-practices.mdx
│
├── 23-testing-and-debugging/
│ ├── index.mdx
│ ├── debugging-fundamentals.mdx
│ ├── browser-breakpoints.mdx
│ ├── source-maps.mdx
│ ├── logging-best-practices.mdx
│ ├── unit-testing.mdx
│ ├── integration-testing.mdx
│ ├── end-to-end-testing.mdx
│ ├── test-driven-development.mdx
│ ├── jest-basics.mdx
│ ├── vitest-basics.mdx
│ ├── mocking-and-spies.mdx
│ ├── testing-async-code.mdx
│ ├── code-coverage.mdx
│ └── debugging-strategies.mdx
│
├── 24-tooling-and-quality/
│ ├── index.mdx
│ ├── npm-and-package-managers.mdx
│ ├── eslint.mdx
│ ├── prettier.mdx
│ ├── editorconfig.mdx
│ ├── bundlers-overview.mdx
│ ├── vite.mdx
│ ├── webpack-overview.mdx
│ ├── babel-overview.mdx
│ ├── environment-configuration.mdx
│ ├── source-maps.mdx
│ ├── tree-shaking.mdx
│ ├── code-splitting.mdx
│ ├── continuous-integration.mdx
│ └── production-builds.mdx
│
├── 25-performance/
│ ├── index.mdx
│ ├── javascript-performance-basics.mdx
│ ├── profiling-javascript.mdx
│ ├── algorithmic-complexity.mdx
│ ├── big-o-notation.mdx
│ ├── avoiding-unnecessary-work.mdx
│ ├── efficient-dom-updates.mdx
│ ├── debouncing.mdx
│ ├── throttling.mdx
│ ├── lazy-loading-modules.mdx
│ ├── memory-leaks.mdx
│ ├── optimizing-event-handlers.mdx
│ ├── web-workers-performance.mdx
│ └── performance-best-practices.mdx
│
├── 26-design-patterns/
│ ├── index.mdx
│ ├── modular-pattern.mdx
│ ├── factory-pattern.mdx
│ ├── observer-pattern.mdx
│ ├── pub-sub-pattern.mdx
│ ├── singleton-pattern.mdx
│ ├── strategy-pattern.mdx
│ ├── adapter-pattern.mdx
│ ├── dependency-injection.mdx
│ ├── composition-pattern.mdx
│ └── choosing-design-patterns.mdx
│
├── 27-functional-programming/
│ ├── index.mdx
│ ├── functional-programming-basics.mdx
│ ├── pure-functions.mdx
│ ├── immutability.mdx
│ ├── map-filter-reduce.mdx
│ ├── function-composition.mdx
│ ├── currying.mdx
│ ├── partial-application.mdx
│ ├── closures-and-state.mdx
│ └── functional-programming-patterns.mdx
│
├── 28-typescript-readiness/
│ ├── index.mdx
│ ├── why-typescript.mdx
│ ├── javascript-type-limitations.mdx
│ ├── type-safety-concepts.mdx
│ ├── jsdoc-types.mdx
│ ├── checking-javascript-with-jsdoc.mdx
│ ├── migrating-js-to-typescript.mdx
│ └── javascript-vs-typescript-project.mdx
│
├── 29-projects/
│ ├── index.mdx
│ ├── beginner/
│ │ ├── number-guessing-game.mdx
│ │ ├── calculator.mdx
│ │ ├── unit-converter.mdx
│ │ ├── digital-clock.mdx
│ │ ├── countdown-timer.mdx
│ │ └── random-quote-generator.mdx
│ ├── intermediate/
│ │ ├── todo-app.mdx
│ │ ├── quiz-app.mdx
│ │ ├── weather-dashboard.mdx
│ │ ├── expense-tracker.mdx
│ │ ├── github-profile-finder.mdx
│ │ ├── movie-search-app.mdx
│ │ └── shopping-cart.mdx
│ └── advanced/
│ ├── kanban-board.mdx
│ ├── markdown-editor.mdx
│ ├── realtime-chat.mdx
│ ├── analytics-dashboard.mdx
│ ├── offline-first-app.mdx
│ ├── api-client-library.mdx
│ └── final-javascript-capstone.mdx
│
├── 30-coding-challenges/
│ ├── index.mdx
│ ├── beginner/
│ ├── intermediate/
│ ├── advanced/
│ ├── arrays/
│ ├── strings/
│ ├── objects/
│ ├── functions/
│ ├── recursion/
│ └── asynchronous-javascript/
│
├── 31-quizzes/
│ ├── index.mdx
│ ├── fundamentals-quiz.mdx
│ ├── data-types-quiz.mdx
│ ├── operators-quiz.mdx
│ ├── functions-quiz.mdx
│ ├── arrays-quiz.mdx
│ ├── objects-quiz.mdx
│ ├── dom-quiz.mdx
│ ├── async-javascript-quiz.mdx
│ ├── modules-quiz.mdx
│ ├── advanced-javascript-quiz.mdx
│ └── final-javascript-quiz.mdx
│
├── 32-interview-preparation/
│ ├── index.mdx
│ ├── beginner-questions.mdx
│ ├── variables-and-scope.mdx
│ ├── closures-and-hoisting.mdx
│ ├── this-and-prototypes.mdx
│ ├── arrays-and-objects.mdx
│ ├── asynchronous-javascript.mdx
│ ├── promises-and-event-loop.mdx
│ ├── dom-and-browser-apis.mdx
│ ├── modules-and-tooling.mdx
│ ├── performance-and-security.mdx
│ ├── coding-interview-problems.mdx
│ └── frontend-interview-javascript.mdx
│
├── 33-reference/
│ ├── index.mdx
│ ├── global-objects.mdx
│ ├── array-methods.mdx
│ ├── string-methods.mdx
│ ├── number-methods.mdx
│ ├── object-methods.mdx
│ ├── map-and-set.mdx
│ ├── date-and-time.mdx
│ ├── operators.mdx
│ ├── keywords.mdx
│ ├── errors.mdx
│ ├── promises.mdx
│ ├── modules.mdx
│ ├── browser-apis.mdx
│ ├── nodejs-apis.mdx
│ └── browser-compatibility.mdx
│
└── assets/
├── images/
├─ ─ diagrams/
├── examples/
└── datasets/