Modern JavaScript Develop And Design Instructor’s Notes Chapter 1 - (Re) Introducing JavaScript...

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