WJS01 – JavaScript & JQuery

WJS01: JavaScript and JQuery courses are offered by Software Training Academy

Section 1: Javascript Essentials

Chapter 1: Introduction To Web Development

• How a web application works

• The components of a web application

• How static web pages are processed

• How dynamic web pages are processed

• How JavaScript is used for client-side processing

• What you need to know about the ECMAScript specification

• The components of a JavaScript application

• The HTML

• The CSS

• The JavaScript

• The HTML skills that you need for this book

• How to use the HTML5 semantic elements

• How to use the div and span elements

• How to use the basic HTML attributes

• The CSS skills that you need for this book

• How to provide the CSS styles for an HTML page

• How to code the basic CSS selectors

• How to code CSS style rules

• How to test a JavaScript application

• How to run a JavaScript application

• How to find errors in your code

• How to provide cross-browser compatibility

• How to use Aptana to develop JavaScript applications

• How to create or import a project

• How to work with files

• How to edit a file

• How to run a JavaScript application

Chapter 2: Getting Started With JavaScript

• How to include JavaScript in an HTML document

• Two ways to include JavaScript in the head of an HTML document

• How to include JavaScript in the body of an HTML document

• The JavaScript syntax

• How to code JavaScript statements

• How to create identifiers

• How to use comments

• How to work with JavaScript data

• The primitive data types

• How to declare and assign values to variables

• How to code arithmetic expressions

• How to use arithmetic expressions in assignment statements

• How to concatenate strings and include special characters in strings

• How to use objects, methods, and properties

• Introduction to objects, methods, and properties
• How to use the parseInt() and parseFloat() methods of the window object
• How to use the write() and writeln() methods of the document object
• Two illustrative applications
• The Miles Per Gallon application
• The Test Scores application

Chapter 3: The Essential JavaScript Statements

• How to code conditional expressions

• How to use the relational operators

• How to use the logical operators

• How to code the basic control statements

• How to code if statements

• How to code while and do-while loops

• How to code for loops

• Three illustrative applications

• The enhanced Miles Per Gallon application

• The Future Value application

• The enhanced Test Scores application

• How to work with arrays

• How to create and use arrays

• How to use for loops to work with arrays

• The Test Scores application has an array of

The user interface

The JavaScript

Chapter 4: How To Work With Javascript Objects, Functions, And Events

• How to use objects to work with data

• How to use the window and document objects

• How to use Textbox and Number objects

• How to use Date and String objects

• How to use functions

• How to create and call a function expression

• How to create and call a function declaration

• When and how to use local and global variables

• When and how to use strict mode

• How to handle events

• How to attach an event handler to an event

• How to use an onload event handler to attach other event handlers

• Two illustrative applications

• The Miles Per Gallon application

• The Email List application

Chapter 5: How To Test And Debug A Javascript Application

• An introduction to testing and debugging

• The three types of errors that can occur

• Common JavaScript errors

• How to plan the test runs

• How to use top-down coding and testing to simplify debugging

• How to debug with Chrome’s developer tools

• How to use Chrome to find errors

• How to use breakpoints and step through your code

• Other debugging methods

• How to trace the execution of your JavaScript code

• How to view the source code

• When and how to validate the HTML

Chapter 6: How To Script The Dom With Javascript

• DOM scripting properties and methods

• DOM scripting concepts

• The properties of the Node interface

• The methods of the Document and Element interfaces

• The properties of the DOM HTML specification

• The FAQs application

• The HTML and CSS

• The JavaScript

• How to script forms and controls

• How forms work?

• How to script Textbox, Textarea, and Select objects

• How to script Radio and Checkbox objects

• How to use the methods and events for forms and controls

• The Register application

• The HTML and CSS

• The JavaScript

• How to add and remove nodes from the DOM

• How to use the innerHTML property of the Element interface

• How to view the changes to the DOM in Chrome

• The Register application with a table

• The HTML and CSS

• The JavaScript

Chapter 7: How To Work With Links, Images, And Timers

• How to work with links and images

• How to cancel the default action of an event

• How to preload images

• The Image Swap application

• The HTML and CSS

• The JavaScript

• How to use timers

• How to use a one-time timer

• How to use an interval timer

• The Slide Show application

• The HTML and CSS

• The JavaScript

Section 2: jQuery Essentials

Chapter 8: Get Off To A Fast Start With jQuery

• Introduction to jQuery

• What jQuery is

• How jQuery can simplify JavaScript development

• The basics of jQuery programming

• How to include jQuery in your web pages

• How to code jQuery selectors

• How to call jQuery methods

• How to use jQuery event methods

• The Email List application in jQuery

• The user interface and HTML

• The jQuery

• A working subset of selectors, methods, and event methods

• The most useful selectors

• The most useful methods

• The most useful event methods

• Other event methods that you should be aware of

• Three illustrative applications

• The FAQs application in jQuery

• The Image Swap application in jQuery

• The Image Rollover application in jQuery

Chapter 9: How To Use Effects and Animations

• How to use effects

• The jQuery methods for effects

• The FAQs application with jQuery effects

• A Slide Show application with effects

• The user interface, HTML, and CSS

• Two ways to code the jQuery

• How to stop and start a slide show

• How to use animation

• How to use the basic syntax of the animate() method

• How to chain animate() methods

• How to use the delay(), stop(), and finish() methods

