Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ag-sanjjeev/javascript-notes

This repository contains Vanilla JavaScript topics and their notes to learn from beginner level to advanced level.
https://github.com/ag-sanjjeev/javascript-notes

javascript javascript-notes javascript-topics notes vanilla-javascript

Last synced: about 2 months ago
JSON representation

This repository contains Vanilla JavaScript topics and their notes to learn from beginner level to advanced level.

Host: GitHub
URL: https://github.com/ag-sanjjeev/javascript-notes
Owner: ag-sanjjeev
License: mit
Created: 2024-09-10T05:18:44.000Z (4 months ago)
Default Branch: master
Last Pushed: 2024-10-16T11:19:07.000Z (3 months ago)
Last Synced: 2024-10-18T02:50:05.390Z (3 months ago)
Topics: javascript, javascript-notes, javascript-topics, notes, vanilla-javascript
Homepage: https://arathinai.blogspot.com/
Size: 28.3 KB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # JAVASCRIPT NOTES

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.*

\

 

## ☰ CONTENTS 

[Introduction:](./introduction.md)

- [What is Vanilla JavaScript?](./introduction.md#-what-is-vanilla-javascript)

- [What is the need for it?](./introduction.md#-what-is-the-need-for-it)

- [Getting Started](./introduction.md#-getting-started)

### Fundamentals

1. [Basic Syntax:](./docs/basic-syntax.md)

	- [Variables](./docs/variables.md)

		- [var](./docs/variables.md#-var)

		- [let](./docs/variables.md#-let)

		- [const](./docs/variables.md#-const)

		- [comparison](./docs/variables.md#-comparison)

	- [Data types](./docs/data-types.md)

		- [primitive data types](./docs/data-types.md#-primitive-data-types) 

			- [numbers](./docs/data-types.md#-numbers)

			- [strings](./docs/data-types.md#-strings)

			- [booleans](./docs/data-types.md#-booleans)

			- [null](./docs/data-types.md#-null)

			- [undefined](./docs/data-types.md#-undefined) 

			- [symbols](./docs/data-types.md#-symbols)

		- [non-primitive data types](./docs/data-types.md#-non-primitive-data-types)

	    - [Arrays](./docs/data-types.md#-arrays)

	    - [Objects](./docs/data-types.md#-objects)	

		- [comparison](./docs/data-types.md#-comparison)

	- [Operators](./docs/operators.md)

		- [Arithmetic](./docs/operators.md#-arithmetic)

		- [Comparison ](./docs/operators.md#-comparison)

		- [Logical ](./docs/operators.md#-logical)

		- [Assignment](./docs/operators.md#-assignment)

		- [Ternary](./docs/operators.md#-ternary)

	- [Control flow](./docs/control-flow.md)

		- [Conditional statements](./docs/control-flow.md#-conditional-statements)

			- [if statement](./docs/control-flow.md#-if-statement)

			- [if else statement](./docs/control-flow.md#-if-else-statement)

			- [else if statement](./docs/control-flow.md#-else-if-statement)

			- [switch statement](./docs/control-flow.md#-switch-statement)

		- [Loops](./docs/control-flow.md#-loops)

			- [for loop](./docs/control-flow.md#-for-loop)

			- [for in loop](./docs/control-flow.md#-for-in-loop)

			- [for of loop](./docs/control-flow.md#-for-of-loop)

			- [while loop](./docs/control-flow.md#-while-loop)

			- [do while loop](./docs/control-flow.md#-do-while-loop)

		- [comparison](./docs/control-flow.md#-comparison)

2. [Functions:](./docs/functions.md)

	- [Defining functions](./docs/functions.md#-defining-functions)

	- [Calling functions](./docs/functions.md#-calling-functions)

	- [Function arguments and return values](./docs/functions.md#-function-arguments-and-return-values)

	- [Function Scope and closures](./docs/functions.md#-function-scope-and-closures)

	- [Arrow functions](./docs/functions.md#-arrow-functions)

3. [DOM Manipulation:](./docs/dom-manipulation.md)

	- [Selecting elements](./docs/dom-manipulation.md#-selecting-elements)

	- [Creating elements](./docs/dom-manipulation.md#-creating-elements)

	- [Adding elements](./docs/dom-manipulation.md#-adding-elements)

	- [Modifying elements](./docs/dom-manipulation.md#-modifying-elements)

		- [Modifying attributes](./docs/dom-manipulation.md#-modifying-attributes)

		- [Changing styles](./docs/dom-manipulation.md#-changing-styles)

	- [Removing elements](./docs/dom-manipulation.md#-removing-elements)

	- [Event Handling](./docs/dom-manipulation.md#-event-handling)

		- [Attaching event listeners](./docs/dom-manipulation.md#-attaching-event-listeners)

		- [Handling events](./docs/dom-manipulation.md#-handling-events)

### Intermediate Concepts

1. [Objects:](./docs/objects.md)

	- [Object properties and methods](./docs/objects.md#-object-properties-and-methods)

	- [Object creation](./docs/objects.md#-object-creation)

	- [Constructors](./docs/objects.md#-constructors)

	- [Methods](./docs/objects.md#-methods)

	- [Properties](./docs/objects.md#-properties)

	- [Inheritance](./docs/objects.md#-inheritance)

	- [Polymorphism](./docs/objects.md#-polymorphism)

	- [this keyword](./docs/objects.md#-this-keyword)

	- [Prototype inheritance](./docs/objects.md#-prototype-inheritance)

2. [Arrays:](./docs/arrays.md)

	- [Array methods](./docs/arrays.md#-array-methods)

	- [Array iteration](./docs/arrays.md#-array-iteration)

3. [Asynchronous JavaScript:](./docs/asynchronous-javascript.md)

	- [Callbacks](./docs/asynchronous-javascript.md#-callbacks)

	- [Promises](./docs/asynchronous-javascript.md#-promises)

	- [Async/Await](./docs/asynchronous-javascript.md#-async-await)

### Advanced Topics

1. [Error Handling:](./docs/error-handling.md)

	- [try and catch](./docs/error-handling.md#-try-and-catch)

	- [Custom error objects](./docs/error-handling.md#-custom-error-objects)

	- [Necessity of Error Handling](./docs/error-handling.md#-necessity-of-error-handling)

2. [Regular Expressions:](./docs/regular-expressions.md)

	- [Creating regular expressions](./docs/regular-expressions.md#-creating-regular-expressions)

	- [Common regular expression patterns](./docs/regular-expressions.md#-common-regular-expression-patterns)

	- [Matching patterns in strings](./docs/regular-expressions.md#-matching-patterns-in-strings)

3. [JSON (JavaScript Object Notation):](./docs/json.md)

	- [Parsing and Manipulating](./docs/json.md#-parsing-and-manipulating)

4. [Web APIs:](./docs/web-apis.md)

	- [Fetch API](./docs/web-apis.md#-fetch-api)

	- [WebSockets](./docs/web-apis.md#-websockets)

	- [Local Storage](./docs/web-apis.md#-local-storage)

	- [Session Storage](./docs/web-apis.md#-session-storage)

	- [Geolocation API](./docs/web-apis.md#-geolocation-api)

	- [Canvas API](./docs/web-apis.md#-canvas-api)

	- [Web Audio API](./docs/web-apis.md#-web-audio-api)

	- [Clipboard API](./docs/web-apis.md#-clipboard-api)

	- [Web camera API](./docs/web-apis.md#-web-camera-api)

	- [Microphone API](./docs/web-apis.md#-microphone-api)

	- [Handling Cookies](./docs/web-apis.md#-handling-cookies)

	- [Other APIs](./docs/web-apis.md#-other-apis)

By following this roadmap and consistently practicing, you can develop a strong foundation in Vanilla JavaScript and build impressive web applications.

## ⚑ Contribution

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.

## ⚑ License

This reference licensed under the [MIT license](LICENSE). Feel free to use, modify, and distribute it as per the terms of the license.

## ⚑ Contact

If you have any questions or need further assistance, please feel free to reach me by referring [My Github Profile](https://github.com/ag-sanjjeev/)

Thanks for reviewing this reference notes!