Call : (+91) 968636 4243
Mail : info@EncartaLabs.com
EncartaLabs

JavaScript and HTML5 - Develop Web Applications

( Duration: 5 Days )

This JavaScript and HTML5 - Develop Web Applications training course teaches to code application logic in web applications using JavaScript and 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. You will add interactive behaviors to web pages creating better user experiences and add dynamic data using AJAX, REST and WebSocket with JavaScript.

This course will prepare any web developer with enough JavaScript, HTML5 and CSS3 knowledge to build complex and modern sites and for those looking to develop Java EE front-end web applications.

By attending JavaScript and HTML5 - Develop Web Applications workshop, delegates will learn to:

  • Create and run an HTML5 applications in NetBeans
  • Write JavaScript code to use variables, objects, functions and arrays
  • Create HTML5 forms to request information and process it
  • Write JavaScript functions for HTML5 events
  • Manipulate HTML5 elements through DOM
  • Use the JavaScript API
  • Store objects by using the JSON API, Cookies, and Local Storage
  • Style HTML documents with CSS3
  • Use Media Queries and media data to adapt the web page to different screen sizes
  • Create closures, prototypes, and modules in JavaScript
  • Create a Canvas, intervals, Drag and Drop interactions, and implement mouse gestures in HTML5
  • Use AJAX to consume RESTful Web Services
  • Identify the required Back-End technologies for REST and WebSocket with Java EE7
  • Use Selectors and DOM manipulators to handle documents with jQuery
  • Handle events and AJAX server responses with jQuery

  • Basic web knowledge
  • Basic programming experience

The JavaScript and HTML5 - Develop Web Applications class is ideal for:

  • Developers
  • Implementers
  • Managers

COURSE AGENDA

1

Introduction

  • Knowing the objectives of the course
  • Setting up the Environment
2

Web Application Essentials

  • Creating HTML5 Applications in NetBeans
  • Running HTML pages and analizing them by using the browser's development tools
  • Separating CSS and JavaScript content from HTML pages
  • Running HTML5 Applications in NetBeans
3

JavaScript Fundamentals

  • Writing JavaScript code to declare variables, objects, functions and arrays
  • Writing JavaScript Arrays to store data
  • Defining JavaScript Objects as a key-value store
  • Accessing the properties of an object
4

Combining HTML5 and JavaScript in Web Applications

  • Creating HTML5 Documents
  • Creating HTML5 Forms to request information and process it
  • Validating HTML5 form input
  • Writing JavaScript functions for HTML5 events
  • Manipulating HTML5 elements through DOM
5

The JavaScript API

  • Validating user input with JavaScript and Regular Expressions
  • Handling multiple values with JavaScript Collections
  • Manipulating Dates with the JavaScript Date API
6

Web Application Data

  • Converting Objects to JSON Strings
  • Parsing JSON Strings into JavaScript Objects
  • Storing Objects by using the JSON API, Cookies, and Local Storage
7

Style Applications using CSS3 and JavaScript

  • Applying CSS styles to HTML documents
  • Using CSS3 features to add dynamic styles to elements with events
  • Using Media Queries and media data to adapt to different screens
  • Using JavaScript to add and remove styles from elements
8

Advanced JavaScript

  • Defining Functions
  • Creating Closures and explaining Variable Scope
  • Writing JavaScript functions as modules
  • Creating Prototypes
  • Creating Drag-and-Drop interactions with JavaScript
  • Creating JavaScript Timers and Delays to create animations in HTML
  • Using the HTML5 Canvas Object to draw in pages
9

AJAX and WebSocket

  • Using AJAX with JavaScript to request data from an Application Server
  • Using AJAX to consume RESTful Web Services
  • Using AJAX calls to create "Server Push" interactions
  • Identifying alternatives to AJAX used in legacy code
  • Understanding AJAX Security
  • Using WebSocket to create Real-time Client/Server interactions
  • Identifying the required Back-End technologies for REST and WebSocket with Java EE7
10

Developing Applications with jQuery

  • Adding jQuery and jQuery UI libraries to your projects
  • Using Selectors and DOM manipulators to handle documents
  • Handling Events with jQuery
  • Animating elements and Applying effects in the document
  • Handling AJAX server responses

Encarta Labs Advantage

  • One Stop Corporate Training Solution Providers for over 6,000 various courses on a variety of subjects
  • All courses are delivered by Industry Veterans
  • Get jumpstarted from newbie to production ready in a matter of few days
  • Trained more than 50,000 Corporate executives across the Globe
  • All our trainings are conducted in workshop mode with more focus on hands-on sessions

View our other course offerings by visiting https://www.encartalabs.com/course-catalogue-all.php

Contact us for delivering this course as a public/open-house workshop/online training for a group of 10+ candidates.

Top
Notice
X