External Resources

Below is a collection of useful resources collected by students of GA Singapore's Web Development Immersive 3 (Woohoo!)

Workflow

Command Line Interface (CLI)

• Terminal (for macs) https://github.com/0nn0/terminal-mac-cheatsheet
• 15 Advanced Grep Command Examples In Linux / UNIX: http://www.thegeekstuff.com/2009/03/15-practical-unix-grep-command-examples/

Git

• Git, the simple guide: http://rogerdudler.github.io/git-guide/
• GitHub: https://www.gitbook.com/book/snowdream86/github-cheat-sheet/details
• Git: https://www.git-tower.com/blog/git-cheat-sheet/
• Git Up: http://gitup.co/
• Markdown cheat sheet: https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
• GH Pages Documentation: https://pages.github.com/

IDEs

• Emmet for atom: https://atom.io/packages/emmet
• Emmet for sublime: http://emmet.io/blog/sublime-text-3/
• Emmet cheatsheet: http://docs.emmet.io/cheat-sheet/
• Linter (JS Standard): https://github.com/feross/standard#text-editor-plugins

HTML & CSS

HTML

• HTML5 element flowchart: http://html5doctor.com/downloads/h5d-sectioning-flowchart.png
• Livereload-js: https://github.com/livereload/livereload-js

CSS

• CSS: https://www.toptal.com/css/css-cheat-sheet
• Reset CSS: http://meyerweb.com/eric/tools/css/reset/
• One Page CSS-Only Navigation by Alberto Hartzet: https://onepagelove.com/one-page-css-only-navigation-by-alberto-hartzet
• Adobe Color Picker: https://color.adobe.com/explore/most-popular/?time=all
• Learning To Use The :before And :after Pseudo-Elements In CSS: https://www.smashingmagazine.com/2011/07/learning-to-use-the-before-and-after-pseudo-elements-in-css/
• Flexbox: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
• Flexbox Defense (game): http://www.flexboxdefense.com/

Javascript

Key concepts, explained

• What is a closure?: https://medium.com/javascript-scene/master-the-javascript-interview-what-is-a-closure-b2f0d2152b36#.rfvzt9mh8
• Understand closures: http://javascriptissexy.com/understand-javascript-closures-with-ease/
• Understand callbacks: http://javascriptissexy.com/understand-javascript-callback-functions-and-use-them/ and Callbacks With Ease

Ruby

• Ruby koans: https://github.com/MakeSchool-17/ruby-koans-cmaher92/tree/master/download
• Ruby koans (more detailed instructions): https://github.com/sf-wdi-26/modules/tree/master/w04/d01/m2
• Ruby guide with comics: http://poignant.guide/book/

Rails

• Guide for installing rails: http://installrails.com/

Awesome textbooks (Must read!)

• Eloquent Javascript: http://eloquentjavascript.net/ (sandbox: http://eloquentjavascript.net/code/)

Game Mechanics

• Character Movement with in a Grid System: http://www.redditmirror.cc/cache/websites/troygilbert.com_ai9pd/troygilbert.com/2006/10/the-movement-and-attack-mechanics-of-the-legend-of-zelda/index.html

General

Useful Chrome extensions

• Color picker: http://www.colorzilla.com/
• What Font: https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm

Interesting articles

• https://generalassemb.ly/blog/dont-stop-at-the-prework/
• https://medium.com/javascript-scene/5-common-misconceptions-about-tdd-unit-tests-863d5beb3ce9

Design

• Design of Everyday Things: https://ia600300.us.archive.org/4/items/DesignOfEverydayThings/DesignOfEverydayThings.pdf

Interesting Projects

• 404 Game: http://lazyeight.design/404 (source code: http://codepen.io/lazyeight/pen/WwoBPx)

Miscellaneous:

• How to format messages on slack: https://get.slack.help/hc/en-us/articles/202288908-Formatting-your-messages
• Slack for desktop: https://slack.com/downloads