• How to use easings with effects and animations

• How to use the advanced animate syntax and the methods

• for working with queues

• A Carousel application with animation

• The user interface, HTML, and CSS

• The jQuery

Chapter 10: How To Work With Forms And Data Validation

• Introduction to forms and controls

• How forms work?

• The HTML5 controls for working with forms

• The HTML5 and CSS3 features for data validation

• How to use jQuery to work with forms

• The jQuery selectors and methods for forms

• The jQuery event methods for forms

• A Validation application that uses JavaScript

• The user interface and HTML

• Some of the JavaScript for the application

Chapter 11: How to use jQuery plugins and jQuery UI widgets

• Introduction to jQuery plugins

• How to find jQuery plugins

• How to use any jQuery plugin

• How to use three of the most popular plugins

• How to use the Lightbox plugin for images

• How to use the bxSlider plugin for carousels

• How to use the Cycle 2 plugin for slide shows

• Introduction to jQuery UI

• What jQuery UI is and where to get it

• How to download jQuery UI

• How to include jQuery UI in your web pages

• How to use any jQuery UI widget

• How to use five of the most popular jQuery UI widgets

• How to use the Accordion widget

• How to use the Tabs widget

• How to use the Button and Dialog widgets

• How to use the Datepicker widget

Chapter 12: How to use Ajax, JSON, and Flickr

• Introduction to Ajax

• How Ajax works

• Common data formats for Ajax

• The members of the XMLHttpRequest object

• How to use the XMLHttpRequest object

• How to use the jQuery shorthand methods for Ajax

• The jQuery shorthand methods for working with Ajax

• How to use the load() method to load HTML data

• How to use the $.get() or $.post() methods to load XML data

• How to use the $.getJSON() method to load JSON data

• How to send data with an Ajax request

• How to use the $.ajax() method for working with Ajax

• The syntax of the $.ajax() method

• How to use the $.ajax() method to load data

• How to use Ajax with Flickr

• How to use the feed API for Flickr

• How to display Flickr data on a page

• How to review the feed from a website

• How to display descriptions for a Flickr photo feed

• How to search for photos by tags

Section 3: Advanced JavaScript skills

Chapter 13: How To Work With Numbers, Strings, And Dates

• How to work with numbers

• How to use the properties and methods of the Number object

• How to use the properties and methods of the Math object

• How to generate a random number

• The PIG application

• The HTML

• The JavaScript

• How to work with strings

• How to use the properties and methods of the String object

• Examples of working with strings

• How to work with dates and times

• How to create Date objects

• The methods of the Date object

• Examples of working with dates

• The Countdown application

• The HTML and CSS

• The JavaScript

Chapter 14: How to work with control structures, exceptions, and regular expressions

• What else you need to know about control structures?

• How to use the equality and identity operators

• How to use the break and continue statements

• How to use the switch statement

• How to use the conditional operator

• How to use the AND and OR operators for selections

• The Invoice application

• The HTML

• The JavaScript

• How to handle exceptions

• How to use try-catch statements

• How to create and throw Error objects

• How to use regular expressions

• How to create and use regular expressions

• How to match special characters and types of characters

• How to match string positions, subpatterns, and repeating patterns

• Regular expressions for data validation

• The Account Profile application

• The HTML and CSS

• The JavaScript

Chapter 15: How to work with browser objects, cookies, and web storage

• How to script browser objects

• How to use the location object

• How to use the history object

• The Tutorial application

• The HTML

• The JavaScript

• How to use cookies

• An introduction to cookies

• How to create cookies

• How to read cookies

• How to delete cookies

• The Task List application

• The HTML and CSS

• The JavaScript

• How to use web storage

• How to use local and session storage

• The Task List application with web storage

• How to use Chrome to work with items in the browser

• How to view and delete cookies

• How to view, edit, and delete items in web storage

• Chapter 16:: How to work with arrays

• How to create and use an array

• How to create an array

• How to add and delete array elements

• How to use for loops to work with arrays

• How to use for-in loops to work with arrays

• How to use the methods of an Array object

• Methods that accept simple parameters

• Methods that accept functions as parameters

• Examples of the Array methods

• The Task List application

• The user interface

• The JavaScript

• Other skills for working with arrays

• How to use a String method to create an array

• How to create and use an associative array

• How to create and use an array of arrays

• The Task List 2.0 application

• The HTML

• The JavaScript

Chapter 17: How to create and use your own objects

• Basic skills for working with objects

• How to create and use the native object types

• How to create your own objects with object literals

• How to extend or modify an object

• How to create and use JavaScript libraries

• The Miles Per Gallon application

• The HTML

• The JavaScript

• How to create and call constructors

• How to create your own object types with constructor functions

• What else you should know about prototypes?

• The Trips application

• The HTML

• The JavaScript

• How to create a factory function

• How to use the create() method of the Object object

• The Trips application has a factory function

• Advanced skills for working with objects

• How to use the arguments property of a Function object

• How to create cascading methods

• How do I inherit methods from another object?

• How to use this keyword

• The Task List application

• The HTML and CSS

• The task and storage libraries

• The task list library

• The main JavaScript file

Chapter 18: How to create and use closures, IIFEs, the module pattern, and plugins

• How to use closures

• How closures work

• How to use closures to create private state

• How to work with the this keyword in closures

• The Slide Show application

• The HTML