Survey
* Your assessment is very important for improving the workof artificial intelligence, which forms the content of this project
* Your assessment is very important for improving the workof artificial intelligence, which forms the content of this project
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