Blog Template

JavaScript Bootstrap Blog Template with examples of Module Pattern, ES6 Classes and Export/Import, WebPack, Babel and Fetch Requests API and updates DOM.

Setup

npm install
npm run start

WebPack

npm install -g webpack-cli
npm run watch

Assuntos Abordados

Web APIs - functions/interfaces

- GlobalFetch.fetch() < WindowOrWorkerGlobalScope Fetch API
- Response.ok < WindowOrWorkerGlobalScope Fetch API
- Body.json() < Response stream Fetch API
- Console.log() < Window.console WindowGlobalScope
- Animation

Objetos globais - global objects

- Array.prototype.join()
- Array.prototype.map()
- Array.prototype.slice()
- Array.prototype.splice()
- String.prototype.charAt()
- String.prototype.toUpperCase()
- String.prototype.substring()
- Function.prototype
- Math.random()
- Math.floor()
- Regex.prototype.match()

Controle de Fluxo - control flow

- Promise.prototype.then()
- if/else

Declarações - statements

- var
- const
- let
- return
- function
- arrow function
- class
- export
- import

Operadores - operator

- new
- this

DOM

- Element.innerHTML
- Element.animate(keyframes, option)
- HTMLElement.focus()
- Document.getElementById(el)
- Document.addEventListener(event, function)
- Document.querySelector(el)
- Document.style.visibility
- Window.localStorage.setItem(key,value)
- Window.location (href, pathname, search)

Design Patterns

- IIFE
- Module Pattern
- CommonJS
- Exports/Imports
- Require

Diversos - misc

- Template Literals
- CSS code
- CSS random version
- WebPack
- Babel