James 'Tucker' Wray jtwray

Web Design Resources

🎉 All free or open source.

Note: Updated for 2022-24+

Frontend Masters: React && Firebase (Version 2)

Contact Information

@stevekinney

Prequisite Setup

A recent version of Node.js
npm install -g create-react-app

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).

I bundled these up into groups and wrote some thoughts about why I ask them!

If these helped you, I'd love to hear about it!! I'm on twitter @vcarl_ or send me an email [email protected]

Onboarding and the workplace

https://blog.vcarl.com/interview-questions-onboarding-workplace/

How long will it take to deploy my first change? To become productive? To understand the codebase?
What kind of equipment will I be provided? Will the company pay/reimburse me if I want something specific?

Express & Postgres via Knex

Note: <example> is meant to denote text replaced by you (including brackets).

Setup

// global dependencies
npm install -g knex

Migrations & Seeding

What are migrations??

Migrations are a way to make database changes or updates, like creating or dropping tables, as well as updating a table with new columns with constraints via generated scripts. We can build these scripts via the command line using knex command line tool.

To learn more about migrations, check out this article on the different types of database migrations!

	{/**
	code starts line 78

	a little story telling for context

	while mocking seeds for my Express API
	I ran into 2 simliar common obstacles

	-- several occasions where I didn't get the seed just right the first go around and needed to tweak a small part..of every seed


	- use aws cloud9 very similar to codesandbox

	- git clone you repo into cloud9

	- create a new s3 bucket in the provided terminal ( the aws cli )
	all lowercase dashes and periods only cant start or end with a number
	aws s3 mb s3://REPLACE_ME_BUCKET_NAME

	- run 2nd command to enable the bucket to be used for state website hosting

	Shopify objects that contain attributes that can be dynamically put on the page. For example, the product object contains an attribute called title that can be used to output the title of a product.

	The handle is used to access the attributes of a Liquid object. By default, it is the object’s title in lowercase with any spaces and special characters replaced by hyphens (-). Every object in Liquid (product, collection, blog, menu) has a handle.

	Collections & Products
	Collection ►
	all_types ►
	Returns a list of all the product types for a collection

Service	Type	RAM	Storage	Limitations
👉 Adaptable	PaaS	256 MB	Non-persistent? (1 GB database storage available)
AWS EC2	IaaS	1 GB		⚠️ Only free for 1 year