ricealexander

A list of GitHub emoji markup, adapted from rxavier’s Complete list of github markdown emoji markup, generated with a Grunt script for maintainability (see repository).

Table of Contents

Smileys and People
Animals and Nature
Food and Drink
Activity
Travel and Places
Objects

ricealexander

const colors = {
  seashell: '#FFF5EE',
  cornsilk: '#FFF8DC',
  lemonchiffon: '#FFFACD',
  floralwhite: '#FFFAF0',
  snow: '#FFFAFA',
  lightyellow: '#FFFFE0',
  ivory: '#FFFFF0',
}
const target = 'ivory'

ricealexander

class Gallery {
  constructor(gallery) {
    if (!gallery) {
      throw new Error('No Gallery Found!');
    }
    this.gallery = gallery;
    // select the elements we need
    this.images = Array.from(gallery.querySelectorAll('img'));
    this.modal = document.querySelector('.modal');
    this.prevButton = this.modal.querySelector('.prev');

ricealexander

const form = document.querySelector('form')
// Our hypothetical form has the following elements:
// input[type="text"][name="fname"]
// input[type="text"][name="lname"]
// input[type="text"][name="zip"]
// input[type="email"][name="email"]

// Ways to Get Form Values:

ricealexander

// Project settings should contain only settings that have an impact on the codebase
// These settings may change how editor interacts with files. All settings that have to do
// with UI or opinionated editor behavior that doesn't affect code should go in user settings

// Editor Settings
// editor.insertSpaces, editor.tabSize:      Prefer 2️⃣space indentation

// ESLint Settings
// editor.codeActionsOnSave                  Auto-correct ESLint code

ricealexander

(1.) Which of the following are valid arrays (Answer all that apply)

const A = ["Harder", "Better", "Faster", "Stronger"];
const B = [0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89];
const C = [
  "Urban Chestnut",
  2009,
  "4Hands",
 2011,

ricealexander

I'm going to go over a quick overview of Regular Expressions. I'll try to make the syntax fast, because using them is the fun stuff.

We'll be working with https://regex101.com

What Are RegEx?

RegEx stands for Regular Expression. A Regular Expression is a pattern-matching scheme. We use it to determine whether a string follows certain patterns. We'll often see these used to validate form input, and Single Page Applications may use them to compare the URL with patterns tell it what pages to serve.

ricealexander

// deepCopy from
// https://stackoverflow.com/questions/38416020/deep-copy-in-es6-using-the-spread-syntax#answer-53771927


function tidyCopy(obj) {
  if(typeof obj !== 'object' || obj === null) {
    return obj;
  }

  if(obj instanceof Date) {

ricealexander

// As a thought experiment, what is he shortest bit of code that
// can generate an array of numbers from 1 to 100?

// Object.keys
/// when applied to a string, Object.keys returns an array of
/// 0 to the string's length - 1
Object.keys(' '.repeat(100)).map(v => Number(v) + 1)
Object.keys(' '.repeat(100)).map(v => +v + 1)

// Array.from

ricealexander

// Stylesheet dependency builds custom stylesheets
function Stylesheet(id) {
  this.sheet = id;
  document.head.insertAdjacentHTML("beforeend", '<style id="'+ this.sheet +'"></style>');

  this.add = function(rules) {
    document.getElementById(this.sheet).insertAdjacentText("beforeend", rules);
  }
};