Leland Clemmons Leland

Initialize

gitflow	git
`git flow init`	`git init` `git commit --allow-empty -m "Initial commit"` `git checkout -b develop master`

Connect to the remote repository

gitflow | git

Require.js

How the Require.js system works

It is a system that allows Javascript on the frontend to be load async
- The amount of JS that blocks render is fairly small
- And the remaining JS that's needed can be loaded at a low priority
It's also a way to manage dependencies on JS modules
- Concating every single bit of JS into one big file resolves race conditions, but means that frontend users download a TON of JS.

Seek inspiration

JUNE 24, 2013

BY HOWARD JOHNSON

1962 : I was six, at my grandmother’s house, eating pancakes and watching my favorite show on TV. Captain Kangaroo was talking to Mr. Moose about something not quite visible just off the right side of the screen. My grandmother entered the room. She looked at the big console television, tilted her head, and then tweaked the horizontal-position knob. The image shifted a bit to the left, revealing more at the right side. I sat in awe, jaw dropped, gaze transfixed.

When she left the room, I was all over that knob. If you turned it far enough, what would happen? Could you see off the edges of the set? Could you see the cameraman? Could you see yourself? My brain exploded with questions.

	<!-- No Content width specified; Shortcodes enabled -->
	<div class="jetpack-video-wrapper">
	<div class="embed-vimeo" style="text-align: center;">
	<iframe src="https://player.vimeo.com/video/157320165" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" data-ratio="NaN" data-width="0" data-height="0" style="display: block; margin: 0px; width: 0px; height: 0px;"></iframe>
	</div>
	</div>

	<!-- No Content width specified; Shortcodes disabled -->
	<div class="jetpack-video-wrapper">
	<iframe src="https://player.vimeo.com/video/157320165" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" data-ratio="0.562" data-width="500" data-height="281" style="display: block; margin: 0px; width: 500px; height: 281px;"></iframe>

	> [email protected] phpcs /wp-content/themes/FoundationPress
	> gulp phpcs

	[11:27:18] Using gulpfile /wp-content/themes/FoundationPress/gulpfile.js
	[11:27:18] Starting 'phpcs'...
	[11:27:20] PHP Code Sniffer found a problem in /wp-content/themes/FoundationPress/archive.php

	FILE: /wp-content/themes/FoundationPress/archive.php
	----------------------------------------------------------------------
	FOUND 0 ERRORS AND 1 WARNING AFFECTING 1 LINE

	<referenceContainer name="sidebar.additional">
	<block class="Magento\Cms\Block\Block" name="replace_with_your_block_id">
	<arguments>
	<argument name="block_id" xsi:type="string">replace_with_your_block_id</argument>
	</arguments>
	</block>
	</referenceContainer>

	{
	"binary_file_patterns":
	[
	"bower_components/**",
	"node_modules/*",
	"node_modules/**",
	"*.jpg",
	"*.jpeg",
	"*.png",
	"*.gif",

	<?php
	return array (
	'backend' =>
	array (
	'frontName' => 'admin',
	),
	'db' =>
	array (
	'connection' =>
	array (

	#!/bin/bash
	set -eu -o pipefail

	for f in *.html ; do
	mv -v "$f" "$(ggrep -oP '<title>\K.+?</title>' "$f" \| sed 's#</title>##').html"
	done

	exit 0