JavaScript/Notes/

From Noisebridge
< JavaScript(Difference between revisions)
Jump to: navigation, search
(Notes/Debugging)
(PrivateProxy)
(44 intermediate revisions by 3 users not shown)
Line 2: Line 2:
 
   
 
   
 
== Introduction ==
 
== Introduction ==
'''When''': Every Friday night from 7:00PM &mdash; 8:45PM.
+
'''Overview:''' JavaScript Language Fundamentals and design patterns for web programming. See [[JavaScript]].
  
'''Teacher''': Garrett Smith
+
'''Teacher:''' [[User:Garrett|Garrett Smith]] &nbsp;
 
+
Hearken to the days of <code>view-source:</code>! In this course, I'll explore Object Oriented JavaScript as it pertains to client side web programming. And some DOM stuff.
+
  
 
'''Resources'''  
 
'''Resources'''  
 
[[Web Development Resources]]
 
[[Web Development Resources]]
  
== [[JavaScript/Notes/Debugging]] ==
 
Browsers provide debuggers that can be launched from a breakpoint, the application's menu, or the debugger keyword in the script.
 
  
== [[Notes/ClassnameSwap|ClassName Swap]] ==
+
'''Reference Conventions''':
 +
Each section points to specific sections of the pertinent specification for any given subject matter, and for ECMAScript, with a linked section marker. For example ECMAScript defines the standard for JavaScript ([http://ecma-international.org/ecma-262/5.1/#sec-1 &sect; 1]).
 +
 
 +
All references used in this class are linked from the [[Web Development Resources]] page.
 +
 
 +
== [[JavaScript/Notes/Debugging|Debugging]] ==
 +
Browsers provide debuggers that can be launched from a breakpoint, the application's menu, keyboard shortcut, or the debugger keyword in the script.
 +
 
 +
 
 +
== [[JavaScript/Notes/ParameterObject|Parameter Object]] ==
 +
Passing around lists of parameters? Typechecking arguments? Stop doing that. Here's how to make your code clearer and less error-prone.
 +
 
 +
 
 +
== [[JavaScript/Notes/TypeConversion|Type Conversion]] ==
 +
There are five primitive types in JavaScript: Null, Undefined, Boolean, String, Number. Various operations in JavaScript require conversion to and from primitive values.
 +
 
 +
 
 +
== [[JavaScript/Notes/ClassnameSwap|ClassName Swap]] ==
 
Event Delegation and the Cascade.
 
Event Delegation and the Cascade.
  
== [[Function|Functions]] ==  
+
 
 +
== [[JavaScript/Notes/Function|Functions]] ==  
 
Functions are callable objects with an internal <nowiki>[[Scope]]</nowiki> property. Learn how to call functions and pass functions to other functions, where they can be later called.
 
Functions are callable objects with an internal <nowiki>[[Scope]]</nowiki> property. Learn how to call functions and pass functions to other functions, where they can be later called.
  
== [[Array|Array Methods added to EcmaScript 5]]==
+
 
 +
== [[JavaScript/Notes/Array|Array Methods added to EcmaScript 5]]==
 
Sort, map, filter, and more.
 
Sort, map, filter, and more.
  
== [https://noisebridge.net/wiki/JavaScript/Notes/Prototype Prototype] ==
+
'''Prerequisite:''' [[JavaScript/Notes/Function|Functions]].
 +
 
 +
 
 +
== [[JavaScript/Notes/Prototype|Prototype]] ==
 
The prototype chain is used for reading property resolution.  
 
The prototype chain is used for reading property resolution.  
  
User-defined functions can be used to construct new objects. Objects have, on their prototype chain, the constructor's prototype.
+
User-defined functions can be used to construct new objects. Objects have, on their prototype chain, the constructor's prototype.  
  
== [https://noisebridge.net/wiki/JavaScript/Notes/CustomEvents Custom Events] ==
+
'''Prerequisite:''' [[JavaScript/Notes/Function|Functions]].
 +
 
 +
 
 +
== [[JavaScript/Notes/Scope|Scope Chain and Identifier Resolution]]==
 +
This class covers closures.  
 +
 
 +
'''Prerequisite:''' [[JavaScript/Notes/Function|Functions]].
 +
 
 +
 
 +
== [[JavaScript/Notes/CustomEvents|Custom Events]] ==
 
Fire custom events from your own user-defined objects.
 
Fire custom events from your own user-defined objects.
  
== [https://noisebridge.net/wiki/JavaScript/Notes/Scope Scope Chain and Identifier Resolution]==
+
'''Prerequisite:''' [[JavaScript/Notes/Function|Functions]].
This class covers closures.
+
 
 +
'''Prerequisite:''' [[JavaScript/Notes/Scope|Scope Chain and Identifier Resolution]].
 +
 
  
== [https://noisebridge.net/wiki/JavaScript/Notes/Singleton Singleton] ==
+
== [[JavaScript/Notes/Singleton|Singleton]] ==
 
Singleton with information hiding in function scope.
 
Singleton with information hiding in function scope.
  
== [https://noisebridge.net/wiki/JavaScript/Notes/IBD Interface-Based Design]==
+
'''Prerequisite:''' [[JavaScript/Notes/Function|Functions]].
Two interfaces with a similar signature. The Devil's in the details -- encapsulate them!
+
  
=== [https://noisebridge.net/wiki/JavaScript/Notes/EventNotificationSystem Event Notification System]===
+
'''Prerequisite:''' [[JavaScript/Notes/Scope|Scope Chain and Identifier Resolution]].
 +
 
 +
 
 +
== [[JavaScript/Notes/IBD|Interface-Based Design]] ==
 +
 
 +
'''Prerequisite:''' [[JavaScript/Notes/CustomEvents|Custom Events]].
 +
 
 +
Two Event Registry interface objects that share a similar signature, each with a different implementation detail suited for a specific task.  The Devil's in the details -- encapsulate them!
 +
 
 +
 
 +
=== [[JavaScript/Notes/EventNotificationSystem|Event Notification System]]===
 
An abstract system for event notification.
 
An abstract system for event notification.
=== [https://noisebridge.net/wiki/JavaScript/Notes/DomEvents DOM Events Adapter]===
+
 
 +
'''Prerequisite:''' [[JavaScript/Notes/Function|Functions]].
 +
 
 +
'''Prerequisite:''' [[JavaScript/Notes/Scope|Scope Chain and Identifier Resolution]].
 +
 
 +
 
 +
=== [[JavaScript/Notes/DomEvents|DOM Events Adapter]]===
 
An system for DOM event notification, designed to handle delegation and specific event models.
 
An system for DOM event notification, designed to handle delegation and specific event models.
  
== [https://noisebridge.net/wiki/JavaScript/Notes/Factory   Factory]==
+
'''Prerequisite:''' [[JavaScript/Notes/Function|Functions]].
 +
 
 +
'''Prerequisite:''' [[JavaScript/Notes/Scope|Scope Chain and Identifier Resolution]].
 +
 
 +
== [[JavaScript/Notes/Factory|Factory]] ==
 
The Factory pattern, the Decorator pattern, newApply, and the holy grail: Abstract Factory.
 
The Factory pattern, the Decorator pattern, newApply, and the holy grail: Abstract Factory.
  
== [https://noisebridge.net/wiki/JavaScript/Notes/ParameterObject Parameter Object] ==
+
'''Prerequisite:''' [[JavaScript/Notes/Function|Functions]].
Passing around lists of parameters? Typechecking arguments? Stop doing that. Here's how to make your code clearer and less error-prone.
+
  
== [https://noisebridge.net/wiki/JavaScript/Notes/TypeConversion Type Conversion] ==
+
'''Prerequisite:''' [[JavaScript/Notes/ParameterObject|Parameter Object]].
There are five primitive types in JavaScript: Null, Undefined, Boolean, String, Number. Various operations in JavaScript require conversion to and from primitive values.
+
 
 +
'''Prerequisite:''' [[JavaScript/Notes/Scope|Scope Chain and Identifier Resolution]].
 +
 
 +
== [[JavaScript/Notes/PrivateProxy|PrivateProxy]] ==
 +
The private proxy exposes a public interface object. This public interface object delegates some of its responsibility to a private instance.
 +
 
 +
'''Prerequisite:''' [[JavaScript/Notes/Factory|Factory]].
 +
 
 +
== [[JavaScript/Notes/Testing|Testing]]==
 +
Unit testing with YUI Test.
 +
 
 +
== [[JavaScript/Notes/Promises|Promises]] ==
 +
ECMAScript 6 Promises.

Revision as of 14:23, 16 May 2014

You down with OOP? - Yeah you know me!

Contents

Introduction

Overview: JavaScript Language Fundamentals and design patterns for web programming. See JavaScript.

Teacher: Garrett Smith  

Resources Web Development Resources


Reference Conventions: Each section points to specific sections of the pertinent specification for any given subject matter, and for ECMAScript, with a linked section marker. For example ECMAScript defines the standard for JavaScript (§ 1).

All references used in this class are linked from the Web Development Resources page.

Debugging

Browsers provide debuggers that can be launched from a breakpoint, the application's menu, keyboard shortcut, or the debugger keyword in the script.


Parameter Object

Passing around lists of parameters? Typechecking arguments? Stop doing that. Here's how to make your code clearer and less error-prone.


Type Conversion

There are five primitive types in JavaScript: Null, Undefined, Boolean, String, Number. Various operations in JavaScript require conversion to and from primitive values.


ClassName Swap

Event Delegation and the Cascade.


Functions

Functions are callable objects with an internal [[Scope]] property. Learn how to call functions and pass functions to other functions, where they can be later called.


Array Methods added to EcmaScript 5

Sort, map, filter, and more.

Prerequisite: Functions.


Prototype

The prototype chain is used for reading property resolution.

User-defined functions can be used to construct new objects. Objects have, on their prototype chain, the constructor's prototype.

Prerequisite: Functions.


Scope Chain and Identifier Resolution

This class covers closures.

Prerequisite: Functions.


Custom Events

Fire custom events from your own user-defined objects.

Prerequisite: Functions.

Prerequisite: Scope Chain and Identifier Resolution.


Singleton

Singleton with information hiding in function scope.

Prerequisite: Functions.

Prerequisite: Scope Chain and Identifier Resolution.


Interface-Based Design

Prerequisite: Custom Events.

Two Event Registry interface objects that share a similar signature, each with a different implementation detail suited for a specific task. The Devil's in the details -- encapsulate them!


Event Notification System

An abstract system for event notification.

Prerequisite: Functions.

Prerequisite: Scope Chain and Identifier Resolution.


DOM Events Adapter

An system for DOM event notification, designed to handle delegation and specific event models.

Prerequisite: Functions.

Prerequisite: Scope Chain and Identifier Resolution.

Factory

The Factory pattern, the Decorator pattern, newApply, and the holy grail: Abstract Factory.

Prerequisite: Functions.

Prerequisite: Parameter Object.

Prerequisite: Scope Chain and Identifier Resolution.

PrivateProxy

The private proxy exposes a public interface object. This public interface object delegates some of its responsibility to a private instance.

Prerequisite: Factory.

Testing

Unit testing with YUI Test.

Promises

ECMAScript 6 Promises.

Personal tools