JavaScript + OOP Dustin Tauer Easel Solutions
Dustin Tauer Developer (11 years) Instructor (7 years) Web, Desktop, Mobile, eLearning Dustin@easelsolutions.com @dtauer
Easel Solutions • Training – Adobe/Microsoft Partner • Customized Training – Coaching • Consulting – Finding solutions • Adobe Connect Reseller easelsolutions.com blog.easelsolutions.com @easelsolutions
OOP + JavaScript • OOP Techniques – Scope, Classes, Public/Private, Inheritance • A little bit on frameworks – RequireJS – BackboneJS – Etc. • Recommendations – Tooling is key – Frameworks are preference
JavaScript 1996 JavaScript Is that it? 2005 AJAX
.NET Timeline 2002 2006 2012 v1.0 v3.0 v4.5 2005 2010 v2.0 v4.0
JavaScript (ugh) var total = 100; total += "A String"; crazy = total + 200; console.log(crazy);
Why??????
Let’s “force” JavaScript into OOP Demo
Frameworks and Tooling are Key
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/
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)
Thanks! Dustin Tauer Easel Solutions t :: @dtauer e :: dustin@easelsolutions.com

JavaScript and OOP

  • 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.
  • 9.
  • 10.
  • 11.
    Frameworks • Thereare 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 • Aboveall, 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