https://github.com/natancabral/javascript-learn
Here we learn JavaScript, starting from scratch and go on to advanced concepts like OOP. We concentrate on the language itself here, with the minimum of environment-specific notes.
https://github.com/natancabral/javascript-learn
arrow-functions concepts filter javascript javascript-es6 js learn map reduce
Last synced: 3 months ago
JSON representation
Here we learn JavaScript, starting from scratch and go on to advanced concepts like OOP. We concentrate on the language itself here, with the minimum of environment-specific notes.
- Host: GitHub
- URL: https://github.com/natancabral/javascript-learn
- Owner: natancabral
- License: gpl-3.0
- Created: 2020-10-29T16:05:00.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2023-06-12T17:26:15.000Z (about 3 years ago)
- Last Synced: 2025-10-05T09:49:26.133Z (9 months ago)
- Topics: arrow-functions, concepts, filter, javascript, javascript-es6, js, learn, map, reduce
- Homepage:
- Size: 168 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# JavaScript ES6
## Welcome
```js
//----------------------------------------------------//
// 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 ;)
```
---
## Advanced
* [Arrow Funcion](basic/functions/arrow-function.md)
* [Map](while/map.md) | [Video](https://www.youtube.com/watch?v=80KX6aD9R7M&list=PLnHJACx3NwAfRUcuKaYhZ6T5NRIpzgNGJ)
* [Unique Values](basic/arrays/array-filter-unique-values.md)
* [Delete Array & Object](basic/advanced/delete-array-and-object.md)
* Dynamic Object Key [link](https://www.samanthaming.com/tidbits/37-dynamic-property-name-with-es6/)
* Filter and Finder
* Reduce Basics
* [Destruction Array & Object](basic/advanced/destruction-array-and-object.md)
* Reduce Object Example
* Getters and Setters [link](https://www.youtube.com/watch?v=bl98dm7vJt0)
* `${personal.name}`
* this | global or local [link](https://www.youtube.com/watch?v=gvicrj31JOM)
### Basic
* Variable Naming Rules
* const, let, var
* Quotation Marks
* String Concatenation
* Numbers Basics
* Implicit Type Conversion
* Data Types
* [Arrays](basic/arrays/array-init.md)
* [Concat](basic/arrays/array-concat.md)
* [Some & Every](basic/arrays/array-some-and-every.md)
* [Fill](basic/arrays/array-fill.md)
* [Filter](basic/arrays/array-filter.md)
* [Find](basic/arrays/array-find.md)
* [Includes](basic/arrays/array-includes.md)
* [Array.from()](basic/arrays/array-from.md)
* Join [Link](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/join)
* Map [Link](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map)
* Reduce [Link](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce)
* Pop Push Shoft Unshift [Link](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/pop)
* [Delete](basic/advanced/delete-array-and-object.md)
* Sort & Reverse [Link](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reverse)
* Functions
* Declare, Invoke
* Parameters, Arguments
* Return
* [Currying](basic/functions/currying-function.md)
* Objects
* Conditional Statements - Basics
* Conditional Statements Continued
### Equality
* Equality
* Logical Operators
* Switch Statement
* Null and Undefined
* Truthy and Falsy
### While
* while Loops
* do while loops
* for loop
* Array Iterators
* [forEach](while/forEach.md)
* Math Object
* Date Object
### DOM
* 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
### String
* [Reduce Name](basic/string/string-name.md)