natapoli90 / wdi-student-resources

Collection of links that may be helpful to GA WDI students

WDI Student Resources

Contents

Tutorials and Lessons

Language-Specific Tutorials

Algorithms and Coding Challenges

Reference Materials

Browser Programming Tools

Design

Articles

Videos

Podcasts

Blogs

Mockup Tools

Free Events

Tutorials and Lessons

Skills Available	Title	Description
HTML, CSS, JS, Git, Ruby & more	Code School	Some free courses, access to all content requires membership
HTML, CSS, JS, jQuery, Ruby & more	Code Academy	Readings, code-alongs & challenges
HTML, CSS, JS, Git, Node & more	Free Code Camp	Readings & coding challenges. Work on projects that benefit nonprofits.
Javascript	Code Combat	Super interactive game that practices basic programming concepts
Javascript, Ruby, Git, CS, Bash, Rails & more	Code Quizzes	Language-specific flash cards (great for commutes!)
Command Line, jQuery, RegEx, Atom & more	ShortcutFoo	Practice shortcuts and boost productivity

Language-Specific Tutorials

Skill	Title	Description
jQuery	Try jQuery	Exercises with links to docs
CSS	CSS Tricks	Articles, CSS tutorials, and code snippets
Ruby on Rails	Build Instagram in Rails	Practice CRUD by creating an Instagram look-alike
Git	Learn Git Branching	Interactive tutorial to level-up your git skills
Git	Try Git	Exercises with links to docs
Command Line	Learn Enough Command Line to be Dangerous	Tutorial on need-to-know command line skills

Algorithms and Coding Challenges

(Non-language specific)

Title	Description
CodeWars	Exercises with tests (TDD)
CoderByte	Challenges, videos, and TDD exercises
HackerRank	Technical recruiting through algorithm practice
Project Euler	Exercises that ask for a computed value
Algorithm Visualizer	Traces runtime of popular algorithms

Reference Materials

Skill	Title	Description
HTML, CSS & JS	Mozilla Developer Guide	Documentation
Javascript	Airbnb Style Guide	Airbnb style guide for Javascript
Javascript	Eloquent Javascript	eBook by Marijn Haverbeke
Javascript	Javascript: The Good Parts	eBook by Douglas Crockford
Javascript	Secrets of the Javascript Ninja	eBook by John Resig &g Bear Bibeault
Javascript	You Might Not Need jQuery	Vanilla JS Alternatives to jQueryg
Node.js	The Node Beginner Book	eBook by Manuel Kiessling
Ruby	Airbnb Style Guide	Airbnb style guide for Ruby
Ruby on Rails	The Rails Style Guide	Crowd-sourced style guide for Rails 4
Git	Pro Git	eBook by Scott Chacon & Ben Straub
Git	Practice Git	Repo with links to more Git resources
Atom	Atom Cheat Sheet	Popular text editor shortcuts
Status Codes	Status Cats	The definitive resource for HTTP status codes

Browser Programming Tools

Skill	Title	Description
RegEx	Rubular	Test RegEx in the browser
RegEx	RegExr	Test RegEx in the browser (with examples)
Javascript	CodePen	Run and save snippets of HTML, CSS, and JS code
HTML Syntax	W3C Validator	Check markup validity in the browser

Design

Skill	Title	Description
Bootstrap	Bootstrap 4 Cheat Sheet	Reference guide
Design	Font Pair	Suggested pairs of complementary fonts
Design	WhatFont	Chrome Extension that allows you to find the name of a font by hovering on it
Design	Unsplash	Free high-resolution images
Design	Color Thief	Generates a color palette from an image
Design Inspiration	Built with Bootstrap	Collection of sites that use Bootstrap
Design Inspiration	Zurb	Pretty sites for design inspiration
Color Palettes	Coolors	Color scheme generator
Color Palettes	Paletton	Color scheme generator

Articles

Skill	Title	Description
Javascript	JS Debugging Tips	Lesser-known console debugging tools
Javascript	Javascript Constructors and Prototypes	Blog entry on Prototypical Inheritance in JS
Javascript	A Plain English Guide to JavaScript Prototypes	Blog entry on Prototypical Inheritance in JS
Mongoose Relationships	Mongoose Population	Blog article about the population feature of mongoose
Job Skills	Having Success With Code Bootcamps	How employers can make the most of bootcamp grads' unique skillsets

Videos

Skill	Title	Description
Algorithms	The Secret Rules of Modern Living: Algorithms	Netflix Documentary- membership required
Express.js	Basic ExpressJS 4.x Tutorial	Youtube video series on Express.js. Heads up- uses server-side Handlebars
Javascript	Inheritance in Javascript	Tutorial on Javascript Inheritance

Podcasts

Skill	Title	Description
General	Developer Tea	Short (5-20 min) talks on best practices & relevant topics
Javascript	Javascript Jabber	Weekly conversation about Javascript and front-end development
Ruby	Ruby Rogues	Panel discussion with members of the Ruby community

Blogs

Skill	Title	Description
General	Coding Horror	By Jeff Atwood (Stack Overflow co-founder)
General	Scotch.io	Blog geared towards web developers and designers
Javascript	David Walsh	Front-end development blog by David Walsh of Mozilla
Soft Skills	How to Be a Programmer	Focus on personal skills, team skills, and judgement

Mockup Tools

Skill	Title	Description
Mockups & readme.md	Web Capture	Website screenshot capture
Mockups	PlaceIt	Display your website on common mobile devices
Placeholder Images	Place Kitten	Placeholder images for mockups
Placeholder Images	Place Corgi	Placeholder images for mockups
Placeholder Images	Lorem Pizza	Placeholder images for mockups
Placeholder Text	Awesome Ipsum	Links to every ipsum imaginable
Wireframing	Balsamiq	Web or desktop app for creating wireframes
Wireframing	wireframe.cc	Create wireframes in the browser

Free Events

Skill	Title	Description
Javascript	NodeSchool	Open source & free on-site Javascript workshop
Ruby	BridgeTroll	Open source & free on-site Ruby on Rails workshop