chapter14 p1 - WEB DEVELOPMENT DESIGN FOUNDATIONS WITH HTML5 7TH EDITION Chapter 14 Key Concepts Copyright Terry Felke-Morris 1 LEARNING OUTCOMES In

chapter14 p1 - WEB DEVELOPMENT DESIGN FOUNDATIONS WITH...

This preview shows page 1 - 9 out of 39 pages.

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 14 Key Concepts 1
Image of page 1
Copyright © Terry Felke-Morris LEARNING OUTCOMES In this chapter, you will learn how to: Describe common uses of JavaScript in web pages. Describe the purpose of the Document Object Model and list some common events. Create a simple JavaScript using the script element and the alert() method. Use variables, operators and the if control structure. Create a basic form validation script. Describe common uses of jQuery. Describe how to obtain jQuery. Use jQuery selectors and methods. Configure an image gallery with jQuery. Describe the purpose of jQuery plugins. 2
Image of page 2
Copyright © Terry Felke-Morris WHAT IS JAVASCRIPT? Object-based scripting language Works with the objects associated with a Web page document the window the document the elements such as forms, images, hyperlinks, etc. 3
Image of page 3
Copyright © Terry Felke-Morris COMMON USES OF JAVASCRIPT Display a message box Select list navigation Edit and validate form information Create a new window with a specified size and screen position Image Rollovers Status Messages Display Current Date Calculations 4
Image of page 4
Copyright © Terry Felke-Morris CODING JAVASCRIPT JavaScript statements can be coded on a web page using two different techniques: Place JavaScript code between <script> tags Place JavaScript code as part of an event attached to an HTML element 5
Image of page 5
Copyright © Terry Felke-Morris JAVASCRIPT: USING THE SCRIPT ELEMENT The script element A container tag May be placed in either the head or the body section of a web page <script type="text/javascript"> <!- - alert("Welcome to Our Site"); // - -> </script> 6
Image of page 6
PRACTICE <!DOCTYPE html> <html lang="en"> <head> <title>JavaScript Practice</title> </head> <body> <h1>Using JavaScript</h1> <script type="text/javascript"> alert("Welcome to my web page!"); </script> <h2>When does this display?</h2> </body> </html> 7
Image of page 7
Copyright © Terry Felke-Morris CHECKPOINT
Image of page 8
Image of page 9

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture