Brief presentation that accompanied a code demonstration on Object Oriented Programming and JavaScript

1. JavaScript + OOP
Dustin Tauer
Easel Solutions

2. Dustin Tauer
Developer (11 years)
Instructor (7 years)
Web, Desktop, Mobile,
eLearning
Dustin@easelsolutions.com
@dtauer

3. Easel Solutions
• Training
– Adobe/Microsoft Partner
• Customized Training
– Coaching
• Consulting
– Finding solutions
• Adobe Connect Reseller
easelsolutions.com
blog.easelsolutions.com
@easelsolutions

4. OOP + JavaScript
• OOP Techniques
– Scope, Classes, Public/Private, Inheritance
• A little bit on frameworks
– RequireJS
– BackboneJS
– Etc.
• Recommendations
– Tooling is key
– Frameworks are preference

5. JavaScript
1996
JavaScript Is that it?
2005
AJAX

6. .NET Timeline
2002 2006 2012
v1.0 v3.0 v4.5
2005 2010
v2.0 v4.0

7. JavaScript (ugh)
var total = 100;
total += "A String";
crazy = total + 200;
console.log(crazy);

8. Why??????

9. Let’s “force” JavaScript into OOP
Demo

10. Frameworks and Tooling are Key

11. Frameworks
• There are far too many to list
– TodoMVC is a good resource
– http://todomvc.com/
• RequireJS is manditory
– Manages your files/modules
– http://requirejs.org/

12. Tools
• Above all, get yourself some code hinting and
snippets
– Aptana (http://www.aptana.com/)
– Sublime Text (http://www.sublimetext.com/)
– Brackets (https://github.com/adobe/brackets)

13. Thanks!
Dustin Tauer
Easel Solutions
t :: @dtauer
e ::
dustin@easelsolutions.com