The Ultimate Skills Sharpening Gist

codeWhetstone.md

The Ultimate Skills Sharpening Gist

This Gist is designed to be the ultimate whetstone for your coding skills.

CSS All The Things

• CSS Zen Garden

  The CSS Zen Garden invites you to relax and meditate on the important lessons of the masters

• Comehope front-end-daily-challenge

  Like Code Wars but for honing your front end skills specfically

• Flexbox Froggy

  Game for learning flexbox

• CSS Diner

  Game to teach you CSS selectors

• CSS Grid Garden

  Game to learning grid

• Build Multi Page Website

  Drills to get you famillar with common layouts for standard sites

• Frameworks to explore

  • Materialize

  • Bulma

  • UIkit

• Responsive Design

Projects/Drills To Revisit

This sections is a massive list of projects to redo or drills you can revisit I have added what skills you can expect to sharpen in each exercise.

JavaScript Focused

JS only, none of these projects require HTML or CSS

• Galvanize Money

  Covers JS Objects, JS Arrays, For Loops, Nested For Loops

• Accumulator Checkpoint

  Covers JS accumulator patterns

• Candy Shop

  Covers JS Objects, JS Arrays, .map(), .filter(), .forEach(), .reduce(), HOFs, Data Manipulation

DOM Focused

Test your FE and JS chops by tackling these projects below. Any where you see DOM you can also try and recreate these with a FEF.

• Dynamic Population

  Covers HTML, CSS, CSS Frameworks, Responsive Design, JS Objects, JS Arrays, Data Manipulation, DOM, Wireframing

• Tic Tac Toe

  Covers DOM, JS Arrays, For Loops, Creating Functions, Invoking Functions

• JS Calc

  Covers DOM, JS Arrays, For Loops, Creating Functions, Invoking Functions

• Pixel Art Maker

  Covers HTML, CSS, JS Objects, JS Arrays, For Loops, DOM

Consuming APIs && DOM

In these projects you will be asked to test your full understanding of how FE apps truly function. As above, anywhere you see DOM, you can try to recreate the project using a FEF. Anywhere you use Fetch is a place you can create your own version of API to sharpen those BE skills.

• Stranger Things API

  Covers HTML, CSS, JS Objects, JS Arrays, For Loops, DOM, Fetch, Post, Urls, Promises, FormData

• Burrito Guy API

  Covers HTML, CSS, JS Objects, JS Arrays, For Loops, DOM, Fetch, Post, Promises

• Galvanize Personnel

  Covers HTML, CSS, JS Objects, JS Arrays, For Loops, DOM, Fetch, Post, Urls, Promises

• Galvanize Eats

  Covers HTML, CSS, JS Objects, JS Arrays, Data Manipulation, DOM, Wireframing, Fetch, Promises, Post

• Galvanize Web App

  Covers HTML, CSS, JS Objects, JS Arrays, Data Manipulation, DOM, Wireframing, Fetch, Promises, Post, Project Proposal, Agile Methodologies, Idea generation

Front End Frameworks && Component Based Architecture

The ultimate FE test. Use these projects to learn a new FEF or hone skills using your fave FEF. Anywhere you use Fetch is a place you can create your own version of API to sharpen those BE skills.

• Dinos

  Covers FEFs, App Architecture, State, Classes, Components, Separation of Concerns, Refactoring DOM to FEF, Fetch

• Inbox

  Covers FEFs, App Architecture, State, Classes, Components, Separation of Concerns, Fetch

Node && Express

The core of every BE is making a server to make interact with a client. For extra practice deploy your sever.

• Serve Data to Clients

  Covers Node, Express, Data Conversion, JSON, csv, JS Logic, JS Arrays, Req -> Res Lifecycle, Req Methods, Status Codes

Building CRUD Databases w/ RESTful Routes using Knex, PSQL, and Express

These projects will test your BE knowledge. Can you make complex queries using knex? Can you make an ERD that logically displays how your data is related? Can you create a DB that mimics your ERD? Can you make your DB work in development and production? Find out below.

• Class Server

  Covers Node, Express, Data Conversion, PSQL, Knex, Knex Queries, npm, CRUD

• Galvanize Memory

  Covers Node, Express, Data Conversion, PSQL, Knex, Knex Queries, npm, CRUD, Heroku DB

Full Stack

In projects below will be asked to wear many hats (PM, PO, Dev, UX/UI, QA, Scrum Master, and more) in order to create a fully functioning decoupled application. To truly sharpen your skills you should create a project proposal, wireframe, erd, user stories, project tracker, and asses MVP everyday. Do you have what it takes to avoid scope creep, work in thin vertical slices, all while developing your dev process? Dunno until you try.

• Galvanize Snacks

  Covers all BE concepts, Decoupled applications, FE creation with a FEF

• Galvanize Bank

  Covers all BE concepts, Decoupled applications, FE creation with a FEF

• OMDB

  Covers all BE concepts, Decoupled applications, FE creation with a FEF

Auth and Auth

Error Handling

Routing

Deploying

Agile

The Job Hunt

Polishing GitHub

Meetups

Fundamentals

Thinking Like An Engineer

Writing Clean Code