Skip to content

Instantly share code, notes, and snippets.

Avatar

Steve Kinney stevekinney

View GitHub Profile
View front-end-curriculum.md

Module 1

  • Semantic markup
  • HTML standards mode and quirks mode
  • HTML fundamentals
    • Classes and IDs
  • CSS fundamentals
    • Selectors
    • Resets and normalizers
    • The box model
@stevekinney
stevekinney / web-performance.md
Last active Sep 9, 2021
Web Performance Workshop
View web-performance.md

Web Performance

Requirements

Repositories

View aws-for-frontend.md

Frontend Masters: AWS for Frontend Engineers

You should have the following completed on your computer before the workshop:

  • Install the AWS CLI.
  • Have Node.js installed on your system. (Recommended: Use nvm.)
    • Install yarn with brew install yarn.
  • Create an AWS account. (This will require a valid credit card.)
  • Create a Travis CI account. (This should be as simple as logging in via GitHub).
@stevekinney
stevekinney / fahrenheit_to_celsius.js
Created Jul 25, 2012
Function Example: Convert Fahrenheit to Celsius
View fahrenheit_to_celsius.js
function convertFahrenheitToCelsius(temperature) {
// Take whatever temperature the function is handed, do some math and return it.
return (temperature - 32) * (5/9)
}
// Prompt the user and store whatever they say in a variable.
var theirInput = prompt("Enter in a Fahrenheit temperature & I'll convert it to Celsius");
// Run their number through the function and store it in a variable named result.
var result = convertFahrenheitToCelsius(theirInput);
View record-events-and-where-they-happened.js
// Records every DOM event and then set ups a listener that shows
// the full CSS selector path of the target that triggered the event.
const getPathForElement = el => {
const names = [];
while (el.parentNode) {
if (el.id) {
names.unshift(`#${el.id}`);
break;
} else {
View firebase-fem-v2.md

Frontend Masters: React && Firebase (Version 2)

Contact Information

Prequisite Setup

  • A recent version of Node.js
  • npm install -g create-react-app
View prettier.json
{
"printWidth": 80,
"tabWidth": 2,
"useTabs": false,
"semi": true,
"singleQuote": true,
"trailingComma": "all",
"bracketSpacing": true,
"jsxBracketSameLine": false,
"fluid": false
@stevekinney
stevekinney / electron-fem-v2.md
Last active Jun 27, 2021
Frontend Masters: Electron Workshop (December, 2018)
View electron-fem-v2.md

Frontend Masters: Electron (Version 2)

You'll need a recent version of Node.js installed on your computer with administrative access. Yarn is not required, but Electron Forge uses it, so it would be helpful to install beforehand.

Please make sure you're using a supported platform. This is particularly important if you're running Linux.

Important note: If you're using Windows, make sure you're not using the Windows Subsystem for Linux. This will confuse Electron to thinking you're running on a Linux machine when you're really not.

We'll be using working through the following repositories over the course of the workshop: