Advance Your Career

Advanced Frontend Development with JavaScript

Add rich interactivity to your website with JavaScript, the programming language of the browser.

  • 100% Online
  • 6 Weeks
Course Description

HTML and CSS provide the structural, semantic, and presentation information for a web page. However, these technologies do not describe how the user interacts with a page by using a browser. To implement this functionality, all modern browsers include a JavaScript engine to support the use of scripts in a page.

JavaScript is a programming language that allows you to implement complex things on web pages. Every time a web page does more than just sit there and display static information, like displaying notifications, interactive maps, complex forms, or more, you can bet that JavaScript is probably involved.

Who is this for?

Anyone interested in, planning to learn, or already learning web development.

Basic HTML knowledge is required. Consider taking course Frontend Development with HTML and CSS first if you are new to frontend development.

What is provided to you?
  • Updated syllabus written by industry experts
  • Weekly live classroom with certified trainers
  • Classroom video recordings
  • Assignments and code reviews by mentors
  • Full access to our Social Learning platform
  • Free certicate of completion
Syllabus

We enlist industry experts to plan, author and review our syllabus. It will guide you from fundamental concepts all the way to full scale implementations. It is constantly updated, and you get lifetime access.

Week 1
JavaScript Fundamendals

Learn the absolute JavaScript basics like variables, data types, basic operators and controling flow with conditionals and loops.

Objects & Functions

Objects & Functions are the main two building blocks of JavaScript. Objects are used to store key-value collections of various data and more complex entities. Functions allow code to be called many times promoting reusability and modularity.

Week 2
Week 3
Callbacks, Promises & Async/Await

Callbacks were, once upon a time, the fundamental element for writing asynchronous code in JavaScript. However, they have many flaws and developers needed more reliable and clear solutions. Modern JavaScript offers promises & async/await keywords to enable developers to write code that looks as close to synchronous as possible.

Document Object Model

The Document Object Model (DOM) is a programming interface for HTML documents. It represents the entire page, so that JavaScript can change its structure, style, and content dynamically.

Week 4
Week 5
Event Handling

An event is a signal that something has happened. To react on events we can assign a handler – a function that runs in case of an event. Handlers are a way to run JavaScript code in case of user actions, like clicking a button or scrolling the page.

Network Requests & Storing Data

Access a web service by using JavaScript code and incorporate remote data into your web applications. You will look at two technologies for achieving this: the XMLHttpRequest object, which acts as a programmatic wrapper around HTTP requests to remote web sites, and Fetch API, which simplifies many of the tasks involved in sending requests and receiving data. You will also learn how to store data on the client in a variety of ways including session storage, local storage and Application Cache.

Week 6