SlideShare a Scribd company logo
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

More Related Content

What's hot (16)

PDF
Platform Selection
Wilco van Duinkerken
 
PDF
Knowing it all
Rachel Andrew
 
KEY
Beyond the classroom skype
Josh Allen
 
PPT
Drupal training day by Rachit Gupta
Rachit Gupta
 
PPTX
Esn wiki agm13
Salih Odabasi
 
PDF
Generate a Living Style Guide from CSS - CSSDevConf 2016
Matt Vanderpol
 
PPT
UX Team Of One
guestbf976e
 
PDF
Wcto2014
Al Davis
 
PPTX
Module 5 - WCM system comparison
Katherine McCurdy-Lapierre, R.G.D.
 
KEY
Drupal session 1 - What are drupal sessions?
NETNODE AG
 
PPTX
Gaming presentation nagelhout
Ed Nagelhout
 
PPTX
PowerPoint Makeover
UNCG University Libraries
 
PPTX
Anupi web tools to empower language learners mazatlan 2014
Cynthia Wiseman
 
PPTX
BASIC Wordpress content management training August 2014
Brenton Johnson
 
KEY
Introduction to Drupal Content Management System
Mario Hernandez
 
PDF
Strategy Sessions: Making project handling easy with Trello
LearningandTeaching
 
Platform Selection
Wilco van Duinkerken
 
Knowing it all
Rachel Andrew
 
Beyond the classroom skype
Josh Allen
 
Drupal training day by Rachit Gupta
Rachit Gupta
 
Esn wiki agm13
Salih Odabasi
 
Generate a Living Style Guide from CSS - CSSDevConf 2016
Matt Vanderpol
 
UX Team Of One
guestbf976e
 
Wcto2014
Al Davis
 
Module 5 - WCM system comparison
Katherine McCurdy-Lapierre, R.G.D.
 
Drupal session 1 - What are drupal sessions?
NETNODE AG
 
Gaming presentation nagelhout
Ed Nagelhout
 
PowerPoint Makeover
UNCG University Libraries
 
Anupi web tools to empower language learners mazatlan 2014
Cynthia Wiseman
 
BASIC Wordpress content management training August 2014
Brenton Johnson
 
Introduction to Drupal Content Management System
Mario Hernandez
 
Strategy Sessions: Making project handling easy with Trello
LearningandTeaching
 

Similar to JavaScript and OOP (20)

PPTX
OOP and JavaScript
easelsolutions
 
PPTX
Javascript Best Practices and Intro to Titanium
Techday7
 
PDF
Choosing Javascript Libraries to Adopt for Development
Edward Apostol
 
PPTX
Javascript best practices
Jayanga V. Liyanage
 
PDF
Performance Optimization and JavaScript Best Practices
Doris Chen
 
PDF
JavaScript 1.5 to 2.0 (TomTom)
jeresig
 
PDF
The Future of JavaScript (Ajax Exp '07)
jeresig
 
KEY
YOOX Launch & Learn - Javascript as a programming language
Marco Cedaro
 
PPT
JavaScript Misunderstood
Bhavya Siddappa
 
PDF
HTML5 for the Silverlight Guy
David Padbury
 
PPTX
JS Basics
John Fischer
 
PDF
Overboard.js - where are we going with with jsconfasia / devfestasia
Christian Heilmann
 
PPTX
Java scriptforjavadev part2a
Makarand Bhatambarekar
 
PDF
Let’s learn how to use JavaScript responsibly and stay up-to-date.
Christian Heilmann
 
PDF
Best practices for JavaScript RIAs
Carlos Ble
 
PDF
High quality Front-End
David Simons
 
PDF
Kann JavaScript elegant sein?
jbandi
 
PPTX
JavaScript: the who, what, when, where, why, & how
Monty Dickerson
 
KEY
jsDay - Javascript as a programming language
Marco Cedaro
 
PPTX
Enterprise TypeScript
Jeremy Likness
 
OOP and JavaScript
easelsolutions
 
Javascript Best Practices and Intro to Titanium
Techday7
 
Choosing Javascript Libraries to Adopt for Development
Edward Apostol
 
Javascript best practices
Jayanga V. Liyanage
 
Performance Optimization and JavaScript Best Practices
Doris Chen
 
JavaScript 1.5 to 2.0 (TomTom)
jeresig
 
The Future of JavaScript (Ajax Exp '07)
jeresig
 
YOOX Launch & Learn - Javascript as a programming language
Marco Cedaro
 
JavaScript Misunderstood
Bhavya Siddappa
 
HTML5 for the Silverlight Guy
David Padbury
 
JS Basics
John Fischer
 
Overboard.js - where are we going with with jsconfasia / devfestasia
Christian Heilmann
 
Java scriptforjavadev part2a
Makarand Bhatambarekar
 
Let’s learn how to use JavaScript responsibly and stay up-to-date.
Christian Heilmann
 
Best practices for JavaScript RIAs
Carlos Ble
 
High quality Front-End
David Simons
 
Kann JavaScript elegant sein?
jbandi
 
JavaScript: the who, what, when, where, why, & how
Monty Dickerson
 
jsDay - Javascript as a programming language
Marco Cedaro
 
Enterprise TypeScript
Jeremy Likness
 
Ad

More from easelsolutions (11)

PDF
MIMA 2014 - Changing your Responsive Design Workflow
easelsolutions
 
PPTX
Nebraska Trainer's Institute eLearning Presentaiotn
easelsolutions
 
PPTX
Building iOS apps with eLearning Tools
easelsolutions
 
PPTX
Strategies for Mobile eLearning
easelsolutions
 
PPTX
Fast Track to Adobe Captivate
easelsolutions
 
PPT
eLearning and Mobile
easelsolutions
 
PPTX
Trainers Institute eLearning Presentation
easelsolutions
 
PPTX
Adobe MAX Recap
easelsolutions
 
PPTX
Multiscreen Development with Adobe Air
easelsolutions
 
PPTX
Flex multi-screen development
easelsolutions
 
PPTX
Mobile Development with Adobe AIR
easelsolutions
 
MIMA 2014 - Changing your Responsive Design Workflow
easelsolutions
 
Nebraska Trainer's Institute eLearning Presentaiotn
easelsolutions
 
Building iOS apps with eLearning Tools
easelsolutions
 
Strategies for Mobile eLearning
easelsolutions
 
Fast Track to Adobe Captivate
easelsolutions
 
eLearning and Mobile
easelsolutions
 
Trainers Institute eLearning Presentation
easelsolutions
 
Adobe MAX Recap
easelsolutions
 
Multiscreen Development with Adobe Air
easelsolutions
 
Flex multi-screen development
easelsolutions
 
Mobile Development with Adobe AIR
easelsolutions
 
Ad

Recently uploaded (20)

PPTX
Building Search Using OpenSearch: Limitations and Workarounds
Sease
 
PDF
TrustArc Webinar - Data Privacy Trends 2025: Mid-Year Insights & Program Stra...
TrustArc
 
PDF
Predicting the unpredictable: re-engineering recommendation algorithms for fr...
Speck&Tech
 
PPTX
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
PDF
Smart Air Quality Monitoring with Serrax AQM190 LITE
SERRAX TECHNOLOGIES LLP
 
PPTX
MSP360 Backup Scheduling and Retention Best Practices.pptx
MSP360
 
PPTX
UiPath Academic Alliance Educator Panels: Session 2 - Business Analyst Content
DianaGray10
 
PDF
Empower Inclusion Through Accessible Java Applications
Ana-Maria Mihalceanu
 
PDF
Building Resilience with Digital Twins : Lessons from Korea
SANGHEE SHIN
 
PDF
Fl Studio 24.2.2 Build 4597 Crack for Windows Free Download 2025
faizk77g
 
PDF
Chris Elwell Woburn, MA - Passionate About IT Innovation
Chris Elwell Woburn, MA
 
PDF
July Patch Tuesday
Ivanti
 
PDF
How Startups Are Growing Faster with App Developers in Australia.pdf
India App Developer
 
PDF
Empowering Cloud Providers with Apache CloudStack and Stackbill
ShapeBlue
 
PPTX
Top Managed Service Providers in Los Angeles
Captain IT
 
PDF
DevBcn - Building 10x Organizations Using Modern Productivity Metrics
Justin Reock
 
PPTX
Darren Mills The Migration Modernization Balancing Act: Navigating Risks and...
AWS Chicago
 
PDF
NewMind AI Journal - Weekly Chronicles - July'25 Week II
NewMind AI
 
PPTX
Top iOS App Development Company in the USA for Innovative Apps
SynapseIndia
 
PDF
HCIP-Data Center Facility Deployment V2.0 Training Material (Without Remarks ...
mcastillo49
 
Building Search Using OpenSearch: Limitations and Workarounds
Sease
 
TrustArc Webinar - Data Privacy Trends 2025: Mid-Year Insights & Program Stra...
TrustArc
 
Predicting the unpredictable: re-engineering recommendation algorithms for fr...
Speck&Tech
 
WooCommerce Workshop: Bring Your Laptop
Laura Hartwig
 
Smart Air Quality Monitoring with Serrax AQM190 LITE
SERRAX TECHNOLOGIES LLP
 
MSP360 Backup Scheduling and Retention Best Practices.pptx
MSP360
 
UiPath Academic Alliance Educator Panels: Session 2 - Business Analyst Content
DianaGray10
 
Empower Inclusion Through Accessible Java Applications
Ana-Maria Mihalceanu
 
Building Resilience with Digital Twins : Lessons from Korea
SANGHEE SHIN
 
Fl Studio 24.2.2 Build 4597 Crack for Windows Free Download 2025
faizk77g
 
Chris Elwell Woburn, MA - Passionate About IT Innovation
Chris Elwell Woburn, MA
 
July Patch Tuesday
Ivanti
 
How Startups Are Growing Faster with App Developers in Australia.pdf
India App Developer
 
Empowering Cloud Providers with Apache CloudStack and Stackbill
ShapeBlue
 
Top Managed Service Providers in Los Angeles
Captain IT
 
DevBcn - Building 10x Organizations Using Modern Productivity Metrics
Justin Reock
 
Darren Mills The Migration Modernization Balancing Act: Navigating Risks and...
AWS Chicago
 
NewMind AI Journal - Weekly Chronicles - July'25 Week II
NewMind AI
 
Top iOS App Development Company in the USA for Innovative Apps
SynapseIndia
 
HCIP-Data Center Facility Deployment V2.0 Training Material (Without Remarks ...
mcastillo49
 

JavaScript and OOP

  • 1. JavaScript + OOP Dustin Tauer Easel Solutions
  • 2. Dustin Tauer Developer (11 years) Instructor (7 years) Web, Desktop, Mobile, eLearning [email protected] @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);
  • 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 :: [email protected]