luisjunco

JS OOP Bakery exercise

Iteration 1. Create a Bakery class with these properties and methods...

• property "brandName", which needs to be the same one for all our bakeries (ie. for all instances of the Bakery class)
• property "location" (specific for each bakery we build)
• method "printLocation" (displays the location of the bakery)

Iteration 2. We will add functionality to bake cakes & keep track of the number of cakes we have.

luisjunco

📁 | Create a parent directory

To keep things organized, create a parent directory:

• Navigate to the directory where keep your code (ex. navigate to your module3 directory).
• mkdir our-cool-project

NOTE: replace "our-cool-project" with the name you choose for your project 😉

luisjunco

README Project 3

Create 2 Readme files (one for the Frontend + one for the Backend). In each of them, add the sections below:

• Description
  • Brief description of the project
  • IMPORTANT:
• Explain very clear if the current repo is the Frontend (React) or the Backend (Express API).

luisjunco

README Project 2

• Description

  • Brief description of the project

• Instructions to run this app in my computer. Probably something like this:

  • git clone
  • how to install dependencies (npm install)

• in case you're using environment variables: explain that I'd need to create a .env file and add environment variables (remember to detail all the variables that I may need to create, if I need to create an account to get some credentials etc.)

luisjunco

README Project 1

• Description

  • Brief description of the project
  • You can also add screenshots 🤩

• Instructions to play

• Important: make sure that anyone with the link can play your game (if it is not trivial, include also instructions in the game itself)

luisjunco

MODULE 1

---

w3d1 Katas

Intro:

• Intro to Codewars (what is Codewars & why it's useful)

luisjunco

A: Element Variables (in your JavaScript)

function MyComponent(){

    let button;
    if (isLoggedIn) {
      button = <LogoutButton />;
 } else {

luisjunco

Git Branches Cheatsheet

🙌 | Common operations and commands:

luisjunco

React Router Cheatsheet

• This cheatsheet is based on React Router Dom v6.7.0
• If you use a different version, some things may be different

---

Initial Setup

luisjunco

Common shortcuts in VS Code (Win // Mac):

• Comment code: Ctrl (K+C) // ⌘ (K+C)
• UnComment code: Ctrl (K+U) // ⌘ (K+U)

• Duplicate line: Alt & Shift + Arrow Down // Option & Shift + Arrow Down
• Multicursor: hold Alt + click // hold Option + click