Modern JavaScriptDevelop And Design
Instructor’s NotesChapter 1 - (Re) Introducing JavaScript
Modern JavaScript Design And DevelopCopyright © 2012 by Larry Ullman
Objectives
• Confidently know what JavaScript is and isn’t• Learn JavaScript’s key attributes as a
programming language• Review JavaScript’s history, both in terms of its
formal development and its common usage• Be able to compare and contrast JavaScript
against other technologies and languages• Know what it means to say a technology or
language is “client-side” vs. “server-side”
Objectives
• Understand how JavaScript fits into the Web development process
• Know the main development approaches for programming with JavaScript
• Be introduced to some popular JavaScript frameworks
• Familiarize themselves with the common Web browsers of today
• Be aware of what it means to be a “modern browser”
JavaScript is…
• Object-Oriented• Weakly typed• Scripting language• Based upon ECMAScript
Benefits
• Can improve performance• Can fix browser deficiencies• Can be used in mobile devices• Is entirely reliable, when done right!• Pushes some processing load onto
the client• Able to enhance the user experience!
Key Developments
• Adoption of faster Internet access• Ajax• Better browsers• Rise of frameworks
Ajax
Common Browsers
Common Frameworks
• jQuery • MooTools• Script.aculo.us• YUI (Yahoo! User Interface library)• ExtJS• The Dojo Toolkit• Prototype
Client vs. Server
Client Side (Browser)•HTML•CSS•JavaScript•Flash
Server Side•PHP•CGI scripts•Database application•Some JavaScript
Development Approaches
• Progressive Enhancement• Unobtrusive JavaScript