Od zera do JavaScript developera #4

Michal Staskiewicz

https://miksturait.slack.com/

http://bit.ly/miksturait

Agenda

Values, Types, and Operators
Functions &Data Structures - Objects and Arrays
Higher-order Functions
Objects & first project
Bugs, Errors & Regular Expression
Modules & Asynchronous Programming
Project - A Programming Language (review)
Exercises - katas

Snack Challenge Review

@Marcin

@kajetanboruta

@GrzesiekG

@Malwina

@JakubM

@Dadii

@AndKaw

@Adrian

Code will be at GH (probably) today at night

Encapsulation

OOP

.call() and 'this'

function speak(line) {
  console.log(`The ${this.type} rabbit says '${line}'`);
}
let whiteRabbit = {type: "white", speak};
let hungryRabbit = {type: "hungry", speak};

whiteRabbit.speak("Oh my ears and whiskers, " +
                  "how late it's getting!");
// → The white rabbit says 'Oh my ears and whiskers, how
//   late it's getting!'
hungryRabbit.speak("I could use a carrot right now.");
// → The hungry rabbit says 'I could use a carrot right now.'

Prototypes

Symbols

let sym = Symbol("name");

Classes

class Rabbit {
  constructor(type) {
    this.type = type;
  }
  speak(line) {
    console.log(`The ${this.type} rabbit says '${line}'`);
  }
}

https://developer.mozilla.org/pl/docs/Web/JavaScript/Reference/Classes

First Project!

Visual Studio Code

https://code.visualstudio.com/

Game of Life

https://pl.wikipedia.org/wiki/Gra_w_%C5%BCycie

Create GameOfLife class

It should take one parameter(array) which determinate live cells and store it under cells property and size which determinate grid size (eg. 10 -> 10 x 10 cells)

Create method that setup grid based on size every cell should looks like

{ alive: false }

Create method that will setup initial cells from constructor to grid state

Create method for printing actual grid state

chars: 9634, 9632

Create the method calculates alive neighbours for given cell

Create method that will updates grid to the next epochs based on neighbours

Create method that will calculate next epoch every 1 second

https://developer.mozilla.org/pl/docs/Web/API/Window/setTimeout

Snack Challenge

Deadline - Środa 11.07 18:00

https://eloquentjavascript.net/06_object.html#i_zO8FRQBMAy

Exercises from this topic