Getting Real
Responsive Web Design
Code Katas (Javascript & Ruby) - I worked on some katas alone as well as some pair programming on a few TDD katas.
Ruby Koans - Working through these Ruby koans is a terrific way to learn the Ruby language, syntax, and structure. Test driven development also played a bit part of these exercises.
Ruby Hotdog Stand - This is our first Apprentice project. The task is to write a program which presents a questionnaire to the user asking them the details of a hot dog order inside the terminal.
Ruby Tron Game - A clone of the classic Tron game. This is a project that I decided to take on to further deepen my understanding of Ruby. I learned quite a bit about the internals of Ruby while tackling this project.
Front-End Event Card - Our second Apprentice project. The task is to create an event card based off of our chosen design created by the Sparkbox Frontend Designers. The project has broken up into 5 parts.
Part 1 > HTML: Creating the skeleton of the event card.
Part 2 > CSS: Styling the event card with CSS.
Part 3 > Grid: Creating a grid layout for the event card(s) using flexbox or CSS grid. The layout should be responsive, mobile-first, and all content should be browser tested.
Part 4 > Sass: Replacing our CSS with Sass.
Part 5 > BEM: Incorporating BEM to any HTML and CSS that has been written.
Sparkeats 2.0 - Our third and final Apprentice project. The task is to create a backend for the previous Apprentice project, Sparkeats, with the MVC framework Sails.js. (in progress)
Personal Website - This is a personal project for myself. Im creating personal website, and also decided to document my entire creation process. (in progress)
Try Git (Codeschool) - A terrific guide to understand the fundamentals of git.
Git Real (Codeschool) - This is a sequel of 'Try Git' that goes a bit deeer into depth about the fundamentals of version control.
Learn Git Branching - Ah, an amazing interactive guide to learning git. This is a great resource if git branching confuses you because it shows what happens when you enter a command visually
The Sparkbox Standard (Git) - Sparkbox's way of using git and github.
Try Ruby (Codeschool) - An engaging walkthough the basics of ruby. This helped me learn simple Ruby syntax like loops and variables.
OOP in Ruby - This article helped me learn how to use OOP with Ruby and also helped me understand the concept of Object Oriented Programming.
Ruby Warrior - A pretty cool interative game to learn Ruby.
Learn Ruby the Hard Way - I really really like this tutorial. Its easy to digest, doesn't hold your hand, and most importantly, Its informative. If I only had one option to learn Ruby, I would pick this.
BEM by Example - An article in the Sparkbox Foundry written by Nathan Rambeck that explains the practice of BEM in a clear, cohesive writing style.
Sass tutorials (Youtube - thenetninja) - A great in depth-tutorial on the various features Sass has to offer. Variables, mixins, math operators, this video series has most of what im looking for.
Flexbox Froggy / CSS Garden - These two mini-games are great for not only learning flexbox and css grid, but applying what both layouts have to offer. It's nice to see what happens when certain properties/property combinations get applied to elements.
Flexbox Guide (CSS Tricks) - I read through this guide whenever I get stuck with a flexbox related problem. It's very detailed and has almost everything I need to know about flexbox.
HTTP: The Protocol Every Developer Must Know
Build a Sails.js App (Youtube - Traversy Media) - Finding this video series was a godsend after the introduction to my final project. I couldnt find many up-to-date tutorials on Sails.js until I found this. There were some walls I had to get though due to various updates Sails have made over the months, but was a tremendous aid in general. It helped me understand the MVC architectural pattern as well as the CRUD paradigm.
Model View Controller (Article - wiki.c2) - This helped me gain a slight understanding of what exactly Model View Controller means.
Alfred + Dash is the ultimate workflow tool