Post WDI Resources
- HTML/CSS
- JavaScript
- NodeJS
- Devops
- Front-End Frameworks
- Ruby/Rails
- Workflow
- 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:
- 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
- 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
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)
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
- Docker - Docker is a tool for deploying applications in sandboxed containers, which provide a level of isolation between applications
- Heroku Application Architecture - note that a lot of these concepts exist in AWS and elsewhere
Front-End Frameworks
Angular
- Angular Fundamentals w/Egghead.io (free)
- Angular 1.x Testing
- Angular 2
React
Other
Ruby/Rails
- Rails Casts
- Rails Deep Dive
- Rails Guide (always invaluable)
- Sinatra, an Express-like framework for Ruby
Workflow
Increasing Development Speed
- Touch typing
- Programming language typing
- Sublime Shortcuts
- Many people swear by VIM as their text editor (due to keyboard shortcuts)
- Dash (documentation 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
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.