jigalin / JS-DOM-for-beginners

📚 Want to learn the basics of Javascript? This is a test app with a basic implementation of modifying the DOM directly through vanilla JS. Includes a full .js document with notes on Javascript basics for study purposes.

📚 Vanilla Javascript Beginners guide by JIGALIN

Want to learn the basics of Javascript and prefer to read through code directly to understand how it works?

Within this repo, you will find:

1. A small, functional app (index.html & main.js) which has a basic example of querying the DOM, creating variables, an event listener and loading new elements onto the page with VanillaJS. The purpose of this is to show in practice whats included in the notes section.
2. A 'VanillaJS_Cheatsheet.js' which is a non-functional outline of all the useful elements of Vanilla javascript you should know to get into the basics of using JS. There are 12 sections, each with detailed commented notes.

Recommended for beginners, or those looking to brush up on their vanilla JS.

- Recommended for people who understand the basic programming paradigms, but are looking to learn JS.
- Useful as a foundational starting point for going into programming with Typescript or using framewors like VueJs or ReactJs
- No current planned future support or developments for this repo.
- I used this as a technical practice and note-taking study for myself, and thought it may be useful for others!

^ An example of some of the basic notes within the cheatsheet

Recommended plugins for vscode:

1. Prettier - convenient code formatting & colorization
2. Live preview - hosts a local server without node to preview HTML & JS webpages
3. Javascript ES6 code snippets - faster typing of common actions

Basic HTML and JS code modified from https://github.com/bradtraversy's original source - JS modern syntax course

Did you find this repo useful? Please consider starring this repo or following me on github 😊