dominikkaegi

Start Machine up

<!--startup application-->
docker-compose up

<!--remove application-->
docker-compose down --rmi all

dominikkaegi

dominikkaegi

Composition > Inheritance

https://www.youtube.com/watch?v=wfMtDGfHWpA

Inheritance

class MurderRobotDog {
  constructor(name) {
    this.name = name

dominikkaegi

E2E Testing With Cypress

Goal of E2E testing

1. In a first step we aim to automate the smoke tests we run before each release.
2. In a second step the goal is to increase the scope of the tests to also run with mock data so that we can simulate all kind of states in the FE application and test if the FE behaves correctly. And example for mocked state could be a request failing and making sure the correct error state is displayed on the FE.
3. In a last step we want to add visual regression tests.

Test Setup

dominikkaegi

1. Edit the /etc/hosts

First open the hosts file:

sudo vim /etc/hosts

Then add the websites you want to be blocked. Make sure to keep the spacing between the ip and the website you want to be bocked. For it to work also with safari we need to add not noly the ipv4 address but also the ipv6 address.

dominikkaegi

1. Question concerning Mocking -> Mokey Patching / ES Modules

• Why does monkey-patching only work for commonJS?
• Or maybe broader what is an ES module situation?
• What’s the difference between commonJS and ES Module JS?
• What is their relation to ES versions?

2. Question concerning mocking whole Modules

dominikkaegi

Canvas Introduction

1. Setting up Canvas and drawing first line

const canvas = document.querySelector('canvas')

canvas.width = window.innerWidth
canvas.height = window.innerHeight

dominikkaegi

Drawing on Canvas

Drawing on key input

Drwaing on mouse input

dominikkaegi

Challenges

Challeng 1

Create a function which accepts a number as argument and adds 10 to the number.

function addTen(num) {

}

dominikkaegi

Javascript Course

General Inputs

• Join Everyday on Hangouts
• Join Whatsapp Group for
• Download RunJS for Prototyping
• Download VS Code