//----------------------------------------------------//
// Author: Natan Cabral //
// Description: No panic, this is simple javascript //
//----------------------------------------------------//
// constant object
const welcome = {
message: 'Welcome',
person: 'my little',
subject: 'friend',
}
// arrow function destruction
let GoodMorning = ({message: ms, person: ps, subject: su}) => {
return ` ${ms} ${ps} ${su} `
}
// destruction array, you can change
let hi = [...['Hello!'], GoodMorning(welcome)]
// log
console.log("%c" + hi.map(e=>e).join(''), "color:green; font-size: 25px");
// map not necessary ;)
- Variable Naming Rules
- const, let, var
- Quotation Marks
- String Concatenation
- Numbers Basics
- Implicit Type Conversion
- Data Types
- Arrays
- Functions
- Declare, Invoke
- Parameters, Arguments
- Return
- Currying
- Objects
- Conditional Statements - Basics
- Conditional Statements Continued
- Equality
- Logical Operators
- Switch Statement
- Null and Undefined
- Truthy and Falsy
- while Loops
- do while loops
- for loop
- Array Iterators
- forEach
- Math Object
- Date Object
- Get Element By ID
- Get Elements By Tag Name
- Get Element By Class Name
- Query Selector and Query Selector ALL
- Navigate the DOM - Children
- Navigate the DOM - parentElement
- getAttribute() setAttribute()
- classList and className
- createElement - createTextNode - appendChild
- insertBefore
- replaceChild
- prepend innerText
- remove removeChild
- innerHTML and textContent
- Change CSS with style property
- Click Event
- Function Reference
- Mouse Events
- Key Events
- Event Object