Sean Duncan metasean

INSTALL NVM

OS X

https://github.com/creationix/nvm
Follow 'Install script' OR 'Manual install' procedures.
nvm install 4

Mac Command Line for Web Devs

Handy Tools

mdn-search.
- Quick tool for search in Mozilla Developer Network from command line, built with nodejs by Nicolás Arias (ezakto):
- Usage:

    mdn   [options]   [command]   <query>

Dash for macOS.

Company	Female	Male	White	Asian	Latino	Black	Multi	Other	Undeclared
U.S. Population	51	49	64	4	16	12	1	3	0
Social media sites	0	0	0	0	0	0	0	0	0
Facebook	33	67	53	38	4	2	3	0	0
Instagram	31	69	57	34	4	2	3	0	0
Google+	30	70	60	31	3	2	3	<1	0
YouTube	30	70	61	30	3	2	4	<1	0
LinkedIn	42	58	56	37	4	2	1	<1	0
Pinterest	40	60	50	42	2	1	0	5	0
Tumblr	37	62	50	39	4	2	2	2	1

These files show one way to make the next.js "with-global-stylesheet" example work with the amazingly awesome Storybook ecosystem.

Specifically, the three files below replace the next.config.js file, in the "with-global-stylesheet" example.

More generically, they demonstrate how to share webpack configuration extensions between next.js and Storybook.

A massive THANK YOU to tmeasday for all his help to get these working!

https://etherpad.net/p/slc-js-learners-2019-march

Responsive Web Design

Related Terms that you should know:

Progressive Web Apps
- Responsive Web Design is one aspect of Progressive Web Apps
- https://developer.mozilla.org/en-US/search?q=responsive%20web%20design

Fun with Arrays!!!

Our base array

NOTE: var is used throughout this presentation only because Sean's doing demos in the browser console. Never let Sean catch you using var in any other context!

var foods = ['asparagus', 'butternut squash', 'carrots', 'dates', 'endive'];

	{ "quotes": [
	{
	"text": "There are moments when one has to choose between living one's own life, fully, entirely, completely-or dragging out some false, shallow, degrading existence that the world in its hypocrisy demands.",
	"author": "Oscar Wilde",
	"publication": "Lady Windermere's Fan"
	},
	{
	"text": "Your best teacher is your last mistake.",
	"author": "Ralph Nader"
	},

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<title>string split filter join VS regex replace trim</title>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/benchmark/1.0.0/benchmark.min.js"></script>
	<script src="./suite.js"></script>
	</head>
	<body>
	<h1>Open the console to view the results</h1>