Animations
API
Arrays
- Array Methods
- Array Add Using length()
- Array Properties
- Basics
- Get values examples
- concat()
- destructuring
- fill()
- filter()
- find()
- foreach()
- includes()
- indexOf()
- isArray()
- join()
- map()
- pop()
- push()
- reduce()
- reverse()
- shift()
- slice()
- some()
- sort()
- splice()
- Spread
- toString()
- valueOf()
Async
Basics
- Basics
- Best Practices
- Break Reference Label
- Common DOM Properties
- Constructor Property
- Defer
- Escape Characters
- Keywords
- Operators
- Regions
- Scopes
- Ternary Operator
- Truthy & Falsy
- Value Of
- VS Code
Challenges
Classes
Console
Dates
- Date Formats
- Date Get Methods
- Date Methods
- Date Set Methods
- Instantiating New Date
- Time Zones
- Converting UTC to Local
Debugging
DOM Elements
DOM Methods
- common methods
- document ready
- getElementByClassName()
- getElementById()
- getElementByTagName()
- querySelectorAll()
- setAttribute()
DOM Properties
Event Listeners
- addEventListener
- addEventListener to multiple tags
- onchange
- onclick
- Events
- onmouseover - onmouseout
- onmouseup - onmousedown
- onclick vs click
- onblur - onfocus
- onload
- onunload
- preventDefault
Flow Control
Forms
Functions
- Anonymous Functions
- Arguments
- Arrow Functions
- Functions are objects
- Function Expressions
- "IIFE" Functions
- Invoking vs Calling
- Reference Example
- Recursive vs Non Recursive
- Scope of Arrow Functions
- Self Invoking Functions
Global Functions
- Boolean()
- Common Global Functions
- encodeUri() - decodeUri()
- eval()
- IsNan()
- Number()
- parseFloat()
- parseInt()
- Type conversions
JSON
Keywords
Libraries (3rd party)
Math
Modules
Objects
- Adding / Deleting Object Properties
- Assign (cloning)
- Built In Constructors
- Creating a new Object
- Comparing Objects
- Constructors
- Delete A Property
- Destructuring and Spreading
- Functions in Objects
- Looping Thru Properties
- Object Literals
- Properties
Snippets
String
- charAt() / charCodeAt()
- indexOf()
- lastIndexOf()
- length
- RegEx Basics
- RegEx Example
- RegEx Patterns
- match()
- replace()
- search()
- slice()
- split()
- String Template Literals
- substring()
- toString()
- toUpperCase() / toLowerCase()
Types
Widgets
Window Object
JavaScript - Basics
According to the W3C HTML DOM standard, everything in an HTML document is a node:
- The entire document is a document node
- Every HTML element is an element node
- The text inside HTML elements are text nodes
- Every HTML attribute is an attribute node
- All comments are comment nodes
With the HTML DOM, all nodes in the node tree can be accessed by JavaScript. New nodes can be created, and all nodes can be modified or deleted.
Node Relationships
The terms parent, child, and sibling are used to describe the relationships.
- In a node tree, the top node is called the root (or root node)
- Every node has exactly one parent, except the root (which has no parent)
- A node can have any number of children
- Siblings (brothers or sisters) are nodes with the same parent
https://www.w3schools.com/js/js_htmldom_navigation.asp