Overview

Developing Web Applications with JavaScript, HTML5, and CSS

Develop front-end web application using JavaScript, HTML5 and CSS. Course starts with the coverage of web application fundamental concepts, JavaScript language syntax, construction user interfaces using HTML5 and CSS, building application logic using JavaScript, and eventually progresses to advanced topics such as using JavaScript to interact with server-side components, such as WebServices and WebSockets.

Skills Covered

  • Write front-end code with JavaScript, create web user-interfaces with HTML5 and CSS.

Prerequisites

There are no prerequisites required to attend this course.

Target Audience

  • All users

Course Curriculum

Module 1: Course Overview

  • Developing Web Applications with JavaScript, HTML5, and CSS

Module 2: Introduction to Web Applications

  • Lesson Introduction
  • Introduction to Web Applications
  • HTML Methods – Part 1
  • HTML Methods – Part 2
  • Add Style to HTML Elements
  • Capture User Input with HTML Forms
  • Lesson Summary
  • Practice 1-1: Create a Web Application Project with WebStorm IDE

Module 3: Introduction to JavaScript

  • Lesson Introduction
  • Introduction to JavaScript
  • syntax Rules
  • Type Conversions
  • Introduction to Objects and Functions
  • Introduction to Operators
  • Work with String Values
  • Compare Values
  • Work with Date and Time Values
  • Arrays and Collections
  • Flow Control Conditions
  • Flow Control Loops
  • Lesson Summary

Module 4: Functions, Classes, and Objects

  • Lesson Introduction
  • Functions, Class
  • Global and Current Object
  • Object Properties and Operations
  • Classes and Constructor Functions
  • Object Property Handling
  • Lesson Summary

Module 5: Extending Classes and Objects

  • Lesson Introduction
  • Extending Classes and Objects – Part 1
  • Extending Classes and Objects – Part 2
  • Lesson Summary

Module 6: JavaScript in a Web Browser Environment

  • Lesson Introduction
  • Traverse HTML
  • Handle HTML Events with JavaScript – Part 1
  • Handle HTML Events with JavaScript – Part 2
  • Handle HTML Events with JavaScript – Part 3
  • Handle User Input
  • Modify HTML Document Content
  • Lesson Summary

Module 7: Cascading Style Sheets

  • Lesson Introduction
  • CSS Selectors
  • CSS Size Color Font Properties
  • CSS Box Model and Display Properties
  • CSS Media Queries and Dynamyc Style Changes
  • Lesson Summary

Module 8: Advanced JavaScript

  • Lesson Introduction
  • Exception Handling
  • Timeouts and Intervals
  • Implement Promises
  • Functions as Parameters and Closures
  • Create and Use Modules
  • Memory Organisation and Workers
  • Lesson Summary

Module 9: Exchanging Data with Servers

Lesson Introduction
Introduction to JSON and REST
REST Service Interactions
Web Socket Interactions
Manage Application State
Lesson Summary

Module 10: JavaScript Variants, APIs, Frameworks, and the Cloud Environment

  • Lesson Introduction
  • JavaScript Variants and Alternatives
  • JavaScript Libraries and Frameworks
  • Implement Server-Side JavaScript with Node.js
  • JavaScript and Oracle Cloud Application Development
  • Lesson Summary

Dates & Locations

Let’s make it work for you

Can’t find a date that fits? Need to train your whole team? Looking for a discount?
Speak to one of our learning experts today.

There’s no intakes scheduled for this course at the moment!

For enquiries, please contact our reps.

Exam & Certification

This course is not associated with any Certification.

Training & Certification Guide

Why train with Trainocate

Speak to a Training Consultant

All courses are HRD Claimable.
Get in touch with our team via the form or WhatsApp us on +6011-5119 6631

Preferred mode of training
Checkboxes