cheddar chadwithuhc

## switch-or-object-map.js
// 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":

## Coding Garden Chat Commands.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                chadwithuhc
                / Coding Garden Chat Commands.md
            
            
              Last active Aug 5, 2020
            
          
      View Coding Garden Chat Commands.md
  
      
    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


## xcode-ios-simulator-install.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                chadwithuhc
                / xcode-ios-simulator-install.md
            
            
              Created Jun 22, 2018
            
              
                XCode and iOS Simulator install
              
          
      View xcode-ios-simulator-install.md
  
      
    XCode and iOS Simulator install instructions

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


## katas.md

      
              1 file
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                chadwithuhc
                / katas.md
            
            
              Last active Nov 1, 2019
            
              
                Code Katas I enjoyed solving
              
          
      View katas.md
  
      
    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


## dom-selection-manipulation.js
// 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

// ---

## sample-tech-screen-questions.md

      
              1 file
            
          
              1 fork
            
          
              0 comments
            
          
              1 star
            
          
                chadwithuhc
                / sample-tech-screen-questions.md
            
            
              Created Mar 15, 2018
            
              
                Sample Tech Screen Questions
              
          
      View sample-tech-screen-questions.md
  
      
    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

  
## url-params.js
// 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.

## build-a-diamond.txt
Build the following triangle in code

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

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

## declaring-values-in-function.js
// 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>

## index.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <style>
  nav {background: tomato}
  </style>
	// 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":
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
	// 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

	// ---
	// 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.
	Build the following triangle in code

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

	We could call it with `printTriangle(5)` where `5` is the number of rows to make
	// 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>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	<style>
	nav {background: tomato}
	</style>