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