JavaScript CMP050
You will learn the basics of creating JavaScript programs and build interactive Web pages, learn animation, design and validate forms for user input. Learn to use jQuery library to select elements, change web page styles including accordion and tabbed widgets.
Prerequisites:HTML Basic and HTML Advanced, or equivalent experience.
Textbook:
Books may be purchased at the MC Bookstore or online. You will need to know the CMP#(Continuing Education classes) for the class you are taking in order to look up information about the textbook.Please bring a Flash Drive/Memory Stick 512MB or larger to class which will enable you to save your class work.
Classroom Hours: 15
Course Content:
Unit 1: Getting Acquainted with JavaScript
- What JavaScript Is
- What JavaScript Can Do
- Software Tools for JavaScript Programming
- How to Add JavaScript to a Page
- How to Add an External JavaScript File
- Tracing Errors
Unit 2: The Grammar of JavaScript
- Putting Comments in Scripts
- Statements and Methods
- Alerting the User
- Writing Text on a Web Page
- Working with Data Types and Variables
- Working with Arrays
- Lab Exercise
Unit 3: Adding Logic and Control to Your Programs
- Conditional Statement Basics
- Comparison operators
- More Complex Conditions
- Nesting Conditional Statements
- Handling Repetitive Tasks with Loops
- Loops and Arrays
- Defining and Using a Functions
- Passing Values through Parameters
- Retrieving Information from Functions
- Variable Scope
Unit 4: Working with Words, Numbers, and Dates
- String Objects and String Manipulation
- Creating and Using a Basic Regular Expression
- Grouping Parts of a Pattern
- Working with Numbers
- Creating Random Numbers
- Working with Date and Time
- Lab Exercise
Unit 5: Dynamically Modifying Web Pages
- Overview
- Understanding the Document Object Model
- Selecting a Page Element
- Adding Content to a Page
- The Problem with the DOM
- Introduction to JavaScript Libraries
- Getting Started with jQuery
- Basic and Advanced Selectors
- jQuery Filters
- Understanding jQuery Selection
- Setting and Reading Tag Attributes
- Reading and Changing CSS Properties
- Anonymous Functions
Unit 6: Events and Events handling
- What Are Events?
- Using Events with Functions
- The jQuery Way
- More jQuery Event Concepts
- The Event Object
- Advanced Event Management
- Validating Email Addresses
- Lab Exercise
Unit 7: Fun with Images
- Preloading Images
- Creating Rollover
- Using jQuery to Show and Hide
- Fading Elements In and Out
- Sliding Elements
- Animation
- Advanced Gallery with jQuery lightBox
- Animated Slideshows
Unit 8: Improving Navigation
- Some Link Basics
- Opening External Links in a New Window
- Creating New Windows
- Use Greybox jQuery plug-in to change Page effects
- Animated Navigation Menus
- Lab Exercise
Unit 9: Enhancing Web Forms
- Selecting Form Elements
- Getting and Setting the Value of a Form Element
- Working with Check Boxes and Radio Buttons
- Working with Form Events
- Form Validation
- Displaying Error Messages
- Lab Exercise
Unit 10: Expanding Your Interface
- Hiding Information with Accordion Panels
- Customizing an Accordion
- Organizing Information in Tabbed Panels
- Formatting Tabs and Panels