JavaScript

From Noisebridge
(Difference between revisions)
Jump to: navigation, search
(ECMA 6)
Line 1: Line 1:
=JavaScript Class=
+
= JavaScript Class =
By Garrett Smith
+
By [https://noisebridge.net/wiki/User:Garrett Garrett Smith]
Held weekly, Friday 7pm
+
Held every Friday, 7-9pm
 +
 
 +
dhtmlkitchen at gmail.com
  
 
===Course Overview===
 
===Course Overview===
This course covers Object Oriented JavaScript, testing, and the DOM.
+
This course covers the fundamentals of the EcmaScript programming language, the DOM, and object-oriented design. It is intended for experienced web developers and programmers of other languages, however all are welcome.
 +
=== Resources ===
 +
Reference specifications are used extensively. These are linked from the [https://noisebridge.net/wiki/Web_Development_Resources#JavaScript JavaScript resources] page. Read them daily.
 +
 
 +
== Class Notes ==
 +
[https://noisebridge.net/wiki/JavaScript/Notes/ Notes for individual classes].  
  
 
==EcmaScript Programming Language==
 
==EcmaScript Programming Language==
Line 18: Line 25:
 
* <nowiki>[[Construct]], [[Call]]</nowiki>
 
* <nowiki>[[Construct]], [[Call]]</nowiki>
 
* Literal syntax [], {}, /a/i RegularExpression literal
 
* Literal syntax [], {}, /a/i RegularExpression literal
 
===ECMA 6===
 
* Modules
 
 
===DOM===
 
* Debugging Tools
 
* Validator.w3.org
 
  
 
===Patterns and Object Oriented JavaScript===
 
===Patterns and Object Oriented JavaScript===
Line 33: Line 33:
 
* Strategy/delegation - Example: APE StyleTransition object.
 
* Strategy/delegation - Example: APE StyleTransition object.
  
===Tools ===
+
=== Resources ===  
* Dust Me CSS Selectors [https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/]
+
[https://noisebridge.net/wiki/Web_Development_Resources#JavaScript JavaScript Development Resources]
* Color Zilla [https://addons.mozilla.org/en-US/firefox/addon/colorzilla/]
+
  
== Resources ==
+
== Projects ==
* HTML Validator [http://validator.w3.org/]
+
We learn by doing. Get involved!
* CSS Validator [http://jigsaw.w3.org/css-validator/]
+
* Porting the FAQ to Github [https://github.com/comp-lang-javascript/ Get involved]!

Revision as of 02:18, 21 December 2013

Contents

JavaScript Class

By Garrett Smith Held every Friday, 7-9pm

dhtmlkitchen at gmail.com

Course Overview

This course covers the fundamentals of the EcmaScript programming language, the DOM, and object-oriented design. It is intended for experienced web developers and programmers of other languages, however all are welcome.

Resources

Reference specifications are used extensively. These are linked from the JavaScript resources page. Read them daily.

Class Notes

Notes for individual classes.

EcmaScript Programming Language

  • Property accessors, [] and . [[Get]], [[Put]] and the Reference type.
  • Prototypal inheritance
  • typeof operator
  • Arrays
  • Primitive types
  • Functions, callbacks, "I'm done", Event Notification System
  • Scope chain and identifier resolution, Closures
  • Entering an execution context (this)
  • call, apply)
  • [[Construct]], [[Call]]
  • Literal syntax [], {}, /a/i RegularExpression literal

Patterns and Object Oriented JavaScript

  • Decorator pattern
  • Custom Events
  • EventRegistry
  • Factory, Abstract Factory
  • Strategy/delegation - Example: APE StyleTransition object.

Resources

JavaScript Development Resources

Projects

We learn by doing. Get involved!

Personal tools