Post WDI 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

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

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

Other

• 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
• 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

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