Skip to content

Instantly share code, notes, and snippets.

View sandrabosk's full-sized avatar
👩‍💻
Always a student, never a master. Have to keep moving forward. ~C.Hall

Aleksandra Bošković sandrabosk

👩‍💻
Always a student, never a master. Have to keep moving forward. ~C.Hall
  • Ironhack
View GitHub Profile

Checking for understanding

Use the given object and perform the following operations on it:

const ironhacker = {
    firstName: 'marko',
    age: 39,
 favorites: ['JavaScript', 'Node'],
// ************************************************************************************************
// PART 2: FUNCTION EXPRESSION, CALLBACKS, ANONYMOUS FUNCTIONS, ARROW FUNCTIONS
// ************************************************************************************************
function printInfo(product, price) {
return `${product} price is ${price}`;
}
// function expression (example 1)
const sandwich = printInfo('sandwich', 17);

Checking for understanding

  1. Inside the App.js, create a variable and assign it a value equal to your full name.
  2. Use embedding techniques we demonstrated previously to:
    • display your name
    • capitalize both first and last name
    • create and invoke a function that will return just capitalized first letters of your fist and last name.
    • utilize image logo and display it.

Checking for understanding - Solution

  • What does babel do? ---> read here
  • What does webpackdo? ---> read here
  • What are babel-preset-env and babel-preset-react? read here - env and read here - react
  • What does test: /\.js$/ represents in the webpack.config file? - A regular expression (test) that checks for files with .js or .jsx extension.
  • What does the webpack-dev-server do? - A tool that checks for changes in source code and rebundles files automatically.

Advanced

Checking for understanding

  • What does babel do?
  • What does webpackdo?
  • What is babel-preset?
  • What does test: /\.js$/ represents in the webpack.config file?
  • What does the webpack-dev-server do?

Advanced

Client-Server Architecture

Recently, a different, better approach has gained popularity.

Applications now have two parts:

  • Backend (a.k.a. server-side) that doesn't render HTML anymore but instead provides APIs for a client application.
  • Frontend (a.k.a. client-side) that provides a user interface, handles user input, and communicates with the backend through APIs.

@sandrabosk
sandrabosk / README.md
Created June 4, 2020 17:08 — forked from ross-u/README.md
webinar-portfolio-html-css-resources

Checking for understanding - switch

Challenge 1

Create a new variable called language . Then create a conditional that handles printing:

  • Hola, Martin if language is equal to "spanish"
  • Salut, Martin if language is equal to "french"

Checking for understanding - if

Challenge 1

For this activity, create a new variable called language . Then create a conditional that handles printing:

  • Hola, Martin if language is equal to "spanish"
  • Salut, Martin if language is equal to "french"
---
course:
name: 'WDFT'
number: MASTER
version: '5.0'
chapter:
## ## ####### ######## ## ## ## ######## ##
### ### ## ## ## ## ## ## ## ## ####
#### #### ## ## ## ## ## ## ## ## ##
## ### ## ## ## ## ## ## ## ## ###### ##