JavaScript and JQuery Introduction
Course
Inhouse
Description
-
Type
Course
-
Level
Advanced
-
Methodology
Inhouse
-
Duration
3 Days
-
Start date
Different dates available
This three day Introduction to JavaScript and jQuery assumes no prior knowledge of programming but does assume a good grasp of HTML and CSS. It teaches delegates how to use JavaScript to create modern, interactive web pages. Having learned the basic rules, structure and terminology of JavaScript, delegates will be shown how to leverage these basic skills by using the rich and sophisticated jQuery and jQueryUI libraries for form validation, special effects and the creation of interactive user interfaces.
Facilities
Location
Start date
Start date
Reviews
Subjects
- Javascript training
- HTML
- Javascript
- Ajax
- Basic Skills
- Web
- Programming
- JQuery
- CSS
- JavaScript on-site training
- JavaScript in-house training
- Web pages
- JQueryUI libraries
Course programme
This three day Introduction to JavaScript and jQuery assumes no prior knowledge of programming but does assume a good grasp of HTML and CSS. It teaches delegates how to use JavaScript to create modern, interactive web pages. Having learned the basic rules, structure and terminology of JavaScript, delegates will be shown how to leverage these basic skills by using the rich and sophisticated jQuery and jQueryUI libraries for form validation, special effects and the creation of interactive user interfaces.
Course Outline
Getting Started
What Is JavaScript, What Is jQuery, How HTML Tags Work, CSS: Adding Style to Web Pages, Anatomy of a Style, Software for JavaScript Programming, Free Programs, Commercial Software
JavaScript Basics
How to Add JavaScript to a Page, Your First JavaScript Program, Writing Text on a Web Page, Attaching an External JavaScript File, Tracking Down Errors, The Grammar of JavaScript, Statements, Built-In Functions, Types of Data, Variables, Working with Data Types and Variables, Arrays
Adding Logic and Control to Your Programs
Making Programs React Intelligently, Handling Repetitive Tasks with Loops, Functions: Turn Useful Code Into Reusable Commands
Introducing jQuery
About JavaScript Libraries, Getting jQuery, Adding jQuery to a Page, Modifying Web Pages: An Overview, Understanding the Document Object Model, Selecting Page Elements: The jQuery Way, Adding Content to a Page, Setting and Reading Tag Attributes, Reading, Setting, and Removing HTML Attributes, Acting on Each Element in a Selection, Automatic Pull Quotes
Making Pages Come Alive with Events
What Are Events, Using Events the jQuery Way, More jQuery Event Concepts, Advanced Event Management
Animations and Effects
jQuery Effects, Animations, Performing an Action After an Effect Is Completed, Three. Building Web Page Features
Improving Your Images
Swapping Images, Advanced Gallery with jQuery FancyBox
Improving Navigation
Some Link Basics, Opening External Links in a New Window, Creating New Windows, Opening Pages in a Window on the Page, Basic, Animated Navigation Bar
Enhancing Web Forms
Understanding Forms, Adding Smarts to Your Forms, Form Validation
Expanding Your Interface
Organizing Information in Tabbed Panels, Adding a Content Slider to Your Site, Determining the Size and Position of Page Elements, Adding Tooltips
Introducing Ajax
What Is Ajax, Ajax: The Basics, Ajax the jQuery Way, JSON
Troubleshooting and Debugging
Top JavaScript Programming Mistakes, Debugging with Firebug
Additional information
JavaScript and JQuery Introduction