Its time to code! This page provides a list of resources you will probably find useful when writing code for your assignments (and beyond).
Coding Lab 3 resources
- GITHUB: https://try.github.io
- GITHUB: check out http://cs61.seas.harvard.edu/wiki/2012/Git for a more detailed introduction
- There are graphical interfaces for git, such as SourceTree, if you prefer that. These are mostly intuitive and self-explanatory so we wont cover them in class
- DREAMHOST by command line: http://wiki.dreamhost.com/SSH
- DREAMHOST by graphical user interface: http://wiki.dreamhost.com/PuTTY
It is important to set up the right coding environment to work in. Choose an IDE (fancy abbreviation for text editor) that fits your needs and personal preferences. I personally use Sublime as the text editor because it has good syntax highlighting. Given CS 179 mostly deals with web-programming, Sublime should be sufficient.
Sublime – Text editor for a wide range of tasks. Tab-based and therefore clearly arranged.
Notepad Plus Plus – Popular text editor and nice alternative to Sublime.
Aptana – Complex text editor for larger projects.
WebStorm – Complex text editor for larger projects.
The following resources will help you get started with web development.
DevDocs – Unified documentation on all web technologies
Codecadamy HTML & CSS Tutorial – Recommended tutorial on HTML and CSS!
Dive Into HTML5 – Homepage
jQuery – Recommended reading on jQuery!
Bootstrap – Recommended introduction to Bootstrap!
underscore.js – Recommended tutorials on underscore.js!
Enabling Web Developer Extensions in the Browser
Mozilla Developer Network
JSON Viewer – JSON viewer in Chrome
Describes how to get HTML5 Geolocation
How to turn URL response into JSON object
CS179 does not provide hosting space. We recommend you get free web hosting, for example:
Also feel free to use any other hosting platforms of your preference.
You will probably need version control at some point when collaborating on a project. Get familiar with GIT (or any other versioning system, but GIT is the most popular). Here are some resources to learn GIT.
Official git command line and GUI clients, official documentation
GitHub Client for Mac
GitHub Client for Windows
SourceTree for Mac and Windows
TortoiseGit for Windows
Setting up git
Understanding git conceptually
In case you’re looking to resize your browser window to emulate your cellphone, the following might be helpful:
Firefox Developer Tools