javascript-monitor

This JavaScript and HTML5 course features the JavaScript language, from language fundamentals to dynamic interactions with browsers, DOM, HTML5, CSS3, JSON, REST, AJAX, WebSocket, and jQuery. This course includes several demos for the student to hack in each lesson.

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.

Time

Classes will be held Mon-Fri, 6 pm-9 pm. 60 hours in class.

Price – $500.

We do not offer payment plans. Since we are a non-profit organization and try to help all who enroll we are dependent on the funds we received to cover all classes expenses so NO REFUNDS are offered!

Classes start early April, 2019. Enrollment and all payments end one week prior to the date when classes start.

All payments are done at ChanceCart facility. Registration is complete upon payment receipt.

  • 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

Introduction

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

Web Application Essentials

  • Practice: Separating JavaScript and CSS Resources
  • Practice: Creating HTML5 Web Applications with NetBeans 8
  • Running HTML pages and analizing them by using the browser’s development tools
  • Running HTML5 Applications in NetBeans
  • Creating HTML5 Applications in NetBeans
  • Separating CSS and JavaScript content from HTML pages

JavaScript Fundamentals

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

Combining HTML5 and JavaScript in Web Applications

  • Manipulating HTML5 elements through DOM
  • Validating HTML5 form input
  • Creating HTML5 Forms to request information and process it
  • Practice: Writing JavaScript code to modify document elements
  • Writing JavaScript functions for HTML5 events
  • Creating HTML5 Documents

The JavaScript API

  • Practice: Creating a meal-divider application
  • Practice: Calculating the total based on the age
  • Handling multiple values with JavaScript Collections
  • Validating user input with JavaScript and Regular Expressions
  • Manipulating Dates with the JavaScript Date API

Web Application Data

  • Parsing JSON Strings into JavaScript Objects
  • Practice: Saving user input using JSON and Local Storage
  • Converting Objects to JSON Strings
  • Storing Objects by using the JSON API, Cookies, and Local Storage
  • Practice: Restoring saved data when page loads

Style Applications using CSS3 and JavaScript

  • Using CSS3 features to add dynamic styles to elements with events
  • Applying CSS styles to HTML documents
  • Using JavaScript to add and remove styles from elements
  • Practice: Writing CSS rules to style elements in the document
  • Using Media Queries and media data to adapt to different screens

Advanced JavaScript

  • Creating Drag-and-Drop interactions with JavaScript
  • Creating Prototypes
  • Writing JavaScript functions as modules
  • Using the HTML5 Canvas Object to draw in pages
  • Creating JavaScript Timers and Delays to create animations in HTML
  • Defining Functions
  • Practices: Creating a Canvas, intervals, Drag and Drop, and implementing Mouse Gestures
  • Creating Closures and explaining Variable Scope

AJAX and WebSocket

  • Understanding AJAX Security
  • Using AJAX to consume RESTful Web Services
  • Using AJAX with JavaScript to request data from an Application Server
  • Using AJAX calls to create Server Push interactions
  • Using WebSocket to create Real-time Client/Server interactions
  • Practices: Creating a Single-Page Application using RESTand a Tic-Tac-Toe Game Client with WebSocket
  • Identifying alternatives to AJAX used in legacy code
  • Identifying the required Back-End technologies for REST and WebSocket with Java EE7

Developing Applications with jQuery

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

Registration is considered complete upon payment receipt!

We will contact you to schedule time for you to visit us and pay for the classes.

REFUNDS are NOT issued after an agreement is signed on-site!

Skill Classes REGISTRATION
Select a month you would like to enroll.