Course Overview
This JavaScript and HTML5 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 behaviors to web pages creating better user experiences and add dynamic data using AJAX, REST and WebSocket with JavaScript.
Learn To:
- Code application logic using JavaScript to control user interactions and display data.
- Create applications with HTML5 forms to send data to services.
- Debug and inspect web applications and styles using browser's tools.
- Create design templates and standards using CSS and JavaScript that adapt to different devices including mobile with Media Queries and Responsive Design.
- Read and validate data from HTML5 forms using JavaScript.
- Parse, modify, and validate data using Javascript API.
- Add interactivity in HTML5 forms using events and DOM modification.
- Store and send JavaScript Object data to services, local storage or across different pages and HTML5 elements using JavaScript Object Notation.
- Draw on HTML5 canvas using JavaScript.
- Store user data in web applications using HTML5 Local Storage
- Create JavaScript code to retrieve and display dynamic data from REST services using AJAX.
- Create JavaScript code to interact with WebSocket for real-time communication.
- Create jQuery code to animate elements, handle DOM, events, or AJAX responses.
Benefits to You
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.
Who should attend
- Application Developers
- Forms Developer
- Java Developers
- Developer
- Technical Consultant
- J2EE Developer
- Java EE Developers
- Team Leader
Prerequisites
- Basic experience in any programming language
- Basic knowledge of web concepts
Course Objectives
- 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
Course Content
- Introduction
- Web Application Essentials
- JavaScript Fundamentals
- Combining HTML5 and JavaScript in Web Applications
- The JavaScript API
- Web Application Data
- Style Applications using CSS3 and JavaScript
- Advanced JavaScript
- AJAX and WebSocket
- Developing Applications with jQuery