Web Development Resources: Difference between revisions

From Noisebridge
Jump to navigation Jump to search
m (Reverted edits by Axr (talk) to last revision by 160.2.125.77)
Tag: Rollback
 
(14 intermediate revisions by 7 users not shown)
Line 2: Line 2:
This page is a collection of web development resources used by [[JavaScript|JavaScript Class]] and [[Front-end Web Development|Front-end 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]].


== General ==  
== HTTP ==  
* [http://tools.ietf.org/html/rfc3986 URI Specification]
* [http://tools.ietf.org/html/rfc3986 URI Specification]
* [http://www.w3.org/Protocols/rfc2616/rfc2616.html HTTP 1.1]
* [http://www.w3.org/Protocols/rfc2616/rfc2616.html HTTP 1.1]
Line 13: Line 13:
* [http://html5doctor.com/ HTML5 Doctor] - Articles on the latest additions to HTML5
* [http://html5doctor.com/ HTML5 Doctor] - Articles on the latest additions to HTML5
* [http://html5boilerplate.com/ HTML5 Boilerplate] - Popular website template
* [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.
* [http://www.whatwg.org/mailing-list WHATWG Mailing Lists] Email list for HTML5.


Line 20: Line 21:
* [http://cubic-bezier.com/ Create Cubic Bezier for CSS] by Lea Verou
* [http://cubic-bezier.com/ Create Cubic Bezier for CSS] by Lea Verou
* [http://jigsaw.w3.org/css-validator/ W3C CSS Validator]
* [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.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.colorzilla.com/gradient-editor/ Ultimate CSS Gradient Generator] - GUI for creating cross-browser CSS3 gradients
Line 34: Line 36:
* [http://ejohn.org/apps/learn/ Learning Advanced JavaScript] by John Resig
* [http://ejohn.org/apps/learn/ Learning Advanced JavaScript] by John Resig
* [http://kangax.github.io/nfe Named function expressions demystified]
* [http://kangax.github.io/nfe Named function expressions demystified]
* [http://jsfaq.org/notes/closures/ Javascript Closures]


=== Reference ===  
=== Reference ===  
Line 55: Line 56:


== JavaScript libraries ==
== JavaScript libraries ==
No JavaScript libraries are endorsed in JavaScript Class. If you want help with using a library, visit that library's discussion group instead.
* [http://angularjs.org/ AngularJS] - Directive-based MVC framework
* [http://angularjs.org/ AngularJS] - Directive-based MVC framework
* [http://backbonejs.org/ Backbone.js] - Barebones MVC framework
* [http://backbonejs.org/ Backbone.js] - Barebones MVC framework
* [http://emberjs.com/ Ember.js] - Handlebars-based MVC framework
* [http://emberjs.com/ Ember.js] - Handlebars-based MVC framework
* [http://jquery.com/ jQuery] - Downloads and documentation for the most popular web 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
* [http://modernizr.com/ Modernizr] - JS feature-detection library


Line 67: Line 68:
* [http://css3please.com/ CSS3 Please] - Easy vendor prefixing page for popular CSS3 features
* [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
* [http://html5please.com/ HTML5 Please] - Whether to use the latest in HTML5
* [https://makeawebsitehub.com/html5-mobile-feature-checker/ HTML feature checker]


== Web applications ==
== Web applications ==
Line 81: Line 83:
* [http://uptodate.frontendrescue.org/ Front-end Rescue] - How to keep up-to-date on front-end technologies
* [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
* [http://stackoverflow.com/ Stack Overflow] - A popular Q&A platform for programmers
* [https://www.bloggingbasics101.com Blogging Basics 101] - Lots of beginner resources.
* [https://wordfinderx.com/tools-for-bloggers/ Tools For Bloggers] Introductory blogging tools.


== Quiz ==
== Quiz ==
Line 101: Line 105:
* [http://www.railsschool.org/ Rails School] - at Noisebridge
* [http://www.railsschool.org/ Rails School] - at Noisebridge
* [https://www.udacity.com/ Udacity]
* [https://www.udacity.com/ Udacity]
* [http://www.freecodecamp.com/ Free Code Camp]
== Engineering Blogs ==
* [https://doordash.engineering DoorDash Engineering Blog]

Latest revision as of 09:05, 6 November 2021

About[edit]

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

HTTP[edit]

HTML[edit]

CSS[edit]

JavaScript[edit]

Tutorial[edit]

Reference[edit]

Video[edit]

Newsgroup / Forum[edit]

JavaScript libraries[edit]

Browser support[edit]

Web applications[edit]

  • 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[edit]

Quiz[edit]

Documentation[edit]

Online schools[edit]

Engineering Blogs[edit]