chadwithuhc

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "ESNext",
    "strict": true,
    "noImplicitReturns": true,
    "noPropertyAccessFromIndexSignature": true,
    "noImplicitOverride": true,
    "noUncheckedIndexedAccess": true,
    "noUnusedLocals": true,

chadwithuhc

// Q: Which would you prefer to get a mapped value?

// with a `switch` statement
export function getHeaderValue(headerName: string): string {
  switch (headerName) {
    case "content-type":
      return headers.contentType();
    case "content-length":
      return headers.contentLength();
    case "content-md5":

chadwithuhc

Coding Garden Chat Commands

Live Stream / Live Chat

Command	Description
!project !workingon	A quick description or link to the current project or thing we are working on
!badges	Describe all the badge options available in the live chat window
!team [name]	Set your team badge using the name of a Font Awesome brand: https://fontawesome.com/cheatsheet/free/brands - Ex: !team vuejs
!flag [country-code]	Set the flag of your country in live chat. country list: https://restcountries.eu/rest/v2/all Ex: !flag us, !flag usa, !flag Germany
!setstatus [message]	Sets your status message in live chat window

chadwithuhc

7 kyu

• Queue time counter - bad instructions, while, array methods

6 kyu

• Return the highest counting word - reduce, charCodeAt
• Count iterations on number - reduce, while, toString, number
• Count smiley faces - regex, filter
• Sort words with numbers in them - regex, sort

chadwithuhc

Build the following triangle in code

    *
   * *
  * * *
 * * * *
* * * * *

We could call it with `printTriangle(5)` where `5` is the number of rows to make

chadwithuhc

XCode and iOS Simulator install instructions

1. Install XCode
2. Open XCode, go to Preferences > Components > download simulator of choice
3. In Preferences > Locations > Command Line Tools ensure your XCode version is selected

chadwithuhc

// Refactor to use `querySelector()` instead

document.getElementsByClassName("message")[0].innerHTML = 'Hello World'

// Solution
//   `querySelector()` will select the first item it finds

document.querySelector(".message").innerHTML

// ---

chadwithuhc

CSS

• What are CSS selectors?
• What is the specificity of those selectors?
• What is the difference between .class1.class2 and .class1 .class2 as a selector?
• How do you center something in CSS?
• How do floats work?
• How do you get something to not display using CSS?

JS

chadwithuhc

// Challenge: Pull out the "character" value from the following URL string
// http://localhost:3000/characters/new?character=Art+Vandelay

// Using the `URL()` API, we can pull out the search params without needing to regex, split, or other wonkery
const params = (new URL(url)).searchParams
params.get('character') // Art Vandelay

// `URL()` will also handle uri decoding -- urls with %20, +, etc.

chadwithuhc

// Challenge: Refactor the `render()` method with declare all variables at top

render() {
  return (
    <li>
      <div className="profile-card">
        <header className="profile-header" onClick={this.toggleClass}>
          <img src={this.props.profile.image} alt={this.props.profile.name} />
          <h2>{this.props.profile.name}</h2>
        </header>