Web Development Resources: Difference between revisions

From Noisebridge
Jump to navigation Jump to search
No edit summary
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
== About ==  
== About ==  
This page is a collection of web development resources used by [https://noisebridge.net/wiki/JavaScript JavaScript Class] and [https://noisebridge.net/wiki/Frontend_Web_Development Frontend Web Development]
This page is a collection of web development resources used by [[JavaScript|JavaScript Class]] and [[Front-end Web Development|Front-end Web Development]].


== HTML ==
== HTML ==
Line 18: Line 18:
* [http://www.colorzilla.com/gradient-editor/ Ultimate CSS Gradient Generator] - GUI for creating cross-browser CSS3 gradients
* [http://www.colorzilla.com/gradient-editor/ Ultimate CSS Gradient Generator] - GUI for creating cross-browser CSS3 gradients
* [http://www.csszengarden.com/ CSS Zen Garden] - Demonstrates the flexibility of CSS-based design
* [http://www.csszengarden.com/ CSS Zen Garden] - Demonstrates the flexibility of CSS-based design
* [http://www.brothercake.com/dustmeselectors/ Dust-Me Selectors] - Detects unused rules in your stylesheets
* [http://necolas.github.io/normalize.css/ Normalize.css] - Makes user agent stylesheets more consistent and modern
* [http://necolas.github.io/normalize.css/ Normalize.css] - Makes user agent stylesheets more consistent and modern
* [https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/ Dust Me CSS Selectors ]
* [https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/ Dust Me CSS Selectors ] - Detects unused rules in your stylesheets ([http://www.brothercake.com/dustmeselectors/ homepage]).
* [http://sass-lang.com/ Sass] - Stylesheet preprocessor language with variables, nesting, mixins, and more
* [http://sass-lang.com/ Sass] - Stylesheet preprocessor language with variables, nesting, mixins, and more
* [http://pumpula.net/p/apps/css-vocabulary/ CSS Vocabulary] - An interactive dictionary of CSS terminology.


== JavaScript ==  
== JavaScript ==  
Line 63: Line 63:
== Web applications ==
== Web applications ==
* [https://www.djangoproject.com/ Django] - Python-based web app framework
* [https://www.djangoproject.com/ Django] - Python-based web app framework
* [http://gruntjs.com/ Grunt] - JavaScript-based preprocessor
* [http://expressjs.com/ Express] - Straightforward JavaScript web app framework
* [http://gruntjs.com/ Grunt] - JavaScript-based workflow tool
* [http://middlemanapp.com/ Middleman] - Ruby-based front-end workflow app
* [http://middlemanapp.com/ Middleman] - Ruby-based front-end workflow app
* [http://rubyonrails.org/ Ruby on Rails] - Wildly popular Ruby-based web app framework
* [http://rubyonrails.org/ Ruby on Rails] - Wildly popular Ruby-based web app framework
Line 77: Line 78:
* [http://perfectionkills.com/javascript-quiz/ JavaScript Quiz], by Kangax
* [http://perfectionkills.com/javascript-quiz/ JavaScript Quiz], by Kangax
* [http://davidshariff.com/quiz/ Front End Web Development Quiz], by David Sharriff
* [http://davidshariff.com/quiz/ Front End Web Development Quiz], by David Sharriff
* [http://jeffreyatw.com/static/frontend/series5/class18/assignment.html Front-end Web Development Quiz], by [[User:JeffreyATW|Jeffrey Carl Faden]]
* [http://dmitrysoshnikov.com/ecmascript/the-quiz/ ECMA-262, The Quiz], by Dmitry Soshnikov (covers Ecma-262 r3).
* [http://dmitrysoshnikov.com/ecmascript/the-quiz/ ECMA-262, The Quiz], by Dmitry Soshnikov (covers Ecma-262 r3).



Revision as of 12:21, 23 April 2014

About

This page is a collection of web development resources used by JavaScript Class and Front-end Web Development.

HTML

CSS

JavaScript

Tutorial

Reference

Video

Newsgroup / Forum

JavaScript libraries

No JavaScript libraries are endorsed in JavaScript Class this group. If you want help with using a library, visit that library's discussion group instead.

  • AngularJS - Directive-based MVC framework
  • Backbone.js - Barebones MVC framework
  • Ember.js - Handlebars-based MVC framework
  • jQuery - Downloads and documentation for the most popular web framework
  • Modernizr - JS feature-detection library

Browser support

  • Autoprefixer - Preprocesses stylesheets and adds vendor prefixes
  • Can I use... - Worldwide browser support percentages for new technologies
  • CSS3 Please - Easy vendor prefixing page for popular CSS3 features
  • HTML5 Please - Whether to use the latest in HTML5

Web applications

  • Django - Python-based web app framework
  • Express - Straightforward JavaScript web app framework
  • Grunt - JavaScript-based workflow tool
  • Middleman - Ruby-based front-end workflow app
  • Ruby on Rails - Wildly popular Ruby-based web app framework
  • Yeoman - JavaScript-based front-end workflow app

General

Quiz

Documentation

Online schools