This repository contains Vanilla JavaScript topics and their notes to learn from beginner level to advanced level.
Refer the below contents, To kick start the learning of JavaScript. which gives you step by step approach to the concepts.
- Basic Syntax:
- Variables
- Data types
- Operators
- Arithmetic
- Comparison
- Logical
- Assignment
- Ternary
- Control flow
- Conditional statements
- Loops
- Functions:
- Defining functions
- Calling functions
- Function arguments and return values
- Function Scope and closures
- Arrow functions
- DOM Manipulation:
- Selecting elements
- Creating elements
- Adding elements
- Modifying elements
- Modifying attributes
- Changing styles
- Removing elements
- Event Handling:
- Attaching event listeners to elements
- Handling common events and custom events
- Objects:
- Object properties and methods
- Object creation
- Constructors
- Methods
- Properties
- Inheritance and polymorphism
this
keyword- Prototype inheritance
- Understanding how objects inherit properties from prototypes
- Creating custom prototypes
- Arrays:
- Array methods
- Array iteration
- Asynchronous JavaScript:
- Callbacks
- Understanding asynchronous operations
- Using callbacks to handle asynchronous results
- Promises
- Creating and chaining promises.
- Handling promise resolution and rejection
- Async/await
- Using
async
andawait
for cleaner asynchronous code.
- Using
- Callbacks
- Modules:
- CommonJS modules
- ES modules
- Importing modules
- Exporting modules
- Error Handling:
- Using
try...catch
blocks to handle errors - Custom error objects
- Using
- Regular Expressions:
- Creating regular expressions
- Common regular expression patterns
- Matching patterns in strings
- JSON (JavaScript Object Notation):
- Parsing and manipulating JSON data
- JavaScript Engine:
- How JavaScript code is executed
- The call stack and event loop
- Performance Optimization:
- Minimizing DOM manipulations
- Using requestAnimationFrame
- Avoiding unnecessary calculations
- Techniques for improving JavaScript performance
- Code minification
- Tree shaking
- Lazy loading
- Web APIs:
- Fetch API
- WebSockets
- Local Storage and Session Storage
- Geolocation API
- Canvas API
- Web Audio API
By following this roadmap and consistently practicing, you can develop a strong foundation in Vanilla JavaScript and build impressive web applications.
Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request. Make sure to follow the existing coding style and provide clear documentation for your changes.
This reference licensed under the MIT license. Feel free to use, modify, and distribute it as per the terms of the license.
If you have any questions or need further assistance, please feel free to reach me at Email
Thanks for reviewing this reference notes!