/JavaScript

This is how I learn the javascript language.

Primary LanguageJavaScript

JavaScript Repository File Structure

This document provides a comprehensive overview of the file structure in the JavaScript repository. Each directory and file is outlined below, with brief descriptions of their contents.

Root Directory

  • README.md

    • Overview of the repository
    • Instructions for setup and usage
  • TOPICS.md

    • Detailed list of topics covered in the repository (see previous section)

1_Basics_Part-1/

  • 1.1_Introduction_to_JS.js
    • Basic syntax and introduction to JavaScript
  • 1.2_Variables.js
    • Examples of variable declarations and usage
  • 1.3_Data_Types.js
    • Demonstrations of different data types in JavaScript
  • 1.4_Operators.js
    • Various operators and their usage in expressions

2_Basics_Part-2/

  • 2.1_Type_Conversion.js
    • Code examples of implicit and explicit type conversion
  • 2.2_Functions.js
    • Function declarations, expressions, and arrow functions
  • 2.3_Scope_and_Closure.js
    • Examples showing different types of scope and closures
  • 2.4_Error_Handling.js
    • Demonstrating try-catch blocks and custom error handling

3_Basics_Part-3/

  • 3.1_Objects.js
    • Creating and manipulating objects
  • 3.2_Arrays.js
    • Array methods and their uses
  • 3.3_Prototypes.js
    • Understanding prototypes and inheritance in JavaScript

4_Control_Flow/

  • 4.1_Conditional_Statements.js
    • if...else and switch statements
  • 4.2_Loops.js
    • Different looping constructs like for, while, and do...while
  • 4.3_Control_Flow_Interruptions.js
    • Usage of break, continue, and return statements

5_Iterations/

  • 5.1_Array_Methods.js
    • Advanced array methods such as map, filter, and reduce
  • 5.2_Iterators_and_Generators.js
    • Custom iterators and generator functions
  • 5.3_Sets_and_Maps.js
    • Working with Set and Map objects

6_DOM/

  • 6.1_DOM_Introduction.js
    • Basics of DOM and how to interact with it
  • 6.2_DOM_Manipulation.js
    • Changing the DOM content and structure
  • 6.3_DOM_Events.js
    • Event handling and propagation in the DOM
  • 6.4_DOM_Forms.js
    • Handling forms and form validation in JavaScript

7_Projects/

  • Calculator_App/
    • index.html
    • styles.css
    • calculator.js
  • To_Do_List_App/
    • index.html
    • styles.css
    • todo.js
  • Weather_App/
    • index.html
    • styles.css
    • weather.js
  • Interactive_Quiz/
    • index.html
    • styles.css
    • quiz.js
  • Image_Gallery/
    • index.html
    • styles.css
    • gallery.js

8_Events/

  • 8.1_Event_Basics.js
    • Basics of adding event listeners and handling events
  • 8.2_Common_Events.js
    • Handling mouse, keyboard, and form events
  • 8.3_Event_Propagation.js
    • Detailed examples of event bubbling and capturing
  • 8.4_Custom_Events.js
    • Creating and using custom events in JavaScript

9_Advanced_Part-1/

  • 9.1_Asynchronous_JS.js
    • Understanding asynchronous JavaScript and callbacks
  • 9.2_Promises.js
    • Creating and chaining promises
  • 9.3_Async_Await.js
    • Using async and await for cleaner asynchronous code
  • 9.4_Fetch_API.js
    • Fetch API for making HTTP requests
  • 9.5_Web_Storage.js
    • Working with local and session storage

10_OOPS/

  • 10.1_ES6_Classes.js
    • Introduction to classes and object-oriented programming in ES6
  • 10.2_Inheritance.js
    • Implementing inheritance in JavaScript classes
  • 10.3_Getters_and_Setters.js
    • Using getters and setters for encapsulation
  • 10.4_Advanced_OOP_Concepts.js
    • Mixins, private members, and more advanced OOP topics

11_FunWithJS/

  • 11.1_Code_Snippets.js
    • Interesting and useful JavaScript code snippets
  • 11.2_Challenges_and_Puzzles.js
    • JavaScript puzzles and coding challenges
  • 11.3_Experimental_Features.js
    • Exploring experimental JavaScript features
  • 11.4_Visual_Effects.js
    • JavaScript for animations and visual effects
  • 11.5_Game_Development_Basics.js
    • Basics of game development in JavaScript

This structure provides a clear and organized view of the repository, making it easier to navigate and understand the content.