cheat-sheet

Below is a collection of useful resources collected by students of GA Singapore's Web Development Immersive 3 (Woohoo!) If you are new to programming, we hope you find the links and resources below as helpful for you as they were for us.

1. Awesome textbooks

Eloquent Javascript: http://eloquentjavascript.net/ (sandbox: http://eloquentjavascript.net/code/) (Must read!)
RESTful Rails Development: http://b-simple.de/download/restful_rails_en.pdf
Get a free textbook every week: https://www.packtpub.com/packt/offers/free-learning

2. Development 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/
Git tutorials: https://www.atlassian.com/git/tutorials/
A successful Git branching model: http://nvie.com/posts/a-successful-git-branching-model/
More Git branching models: https://www.atlassian.com/git/tutorials/comparing-workflows/centralized-workflow

Useful text editor plugins

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
Other useful atom packages:
- color-picker: press shift-command-c to show colour wheel in text editor
- pigment: preview colours in your css stylesheets
- standard-formatter: press shift+command+f to fix all minor linter errors

C9.io (developing on the cloud - useful for Windows users)

Sharing your development environment in c9.io: https://docs.c9.io/v1.0/docs/share-a-workspace#share-your-development-environment

3. 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 guide: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Flexbox defense (game): http://www.flexboxdefense.com/
CSS Select Inspiration: http://tympanus.net/Development/SelectInspiration/index5.html
Material Up - Daily material design inspiration: http://www.materialup.com/

4. Javascript

5. 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/
Ruby variable scope: http://www.techotopia.com/index.php/Ruby_Variable_Scope
Class vs instance variables: http://www.railstips.org/blog/archives/2006/11/18/class-and-instance-variables-in-ruby/

6. Rails:

Installing Rails

Guide for installing rails: http://installrails.com/
Installation instruction for Rails: http://installrails.com/
Updating to Rails 5: http://railsapps.github.io/updating-rails.html

Docs:

Rails 5 Docs: http://edgeguides.rubyonrails.org

Installing related programmes:

Installing Postgres (for mac): http://postgresapp.com/
Installing Postgres (for windows): http://www.enterprisedb.com/products-services-training/pgdownload#windows
Setting up postgres on c9.io (if you use c9.io): https://community.c9.io/t/setting-up-postgresql/1573
Using Command Line Tools with Postgres: http://postgresapp.com/documentation/cli-tools.html

Tutorials:

Cheatsheet for models: http://ricostacruz.com/cheatsheets/rails-models.html
Rails for Zombies (a great way to learn rails): http://railsforzombies.org/
Learning Rails: https://medium.com/how-i-learned-ruby-rails/how-i-trained-to-learn-rails-e08c94e2a51e#.l92sf3o82
Developing web apps with Rails: https://www.youtube.com/watch?v=GY7Ps8fqGdc
Nav bars: https://www.youtube.com/watch?v=CSbF5gkogWs
Amending columns in rails migrations: http://teczd.com/2015/09/21/adding-renaming-removing-columns-rails-migration/
Nested resources with independent views in Ruby on Rails: http://blog.8thcolor.com/en/2011/08/nested-resources-with-independent-views-in-ruby-on-rails/
Code Concerns in Rails 4 Models: https://richonrails.com/articles/rails-4-code-concerns-in-active-record-models http://simple-form-bootstrap.plataformatec.com.br/documentation
Rails models commands: https://gist.github.com/rstacruz/1569572

Deploying Rails projects

Getting started with Rails 5 on Heroku: https://devcenter.heroku.com/articles/getting-started-with-rails5
Heroku configuration and config vars: https://devcenter.heroku.com/articles/config-vars
Creating Static Pages in Ruby on Rails: http://blog.teamtreehouse.com/static-pages-ruby-rails
Rails ERD (Entity-Relationship Diagrams): http://voormedia.github.io/rails-erd/install.html
Rails generate model vs. resource vs. scaffold: http://www.korenlc.com/rails-generate-model-vs-resourse-vs-scaffold/

Useful Rubygems:

paperclip (file uploads instructions: https://www.evernote.com/l/ASTTDgJSLIVNf6BsI5RjcWYr0hz_nf1LicI)
bootstrap-sass: https://github.com/twbs/bootstrap-rubygem
will_paginate and bootstrap-will_paginate
chosen-rails (search bar auto-completion and tags)
mailboxer
guard-bundler & guard-rspec → runs your rspec tests automatically for you.
geocoder → convert string address to longitude and latitude
gmaps4rails - geovisulisation your geolocation data with additional functions (add markers, etc)
devise (user authentication)
bcrypt (password encryption)
react-rails (reactive programming)
faker or factory-girl (generate data for your model)
rails_12factor (required for heroku deployment)
acts_as_votable (upvoting and downvoting)
simple_form (write forms with less code)
country_select (auto-populate countries. works together with simple_form)
record_tag_helper (for including comments in your app)