Basic Web Development

A list of basic web programming resources.

  1. Shriker
    A list of some software and resources for very basic web development. This list will continuously be updated and expanded upon.

    Text Editors and IDEs

    The first thing you'll need when you want to start programming is some sort of text editor or IDE (Integrated Development Environment). If you're doing more "robust" programming, then using an IDE is recommended. IDEs often have things like automatic code completion, access to databases, GUI building, optimization tools, and much more.
    • Atom :windows::mac::penguin: - A hackable text editor for the 21st Century
    • Sublime Text :windows::mac::penguin: - A sophisticated text editor for code, markup and prose. If you're not using this yet, you really should try it out. Lightweight and very customizable for a text editor.
    • Notepad++ :windows:
    • Coda :mac: - Paid.
    • Aptana Studio :windows::mac::penguin: - The world’s most powerful open-source web development IDE. Aptana Studio harnesses the flexibility of Eclipse and focuses it into a powerful web development engine.
    • NetBeans :windows::mac::penguin:
    Useful Software Tools
    • CodeKit :mac: - Paid. CodeKit helps you build websites faster and better. It lets you process Less, Sass, Stylus, Jade, Haml, Slim, CoffeeScript, Javascript and Compass files automatically each time you save.
    • SourceTree :windows::mac: - A free Git & Mercurial client.
    • DropSync :windows: - Paid. Fast and easy folder syncing. It uses rsync to transfer only the parts of files that have changed, so it's fast, especially over a network.
    • FileZilla :windows::mac::penguin: - A free FTP/SFTP client.
    • FreeFileSync :windows::mac::penguin: - Free Open Source software that helps you synchronize files and synchronize folders for Windows, Linux and Mac OS X.
    • Bower - A manager for front-end package management. Requires Node and npm.
    CSS / LESS / Sass
    • :trophy-gold: Codecademy: JavaScript
    • JavaScript Frameworks:
      • AngularJS
      • jQuery - A fast, concise, library that simplifies how to traverse HTML documents, handle events, perform animations, and add AJAX.
      • Prototype JS - Provides class-style Object Oriented and AJAX, freely distributable under the terms of an MIT-style license.
      • Mootools - a super lightweight web2.0 javascript framework