##Main
- [GT WebDev Site] (http://www.ccorgs.com/orgs/webdev/ "GT WebDev Site")
- [GT WebDev github] (http://www.ccorgs.com/orgs/webdev/ "GT WebDev github")
Git is a popular distributed version control system. It integrates nicely with [Github] (www.github.com "Github") which is often used to facilitate collaboration on open source projects.
-
Interactive tutorial that goes through the basics of git.
-
Free online book. Contains the official discussion and explanation on how to use git as well as how it works (to some extent). Usually not needed since it's not quite a tutorial, but it's a fairly good read if you're interested in learning how git works and have a couple of hours to spare.
Chrome DevTools is built into Chrome. Some of its basic functions allow you to inspect elements on a webpage and run and debug JavaScript. An alternative for Firefox is [Firebug] (https://addons.mozilla.org/en-US/firefox/addon/firebug/ "Firebug")
-
Interactive tutorial that is fairly comprehensive. Starts from basics, but also goes into how to improve the performance of your site.
-
Google I/O Dev-Tools keynotes - 1-hour long keynotes about features of Chrome Dev-Tools, occasionally mind-blowing.
[Vim] (http://www.vim.org/)
A power text editor good for developing. High learning curve but very rewarding.
-
A good comprehensive collection of screencasts and text explanation about how to get started with vim and how to use it fairly effectively. (note: this is the tutorial I originally used 3 years ago when I started using vim. -Dekel)
-
This is a good place to learn how to make the most of vim and learn how to operate it in general.
-
Free book that goes into what's new with HTML5. You should probably already know some HTML. The book is really well done. It's beautiful, and it discusses browser compatibility, which is a big issue with web development.
- JSDB.io Collection of js toys
-
Not an introduction book, but concisely highlights parts of JavaScript that should be used. Great reference for all JavaScript programmers.
-
Free online book that goes from basics to through common programming paradigms used in JavaScript (Object-Oriented, Functional, etc.). Also covers recursion.
-
(Advanced Topics) A collection of very specific features and examples that explain the nuances of JavaScript and some tips on how to use it more effectively; requires a good understanding of the language.
-
Secrets of the JavaScript Ninja
Supposedly a good resource for advanced JS techniques. (Disclaimer: I never read this book. -Dekel)
-
A handy (and short) overview of some common javascript behaviors and features.
-
MDN: Mozilla Developer Network
The most comprehensive and trusted source of javascript documentation. Contains details for multiple platforms
-
Collection of oddities of JavaScript. Things to watch out for.
-
Douglas Crockford's (see "JavaScript: The Good parts" above) tool for code-quality checking for JavaScript.
-
A browser-based tool for minifying javascript. Gets rid of unnecessary whitespace, replaces long variable names with single-letters, etc.
- Douglas Crockford's series on the history of JavaScript - very long and very comprehensive discussion of how javascript came about and the reasons for many of its oddities
[Node.js] (http://nodejs.org/)
Node is platform best-used for creating scalable, networking applications. It comes with a JavaScript runtime environment, several useful built-in modules, and a handy package manager (npm). One of the best explanations of how it works, and why you should use it can be found here.
[d3.js] (http://d3js.org/)
d3, which stands for data-driven documents, is a JavaScript framework for creating information visualizations. It allows you to bind elements on a web page (such as circles, rectangles, lines, and other shapes) to data elements. d3 allows you to define the chracteristics of the elements on the web page like color, x-y coordinates, and thickness based on the values of your data. It can take a decent amount of tweaking to create something at first, but it's definitely worth learning.
-
[d3 Official Gallery] (https://github.com/mbostock/d3/wiki/Gallery)
Whether you have a visualization in mind for your data, or you're still at a loss on how to visualize it, this is a great place to start. There's a "visual index" of all kinds of visualizations made using d3, and most of the examples have the code and the data included.
-
[Interactive Data Visualization for the Web] (http://chimera.labs.oreilly.com/books/1230000000345)
This free book (the link to read online is on the page) is great for beginners. Explains a lot of things that might be confusing at first such as scales, axes, and transitions.
-
[Dashing D3.js] (https://www.dashingd3js.com/table-of-contents)
Great tutorial to start with. Clear and shorter than the Interactive Data Visualization book, but doesn't go into as much detail and doesn't cover creating map-based visualizations like the book does.
-
[Thinking with Joins] (http://bost.ocks.org/mike/join/)
This article on how d3 adds, updates, and removes elements on a web page based on your data is a must-read. It's written by Mike Bostock, one of the creators of d3. It's concise and incredibly clear.
-
[d3's Wiki] (https://github.com/mbostock/d3/wiki)
d3's official wiki. Under the Resources heading, it contains links to the introduction (scroll down the main page of d3js.org), the example gallery, tutorials and talks, and the API reference.
-
[Adobe Kuler] (https://kuler.adobe.com/create/color-wheel/)
Lets you easily create colors/swatches to use on your website! You can also browse other people's swatch creations.
This is a good way to check what html, css, etc. is usable by a browser.
- [caniuse.com] (http://caniuse.com/)
- [html5please.com] (http://html5please.com/)