Web Development Resources

2018-06-01T14:50:36Z

185.44.76.118: new beginner's resource

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

== HTTP ==
* [http://tools.ietf.org/html/rfc3986 URI Specification]
* [http://www.w3.org/Protocols/rfc2616/rfc2616.html HTTP 1.1]

== HTML ==
* [http://validator.w3.org W3C Validation Service]

* [http://www.whatwg.org/specs/web-apps/current-work/multipage/ HTML Living Standard] HTML5
* [https://hsivonen.fi/doctype/ Activating Browser Modes with Doctype]
* [http://html5doctor.com/ HTML5 Doctor] - Articles on the latest additions to HTML5
* [http://html5boilerplate.com/ HTML5 Boilerplate] - Popular website template
* [https://makeawebsitehub.com/the-html-5-mega-cheat-sheet/ HTML5 Cheat Sheet] Quick HTML5 guide.
* [https://www.wpkube.com/html5-cheat-sheet/ HTML 5 Cheat Sheet for Beginners] - An easy to understand HTML 5 cheat sheet (In Alphabetical Order).
* [http://www.whatwg.org/mailing-list WHATWG Mailing Lists] Email list for HTML5.

== CSS ==
* [http://www.w3.org/Style/CSS/current-work.en.html CSS Specifications]
* [http://cubic-bezier.com/ Create Cubic Bezier for CSS] by Lea Verou
* [http://jigsaw.w3.org/css-validator/ W3C CSS Validator]
* [https://makeawebsitehub.com/css3-mega-cheat-sheet/ CSS Cheat Sheet]
* [http://www.cssdrive.com/imagepalette/ CSS Image to Colors Palette Generator] - Create a color palette from an image
* [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://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 ] - 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://pumpula.net/p/apps/css-vocabulary/ CSS Vocabulary] - An interactive dictionary of CSS terminology.

== JavaScript ==
=== Tutorial ===
* [http://eloquentjavascript.net Eloquent JavaScript: A Modern Introduction to Programming]
* [http://domenlightenment.com DOM Enlightenment] by Cody Lindley
* [http://ejohn.org/apps/learn/ Learning Advanced JavaScript] by John Resig
* [http://kangax.github.io/nfe Named function expressions demystified]

=== Reference ===
* [http://ecma-international.org/ecma-262/5.1/ ECMAScript® Language Specification]
* [https://developer.mozilla.org/en-US/docs/Web/JavaScript JavaScript | MDN] Mozilla Developer Network
* [https://developer.mozilla.org/en-US/learn/javascript Learn JavaScript MDN] Mozilla Developer Network
* [http://jsfaq.com/faq/ FAQ and Notes for comp.lang.javascript]
* [http://www.w3.org/TR/DOM-Level-3-Core/ W3C DOM Level 3, Core]
* [http://www.w3.org/TR/2003/REC-DOM-Level-2-HTML-20030109/ W3C DOM 2 HTML]
* [http://www.w3.org/TR/DOM-Level-2-Events/ W3C DOM Level 2 Events]
* [http://www.w3.org/TR/DOM-Level-3-Events/ W3C DOM Level 3 Events Working Draft]
* [http://www.json.org/ JSON]

=== Video ===
* [http://www.youtube.com/watch?v=EkluES9Rvak Demystifying Regular Expressions] by Lea Verou

=== Newsgroup / Forum ===
* [https://groups.google.com/d/forum/jsmentors JS Mentors Google Group]
* [https://groups.google.com/d/forum/comp.lang.javascript comp.lang.javascript]

== JavaScript libraries ==
* [http://angularjs.org/ AngularJS] - Directive-based MVC framework
* [http://backbonejs.org/ Backbone.js] - Barebones MVC framework
* [http://emberjs.com/ Ember.js] - Handlebars-based MVC framework
* [http://jquery.com/ jQuery] - Downloads and documentation for the most popular web framework
* [https://websitesetup.org/jquery-cheat-sheet/ JQuery Cheat Sheet] - JQuery Cheat Sheet
* [http://modernizr.com/ Modernizr] - JS feature-detection library

== Browser support ==
* [https://github.com/ai/autoprefixer Autoprefixer] - Preprocesses stylesheets and adds vendor prefixes
* [http://caniuse.com/ Can I use...] - Worldwide browser support percentages for new technologies
* [http://css3please.com/ CSS3 Please] - Easy vendor prefixing page for popular CSS3 features
* [http://html5please.com/ HTML5 Please] - Whether to use the latest in HTML5
* [https://makeawebsitehub.com/html5-mobile-feature-checker/ HTML feature checker]

== Web applications ==
* [https://www.djangoproject.com/ Django] - Python-based web app framework
* [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://rubyonrails.org/ Ruby on Rails] - Wildly popular Ruby-based web app framework
* [http://yeoman.io/ Yeoman] - JavaScript-based front-end workflow app

== General ==
* [http://alistapart.com/ A List Apart] - Articles on the web as a platform and business
* [http://css-tricks.com/ CSS-Tricks] - Compendium of examples and code snippets
* [http://uptodate.frontendrescue.org/ Front-end Rescue] - How to keep up-to-date on front-end technologies
* [http://stackoverflow.com/ Stack Overflow] - A popular Q&A platform for programmers
* [https://www.bloggingbasics101.com Blogging Basics 101] - Lots of beginner resources.
* [https://howtomakemyblog.com HowToMakeMyBlog] - How to start a blog and make it a success.

== Quiz ==
* [http://perfectionkills.com/javascript-quiz/ JavaScript Quiz], by Kangax
* [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).

== Documentation ==
* [https://developer.mozilla.org/en-US/docs/Web MDN: Web technology for developers] - Mozilla's documentation on the web
* [http://www.webplatform.org/ WebPlatform.org] - Web documentation wiki from a variety of sources

== Online schools ==
* [http://www.codecademy.com/ Code Academy]
* [https://www.codeschool.com/ Code School]
* [https://www.coursera.org/ Coursera]
* [[Front-end Web Development]] - at Noisebridge
* [[JavaScript|JavaScript Class]] - at Noisebridge
* [https://www.khanacademy.org/ Khan Academy]
* [http://www.railsschool.org/ Rails School] - at Noisebridge
* [https://www.udacity.com/ Udacity]
* [http://www.freecodecamp.com/ Free Code Camp]

Noisebridge - User contributions [en]

Web Development Resources