modern javascript develop and design instructor’s notes chapter 1 - (re) introducing javascript...
TRANSCRIPT
![Page 1: Modern JavaScript Develop And Design Instructor’s Notes Chapter 1 - (Re) Introducing JavaScript Modern JavaScript Design And Develop Copyright © 2012 by](https://reader035.vdocument.in/reader035/viewer/2022062408/56649efd5503460f94c10837/html5/thumbnails/1.jpg)
Modern JavaScriptDevelop And Design
Instructor’s NotesChapter 1 - (Re) Introducing JavaScript
Modern JavaScript Design And DevelopCopyright © 2012 by Larry Ullman
![Page 2: Modern JavaScript Develop And Design Instructor’s Notes Chapter 1 - (Re) Introducing JavaScript Modern JavaScript Design And Develop Copyright © 2012 by](https://reader035.vdocument.in/reader035/viewer/2022062408/56649efd5503460f94c10837/html5/thumbnails/2.jpg)
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”
![Page 3: Modern JavaScript Develop And Design Instructor’s Notes Chapter 1 - (Re) Introducing JavaScript Modern JavaScript Design And Develop Copyright © 2012 by](https://reader035.vdocument.in/reader035/viewer/2022062408/56649efd5503460f94c10837/html5/thumbnails/3.jpg)
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”
![Page 4: Modern JavaScript Develop And Design Instructor’s Notes Chapter 1 - (Re) Introducing JavaScript Modern JavaScript Design And Develop Copyright © 2012 by](https://reader035.vdocument.in/reader035/viewer/2022062408/56649efd5503460f94c10837/html5/thumbnails/4.jpg)
JavaScript is…
• Object-Oriented• Weakly typed• Scripting language• Based upon ECMAScript
![Page 5: Modern JavaScript Develop And Design Instructor’s Notes Chapter 1 - (Re) Introducing JavaScript Modern JavaScript Design And Develop Copyright © 2012 by](https://reader035.vdocument.in/reader035/viewer/2022062408/56649efd5503460f94c10837/html5/thumbnails/5.jpg)
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!
![Page 6: Modern JavaScript Develop And Design Instructor’s Notes Chapter 1 - (Re) Introducing JavaScript Modern JavaScript Design And Develop Copyright © 2012 by](https://reader035.vdocument.in/reader035/viewer/2022062408/56649efd5503460f94c10837/html5/thumbnails/6.jpg)
Key Developments
• Adoption of faster Internet access• Ajax• Better browsers• Rise of frameworks
![Page 7: Modern JavaScript Develop And Design Instructor’s Notes Chapter 1 - (Re) Introducing JavaScript Modern JavaScript Design And Develop Copyright © 2012 by](https://reader035.vdocument.in/reader035/viewer/2022062408/56649efd5503460f94c10837/html5/thumbnails/7.jpg)
Ajax
![Page 8: Modern JavaScript Develop And Design Instructor’s Notes Chapter 1 - (Re) Introducing JavaScript Modern JavaScript Design And Develop Copyright © 2012 by](https://reader035.vdocument.in/reader035/viewer/2022062408/56649efd5503460f94c10837/html5/thumbnails/8.jpg)
Common Browsers
![Page 9: Modern JavaScript Develop And Design Instructor’s Notes Chapter 1 - (Re) Introducing JavaScript Modern JavaScript Design And Develop Copyright © 2012 by](https://reader035.vdocument.in/reader035/viewer/2022062408/56649efd5503460f94c10837/html5/thumbnails/9.jpg)
Common Frameworks
• jQuery • MooTools• Script.aculo.us• YUI (Yahoo! User Interface library)• ExtJS• The Dojo Toolkit• Prototype
![Page 10: Modern JavaScript Develop And Design Instructor’s Notes Chapter 1 - (Re) Introducing JavaScript Modern JavaScript Design And Develop Copyright © 2012 by](https://reader035.vdocument.in/reader035/viewer/2022062408/56649efd5503460f94c10837/html5/thumbnails/10.jpg)
Client vs. Server
Client Side (Browser)•HTML•CSS•JavaScript•Flash
Server Side•PHP•CGI scripts•Database application•Some JavaScript
![Page 11: Modern JavaScript Develop And Design Instructor’s Notes Chapter 1 - (Re) Introducing JavaScript Modern JavaScript Design And Develop Copyright © 2012 by](https://reader035.vdocument.in/reader035/viewer/2022062408/56649efd5503460f94c10837/html5/thumbnails/11.jpg)
Development Approaches
• Progressive Enhancement• Unobtrusive JavaScript