Course Outline
JavaScript & jQuery course overview
This course explains how to use JavaScript to create interactive web pages. After completing our jQuery training course you will be able to use jQuery effects and animations on your web pages. Few practical JavaScript based projects at the end of the course will ensure that you can apply jQuery on your web projects.
This short JavaScript course is hands-on, instructor-led and classroom based. This training can be taken as a part-time evening course or even on the weekends. A list of all upcoming public JavaScript training course is given on Training Dragon website.
Who is JavaScript & jQuery training for?
This course is for you if you are interested in using JavaScript on your web pages to create advanced, feature-rich web site.
Prerequisites for JavaScript & jQuery course
- To attend this course you must have hands-on, coding experience of HTML and CSS. If you are not fully familiar with such topics, please make sure you have some practice before course starts or enrol on our Web Design course.
- You should have understanding of some basic programming concepts. If you have little or no experience of programming, first attend our Introduction to Programming course
What will I get?
- Training from professional JavaScript developers:
Training Dragon consultants have been implementing professional JavaScript solutions across a range of web sites for many years. Those consultants write and teach our JavaScript training courses, so their experience directly informs course content.
- Real-time Practice and Projects:
Our JavaScript are designed to get you started in web design. We work on industry related projects in this JavaScript course. These projects help you create your JavaScript portfolio.
- Course Material:
JavaScript electronic notes are included in this course.
- Course Completion Certificate:
After completing this training your will be receive a JavaScript course completion certificate.
- Support and Careers Advice:
After the course if you have any problems or questions regarding JavaScript do not hesitate to contact us. Training Dragon’s trainers are expert in their fields and if you need any help with you career choice, please speak to one of our trainers.
JavaScript & jQuery Course Contents
JavaScript
Introduction
- What is Javascript?
- Hello World!
- Defining functions
- Event handlers
- Statements
- Comments
- Javascript files
- Data types
- Variables
- String, Boolean and Number data types
- The null and undefined variables
- Constants
- Reserved Words
- Operators and Statements
- Basic Operators
- Conditional Statements
- Conditional Operators
- Logical Operators
- Loops: while, do, for
Projects in JavaScript
Project 1 – Handling JavaScript Popup, Prompt and Confirm
Project 2 – Managing Date and Time in Javascript
Project 3 – Change an image with a click
Project 4 – Manipulate css with JavaScript
Project 5 – Simple Animation with JavaScript
Project 6 – Image gallery with JavaScript
jQuery
Introduction to jQuery
- Introduction to jQuery
- What is jQuery?
- Anatomy of a jQuery Script
- How it works
- Download and install jQuery
- Create your first jQuery page
- The jQuery() and $() Functions
- Setting up and including jQuery
- jQuery Fundamentals
jQuery Selectors, Properties and Attributes
- What are selectors?
- Selecting HTML Elements using jQuery
- HTML attributes selection
- Changing positions
- Working with Selections
- jQuery Element Selectors
- Attribute Selectors
- Attributes
- Manipulating Elements
Edit CSS using jQuery
- CSS Selectors
- Changing CSS property and Value
- Multiple CSS manipulation
jQuery Events
- What are jQuery events?
- Event handlers
- The Browser and jQuery Event Models
- Ready event
- Click event
- Dblclick event
- Mouseover event
- Focus event
Animations and Effects
- Showing and hiding elements
- Adding and removing elements
- Basic animations
- Creating custom animations
- Fading elements
- Modifying Web Page Content
jQuery UI Library
- jQuery UI official website and documentation
- Interactions, Widgets, Utilities and Effetcs
- Download a jQuery UI module
- Select a jQuery UI Theme
- How to use a jQuery UI module
jQuery Projects
We are going to complete following hands on projects in this jQuery course.
Project 1 – jQuery UI Accordion
Project 2 –Create lightboxes and a slideshows using FancyBox plugin
Project 3 – Create a simple Jigsaw game with jQuery UI Sortable module
Project 4 – Create a jQuery Carousel in class
View Complete Course outline