Web Development Resources: Difference between revisions
Jump to navigation
Jump to search
| (9 intermediate revisions by 6 users not shown) | |||
| Line 14: | Line 14: | ||
* [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://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 59: | Line 60: | ||
* [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 66: | 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 80: | 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. | |||
* [https://career.io/resume-examples/front-end-developer Career.io] - developer career resources | |||
== Quiz == | == Quiz == | ||
| Line 101: | Line 107: | ||
* [https://www.udacity.com/ Udacity] | * [https://www.udacity.com/ Udacity] | ||
* [http://www.freecodecamp.com/ Free Code Camp] | * [http://www.freecodecamp.com/ Free Code Camp] | ||
== Engineering Blogs == | |||
* [https://doordash.engineering DoorDash Engineering Blog] | |||
Latest revision as of 02:15, 4 November 2024
About
[edit | edit source]This page is a collection of web development resources used by JavaScript Class and Front-end Web Development.
HTTP
[edit | edit source]HTML
[edit | edit source]- HTML Living Standard HTML5
- Activating Browser Modes with Doctype
- HTML5 Doctor - Articles on the latest additions to HTML5
- HTML5 Boilerplate - Popular website template
- HTML5 Cheat Sheet Quick HTML5 guide.
- HTML 5 Cheat Sheet for Beginners - An easy to understand HTML 5 cheat sheet (In Alphabetical Order).
- WHATWG Mailing Lists Email list for HTML5.
CSS
[edit | edit source]- CSS Specifications
- Create Cubic Bezier for CSS by Lea Verou
- W3C CSS Validator
- CSS Cheat Sheet
- CSS Image to Colors Palette Generator - Create a color palette from an image
- Ultimate CSS Gradient Generator - GUI for creating cross-browser CSS3 gradients
- CSS Zen Garden - Demonstrates the flexibility of CSS-based design
- Normalize.css - Makes user agent stylesheets more consistent and modern
- Dust Me CSS Selectors - Detects unused rules in your stylesheets (homepage).
- Sass - Stylesheet preprocessor language with variables, nesting, mixins, and more
- CSS Vocabulary - An interactive dictionary of CSS terminology.
JavaScript
[edit | edit source]Tutorial
[edit | edit source]- Eloquent JavaScript: A Modern Introduction to Programming
- DOM Enlightenment by Cody Lindley
- Learning Advanced JavaScript by John Resig
- Named function expressions demystified
Reference
[edit | edit source]- ECMAScript® Language Specification
- JavaScript | MDN Mozilla Developer Network
- Learn JavaScript MDN Mozilla Developer Network
- FAQ and Notes for comp.lang.javascript
- W3C DOM Level 3, Core
- W3C DOM 2 HTML
- W3C DOM Level 2 Events
- W3C DOM Level 3 Events Working Draft
- JSON
Video
[edit | edit source]- Demystifying Regular Expressions by Lea Verou
Newsgroup / Forum
[edit | edit source]JavaScript libraries
[edit | edit source]- 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
- JQuery Cheat Sheet - JQuery Cheat Sheet
- Modernizr - JS feature-detection library
Browser support
[edit | edit source]- 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
- HTML feature checker
Web applications
[edit | edit source]- 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 | edit source]- A List Apart - Articles on the web as a platform and business
- CSS-Tricks - Compendium of examples and code snippets
- Front-end Rescue - How to keep up-to-date on front-end technologies
- Stack Overflow - A popular Q&A platform for programmers
- Blogging Basics 101 - Lots of beginner resources.
- Tools For Bloggers Introductory blogging tools.
- Career.io - developer career resources
Quiz
[edit | edit source]- JavaScript Quiz, by Kangax
- Front End Web Development Quiz, by David Sharriff
- Front-end Web Development Quiz, by Jeffrey Carl Faden
- ECMA-262, The Quiz, by Dmitry Soshnikov (covers Ecma-262 r3).
Documentation
[edit | edit source]- MDN: Web technology for developers - Mozilla's documentation on the web
- WebPlatform.org - Web documentation wiki from a variety of sources
Online schools
[edit | edit source]- Code Academy
- Code School
- Coursera
- Front-end Web Development - at Noisebridge
- JavaScript Class - at Noisebridge
- Khan Academy
- Rails School - at Noisebridge
- Udacity
- Free Code Camp