Learning Resources

• HTML/CSS

• JavaScript

  • ES5

  • ES6 and Beyond

• NodeJS

• Devops

• Front-End Frameworks

  • Angular

  • React

  • Other

• Ruby/Rails

• Workflow

  • Tooling

• Computer Science

• Paid General Resources

• Interview Prep

• Freelancing

• Other

HTML/CSS

• Go small and create examples with interactive editors, like Codepen. Then, embed them into your portfolio! Some ideas:

  • Create flags of the world using HTML/CSS or SVG

  • Create a responsive grid framework

  • Try duplicating popular pens, or get inspiration to create your own masterpieces

• DRY CSS

• HTML/CSS Style Guide by @mdo

• Follow the CSS Tricks blog and try out new selectors. Some great CSS Tricks pages:

  • Code Snippets

  • CSS Selector and Property Almanac

• Additional CSS Frameworks

  • Foundation

  • Pure.css

  • Skeleton

  • Make your own! Start small and build it up

JavaScript

ES5

• Videos

  • Watch this video on the JavaScript Event Loop. A must if you want to gain a deeper understanding of JavaScript

    • What the heck is the event loop anyways?

  • FunFunFunction's JavaScript videos

  • JSConf - JavaScript conference videos

• You Don't Know JS - This series will elevate your JavaScript knowledge to a new level

• Understanding 'this'

• Articles with JavaScript must-knows

  • CodeMentor: Top 10 JavaScript Must-Knows

  • 10 Interview Questions Ever JS Developer Should Know

• Javascript for Kids (PDF here)

• Javascript: The Good Parts (PDF here)

• Eloquent Javascript (PDF here)

• Javascrip30 (Or really any course by wes bos.)

ES6 and Beyond

• TypeScript

• ES6 Features - ES6 becoming more and more prevalent, so become familiar with it

• Learn ES6 w/Egghead.io (free)

NodeJS

• NodeSchool - Learn more about Node I/O, modules, and streams. Amazing examples, 10/10.

• Node Hackathon Starter - Auth + API examples + test suite, out of the box. Great for quick projects

• Microservices: Creating isolated applications that perform single tasks. Basically, they're Express applications that are simple and well-defined, with a couple routes.

  • Intro to Microservices

  • FreeCodeCamp microservice projects (note that these are open-ended projects, not tutorials)

    • Timestamp Microservice

    • Request Header Parser Microservice

    • URL Shortener Microservice

    • File Metadata Microservice

Devops

• Amazon Web Services - AWS provides a 12-month free tier for getting started with cloud services, as well as a plethora of documentation for using their services

  • Deploying a MEAN app to EC2

  • Using S3 for image uploads

• Docker - Docker is a tool for deploying applications in sandboxed containers, which provide a level of isolation between applications

  • Getting started tutorial

• Heroku Application Architecture - note that a lot of these concepts exist in AWS and elsewhere

  • Scheduled jobs

Front-End Frameworks

Angular

• Angular Fundamentals w/Egghead.io (free)

• Angular 1.x Testing

  • Unit and End-to-End Testing

• Angular 2

React

• React Fundamentals w/Egghead.io (free)

• React + Redux w/Egghead.io (free)

• create-react-app

More

• D3

• Ember

• Backbone

• Knockout

Ruby/Rails

• Rails Casts

• Rails Deep Dive

• Rails Guide (always invaluable)

• Sinatra, an Express-like framework for Ruby

  • Sinatra Homepage

  • Sinatra Tutorials

Workflow

Increasing Development Speed

• Touch typing

• Programming language typing

• Nerd out on some VS Code extensions like these ones

• Sublime Shortcuts

• Many people swear by VIM as their text editor (due to keyboard shortcuts)

  • Learn vim

• Dash (documentation plugin)

  • Dash Sublime plugin

• Sublime plugins (COMMAND + SHIFT + P, to bring up this up in Sublime)

  • AngularJS

  • SASS

  • Babel

  • EJS

  • Bootstrap 3 Snippets

  • BracketHighlighter

  • Color Highlighter

  • ColorPicker

  • EditorConfig

  • Emmet

  • JSX

  • Jade

  • Markdown Preview

  • More at Package Control

Tooling

• Review and refine git branching

• Practical git for everyday professional use w/Egghead.io (free)

• Beginner's Guide to Webpack - module bundling for front-end dependencies

• Setting up Babel (ES6) with Node

Computer Science

• The Idiots Guide to Big O

• Big O Cheat sheet for data structures and algorithms

• Data Structures Video Series

• VisuAlgo - data structure and algorithm visualizations

• Learn2Sort (Make a PR to add a new sort to this app here)

• Grokking Algorithms

Paid General Resources

These are some great educational resources for continued learning. Note that these are paid resources

• Egghead.io - videos

• PluralSight - videos

• Treehouse - videos

• CodeSchool - videos

• Safari Books

  • Free if you have a Seattle Public Library card

  • Basically the entire tech section in a bookstore

Interview Prep

• Review your Github and be able to explain your coding choices

  • This may involve cleaning up previous assignments/projects by fixing bugs, improving styling, and making sure things are deployed

• Review the interview questions assignment.

• Review other common interview questions. Make sure that if you are interviewing for a specific role or set of technologies, that you find interview questions on those technologies. For example, a Rails job will require you to know more about Ruby and Rails. A front-end job will require you to know more about HTML/CSS/JavaScript.

  • Glassdoor (look up the company you're applying for)

• Practice coding challenges and whiteboarding

  • Hackerrank

  • Code Wars

  • Coder Byte (first few are free)

Freelancing

Note that if you're freelancing, it may involve writing contracts, managing money coming in/out, pricing yourself, etc. Here are some links that may come in handy.

• Bonsai - contracts, invoicing, and payments

• Wave - small business accounting and invoices

• Toggl - time tracking software

• Trello - tracking projects

• Treehouse - learn Wordpress in order to create a CMS for clients

Other

• Syntax Podcast

• Subscribe to FreeCodeCamp's Newsletter