ross-u

LAB SOLUTION | Vikings - OOP (ES6)

Exercise repo

ross-u

JS | Object Oriented Intro - Part 2 - class and keyword new

Object-oriented programming (OOP) is a programming paradigm (model/standard) based on the concept of “objects”, which can contain data, in the form of attributes / properties ), and code in the form of functions/procedures ( known as methods).

Objects are the main key/tool/means of OOP. We will try to explain this through example.

ross-u

Basic project structure - bash script

cd /usr/local/bin

# Create the file
touch vanilla-js

# Copy paste the content from the provided vanilla-js file

ross-u

Materials

Presentation

Feel free to use this presentation as a reference.

ross-u

Materials

Presentation

Feel free to use this presentation as a reference.

Starting Code

Open this CodeSandbox and start editing. It will automatically create a fork (that is, a duplicate) for you to work on.

ross-u

[  
   {  
      "text":"The only people who never fail are those who never try.",
      "from":"Ilka Chase"
   },
   {  
      "text":"Failure is just another way to learn how to do something right.",
      "from":"Marian Wright Edelman"
   },
   {  

ross-u

JS | Closure

Scope

Global scope — The default environment where your code is executed for the first time.

ross-u

// client
// src/components/Upload.js


import React, { Component } from "react";
import trackService from "../lib/track-service";

class Upload extends Component {
  state = {
    file: null,

ross-u

M3 Deployment to Heroku - React & Express

1. Login to the Heroku website and Create New App

ross-u

function calculate (a, b) {
   var sum = a + b;

   var product = sum * 2;

   return product;
}

calculate (10, 5)