Download - Torque IT

CO-84842
JavaScript and HTML5 Develop Web
Applications
Summary
Duration
Audience
4 Days
Application Developers, Developers, Professional
Forms Developers, J2EE Developers
Technology
and Java Developers
Oracle
Level
Delivery Method
Training Credits
Instructor-led (Classroom)
Yes
Introduction
This four-day instructor-led course teaches you how to code application logic in web applications using JavaScript and how
to create HTML5 pages to parse and send data using HTML5 forms. Create and modify the Document Object Model
(DOM), create responsive layouts with CSS3, store local data with JSON, and draw on HTML5 canvas. Students will add
interactive behaviours to web pages creating better user experiences and add dynamic data using AJAX, REST and
WebSocket with JavaScript.
Prerequisites
Before attending this course, students must have:
Basic experience in any programming language
Basic knowledge of web concepts
Target Audience
Application Developers, Developers, Forms Developers, J2EE Developers and Java Developers
Course Content
Lesson 1: Introduction
This lesson provides an introduction to the course.
Lesson Topics:
About this course
Audience
Prerequisites
Course Objectives
Self-Introduction
Web Applications
Course Road Map
Practice:
Using NetBeans 8 to create and edit files
Create and modify web applications
Run your application inside a browser
Debug with NetBeans or browser tools
Lesson 2: Web Application Essentials
This lesson discusses the basics of creating web applications.
Lesson Topics:
Create web applications by using NetBeans
Run HTML pages and analyse them by using the browser’s tools
Separate CSS and JavaScript content from HTML pages
Run web applications by using NetBeans
Practice:
Creating HTML5 web Applications with NetBeans 8
Separating JS and CSS resources
Creating a navigational HTML5 application
Lesson 3: JavaScript Fundamentals
This lesson discusses the basics of JavaScript.
Lesson Topics:
Write JavaScript to:
Declare variables
Create an object
Create and call a function
Create and iterate arrays
Write JavaScript arrays to store data
Define JavaScript objects as a key-value store
Access the properties of an object by using get and set
Practice:
Passing JavaScript tests in JSConsole with Jasmine
Lesson 4: Combining HTML5 and JavaScript in Web Applications
This lesson describes the techniques involved in combining HTML5 and JavaScript in web applications.
Lesson Topics:
Create HTML5 documents
Create HTML5 forms to request information and process it
Validate HTML5 form input
Write JavaScript functions for HTML5 events
Manipulate HTML5 elements through DOM
Practice:
Writing JavaScript code to modify document elements
Lesson 5: The JavaScript API
This lesson describes the use of JavaScript functions and objects.
Lesson Topics:
Validate user input with JavaScript and regular expressions
Handle multiple values with JavaScript collections
Manipulate dates with the JavaScript date API
Practice:
Creating a meal-divider application
Calculating the total based on age
Lesson 6: Web Application Data
This lesson describes the use of JSON (JavaScript Object Notation) within web application development.
Lesson Topics:
Convert objects to JSON strings
Parse JSON strings into JavaScript objects
Store objects by using the JSON API, cookies and local storage
Practice:
Saving user input by using JSON and LocalStorage
Restoring saved data when a page loads
Lesson 7: Style Applications Using CSS3 and JavaScript
This lesson describes how to apply styling and formatting to a web application by using CSS.
Lesson Topics:
Apply CSS styles to HTML documents
Use CSS3 features to add dynamic styles to elements with events
Use media queries and media data to adapt styles to different screens
Use JavaScript to add and remove styles from elements
Practice:
Styling elements with CSS3
Lesson 8: Advanced JavaScript
This lesson covers advanced JavaScript topics and techniques.
Lesson Topics:
Define functions as value types
Create closures and explain the variable scope
Write JavaScript functions as modules
Create drag-and-drop interactions with JavaScript
Create JavaScript timers and delays to create animations in HTML
Use HTML5 canvas object to draw on pages
Practice:
Creating a new application with a canvas and painting a circle with a button
Using intervals to paint random circles on the canvas
Implementing drag-and-drop to paint stickers on the canvas
Implementing mouse gestures to paint on the canvas with the mouse
Lesson 9: AJAX and WebSocket
This lesson describes how to develop web applications with asynchronous JavaScript and XML.
Lesson Topics:
Use AJAX with JavaScript to request data from an Application Server
Use AJAX to consume restful web services
Use AJAX calls to create “server push” interactions
Identify alternatives to AJAX used in legacy code
Use WebSocket to create real-time client/server interactions
Identify the required back-end technologies for REST and WebSocket with Java EE7
Practice:
Creating a new single page application with navigation by using REST calls to get dynamic data
Creating a tic-tac-toe game client with WebSocket
Lesson 10: Developing Applications with JQuery
This lesson describes how to implement jQuery within your web application.
Lesson Topics:
Add jQuery and jQuery UI libraries to your projects
Use selectors and DOM manipulators to handle documents
Handle events with jQuery
Animate elements and apply effects in the document
Handle AJAX server responses
Associated Certifications & Exam
This course prepares students to write Exam:
None
Accredited to certification(s):
None