jQuery & JavaScript Basics

Learn the basics of jQuery & JavaScript and kick-start your learning journey

In the duration of this course you will taught the basics of jQuery & JavaScript and begin your path to becoming an expert. The course is split into 2 sections to help your learning experience.

What is jQuery & JavaSCript?

Would you believe JavaScript and jQuery are the same thing? In simple terms, jQuery is a set of JavaScript libraries that have been designed specifically to simplify HTML document traversing, animation, event handling, and Ajax interactions.

Unlimited access for 60 days

Access anywhere, any time

Fast effective training, written and designed by industry experts

Track your progress with our Learning Management System

Unlimited support

Save money, time and travel costs

Learn at your own pace and leisure

Easier to retain knowledge and revise topics than traditional methods

What the course will teach you:

• The basics of jQuery
• The basics of JavaScript
• JavaScript: Decisions, Statements and Loops - Basic and Custom Functions - Forms and User Interaction & Windows, Frames and the Browser Object
• jQuery: Effects - UI & UI Interactions

Certificate of completion

Digital certificate - Included

jQuery & JavaScript Basics

Description

jQuery & JavaScript Basics

Module 1 - Getting Started

What you’ll learn in this training -NEW

Module 2 - JavaScript: Basics

Introducing JavaScript
Setting up a document to create JavaScript
JavaScript syntax rules
Creating an alert box
Displaying data on the page using document dot write
Displaying text data
Creating variables
Calling and combining variables
Creating prompts
Creating arrays
Linking to a JavaScript file

Module 3 - JavaScript: Decisions, Statements and Loops

Creating an if statement
Creating an else if statement
Applying various comparison operators
Applying logical operators
Creating switch statements
Creating a for loop
Creating a while and do while loop

Module 4 - JavaScript: Basic and Custom Functions

Adding the current time and date
Converting strings to numbers
Converting numbers to strings
Creating basic string functions
Creating basic math functions
Creating a custom function
Calling a function
Calling a function based on an event
Adding parameters to a function pt. 1
Adding parameters to a function pt. 2

Module 5 - JavaScript: Forms and User Interaction

Accessing form elements with JavaScript
Programming Text and Button element interactivity
Programming Text Area element interactivity
Programming Radio button interactivity pt. 1
Programming Radio button interactivity pt. 2
Programming Checkbox interactivity
Programming Select Box interactivity
Validating form text data
Validating form email data
Validating form checkbox data

Module 6 - JavaScript: Windows, Frames and the Browser Object

Detecting the browser version
Accessing browser history
Using the location object
Creating a pop-up window
Formatting a pop-up window
Referencing specific windows
Interacting with frames

Module 7 - jQuery: Basics

Introducing jQuery
Loading jQuery Library files
Initializing an on ready function and selecting elements
Selecting elements by id and style
Selecting elements by attribute
Running the jQuery code
Showing and hiding elements pt. 1
Showing and hiding elements pt. 2
Binding jQuery to events handlers pt. 1
Binding jQuery to events handlers pt. 2
Writing HTML elements via jQuery
Adding Element attributes
Adding content to elements
Wrapping elements within elements
Binding jQuery to events using the dot on() function
Creating variables using jQuery
Creating loops in jQuery pt. 1
Creating loops in jQuery pt. 2

Module 8 - jQuery: Effects

Fading elements in and out
Sliding elements up and down
Toggling slide operations
Adding Effect parameters
Animating effects

Module 9 - jQuery UI

Loading jQuery UI Library files
Creating an accordion widget
Creating a button widget pt. 1
Creating a button widget pt. 2
Creating a date picker widget
Creating a menu widget
Creating a slider widget
Creating a spinner and tooltip widget
Creating a tab widget
Creating a dialog widget
Opening a dialog box on click
Creating jQuery UI themes
Customizing jQuery UI themes

Module 10 - jQuery UI Interactions

Creating a drag action
Creating a drop action
Creating a resize action

Currently there are no Q&As for this course. Be the first to ask a question.