atamocius

import {
  calcPageNumbers,
  calcOffset,
  calcPageCount,
  getPageItems,
} from './paging-utils';

// We'll use lodash's `clamp` function
import clamp from 'lodash/clamp';

atamocius

import {
  calcPageNumbers,
  calcOffset,
  calcPageCount,
  getPageItems,
} from './paging-utils';

// We'll use lodash's `clamp` function
import clamp from 'lodash/clamp';

atamocius

import range from 'lodash/range';

/**
 * Returns the items in a given page.
 * @template T
 * @param {number} offset The index offset based on the given `pageIndex`
 * (precomputed from `calcOffset`).
 * @param {number} itemsPerPage The number of items per page.
 * @param {T[]} items The array of items.
 */

atamocius

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions

atamocius

Advanced JS - Reactive Programming

atamocius

Advanced JS - Design Patterns

📖 Introduction

What is a "Pattern"?

"Gang of Four" (GoF)

Types/Categories

atamocius

Advanced JS - Asynchronous Programming

📖 Introduction

Synchronous vs. Asynchronous

Callbacks

🔗 Promises

atamocius

Advanced JS - Functional Programming

📖 Introduction

Imperative vs. Declarative

First class functions

🏭 Pure Functions

atamocius

Advanced JS Topics

Design Patterns

• https://www.toptal.com/javascript/comprehensive-guide-javascript-design-patterns
• https://addyosmani.com/resources/essentialjsdesignpatterns/book/
• http://gameprogrammingpatterns.com/contents.html
• https://en.wikipedia.org/wiki/Design_Patterns
• https://www.dofactory.com/javascript/composite-design-pattern
• https://anasshekhamis.com/2017/10/12/the-composite-design-pattern-in-javascript/

atamocius

Web Development Training

Tools

• Node
• Yarn
• Visual Studio Code
• Git (for Windows)

Recommended VS Code Extensions