JavaScript has grown a lot in recent years, and nowadays allows developers to create extremely dynamic and rich client-side Web applications. This course leads you through the latest JavaScript syntax. The course also introduces some of the more commonly used libraries such as Jest for testing, and Axios for API invocation. Students will also be introduced to the popular ReactJS framework (other frameworks such as Angular or Vue can be used instead).

Duration: 3 days

Who is it for:

Layout: This course is a mixture of lectures and hands on exercises designed to reinforce the topics learnt

Objectives

• Essential JavaScript syntax
• Object-oriented programming in JavaScript
• Interacting with Web pages using the Document Object Model
• Using Promises with async / await
• Understanding the Event Loop
• Testing with Jest
• Invoking APIs using Axios
• Introduction to ReactJS

Modules

Introduction to Web development and JavaScript

• Architecture of a Web application
• Core Web technologies
• DOM scripting and API Invocation
• Cross-browser compatibility

JavaScript Essential Syntax

• Declaring variables and arrays
• Using operators and expressions
• Loops and decision-making constructs
• Functions
• Creating library files

JavaScript Objects

• Overview of objects
• The Object type
• Extending, modifying, and deleting an object
• Inheriting properties and methods
• cascading methods
• Using predefined objects
• Manipulating arrays
• Creating new object types

Event Handling

• The core event model
• Understanding the Event object
• Event propagation
• Understanding the Event Loop and Asyncronosity

How to script CSS

• Types of style sheets
• Modifying styles of an element
• CSS and positioning using FlexBox
• Portability
• Ensuring Responsive Design

API Invokation using Axios

• Overview of Ajax
• Creating an XMLHttpRequest object
• Using the Axios library
• Handling JSON responses
• Updating the user interface

Testing using Jest

• Overview of TDD
• Testing using Jest
• Overview of Mocking and Jest
• Managing Jest Tests

Introduction to ReactJS

• The Need for Frameworks
• Introduction to ReactJS
• Creating a ReactJS Application
• Invoking an API from a ReactJS application

Enquire about this course

More courses

course

AngularJS 2.0 Development

AngularJS 2.0 is a complete rewrite of the Angular framework, incorporating the latest standards in JavaScript and unifying many of the diverse elements found in AngularJS 1.x.

course

Bootstrap Development

Bootstrap provides an extremely powerful set of HTML and CSS templates that makes it almost trivial to create fluid and adaptive Web user interfaces that look great on any device.

course

Google Web Toolkit (GWT) Development

With the advent of HTML5 and CSS3, developers often find themselves having to implement a lot of client-side JavaScript code. However, JavaScript is more complex than many people think, and it can be unproductive if you have a large amount of JavaScript to write.

course

HTML5, CSS3, and JavaScript Development

HTML5 and CSS3 are essential ingredients in modern-day web applications. Gone are the days of vendor-specific plugins and browser wars, and in their place we have the promise of truly open and powerful industry standards.

course

JavaScript Web Development

This course leads you through the latest JavaScript syntax. The course also introduces some of the more commonly used libraries such as Jest for testing, and Axios for API invocation.