Are we up to your expectations? Let us know what you make of CodeGuage in this quick 5-minute survey.
Course image
Home > Courses > Advanced JavaScript

Advanced JavaScript

The real-pro aspects of JavaScript

Table of Contents ↓
  • Difficulty: Intermediate
  • Duration: 7 hrs 20 mins
  • Units: 8
  • Chapters: 30
  • Quizzes: 6
  • Exercises: 1
  • Projects: -
Start Learning
Category: Programming
Tags:
JavaScript

Presumed knowledge

  1. JavaScript

    This course explores the advanced aspects of JavaScript, so obviously it's a clear requirement.

Course overview

Since its inception in 1995, JavaScript has grown to become one of the most popular programming languages around the globe and also to become a highly complex beast. With the adaptation of ECMAScript 6 (a.k.a. ECMAScript 2015), the language got a massive overhaul and, since then, has continued to become better and better than ever before. Added to this the innovations of the browser landscape, it now clearly means that covering all aspects of JavaScript in one single course is close to impractical.

In this course, we explore the advanced side of JavaScript. We cover such things as intersection observers; promises, and how they simplify asynchronous code; file-handling APIs; buffers and working with binary data; web storage, and how to leverage it in place of cookies to store data on the client; and much more.

All modern day code heavily uses at least one of these ideas and, likewise, it's vital for a JavaScript developer to have a stronghold on these aspects of the language to ensure a smooth developer experience.

Learning outcomes

For a very general overview, we would start by getting our hands firm on the basics of JavaScript, and then continue on to explore the Symbol, IntersectionObserver, File, Blob, FileReader, Promise, Storage APIs, in addition to the idea of iterators and generators.

Talking very specifically, at the end of this course you will know:

  1. The sixth primitive type in JavaScript i.e symbols, and how to work with them to get into some internal operations of the language.
  2. The IntersectionObserver API and how to use it in place of scroll events to monitor the appearance of elements into a root element.
  3. What are iterables and how to iterate over them in a very convenient way using the for...of loop.
  4. What are iterators and how to use them to govern the behavior of iteration done by for...of, or otherwise manually.
  5. How to use generators to define infinite sequences and use lazy evaluation to save resources when computing large collections; and even how to combine the results of multiple generators by means of delegation.
  6. How to obtain File objects from file input elements and the drag..drop API; and then retrieve useful information from these File objects.
  7. The ways in which to process File objects by creating objects URLs for them or by reading them using the FileReader API.
  8. What are blobs in JavaScript and how to use the Blob API to create file-like objects.
  9. What's meant by the term 'callback hell' and how the Promise API is provided to mitigate it.
  10. How to shift from storing client-only data in cookies to the Storage API - made accessible via two global properties: localStorage and sessionStorage.

and a lot more...

Table of contents

  1. Foundation
    47 mins 5 chapters
    Description:

    Here we'll get our hands firm on the basics of JavaScript and some of the simpler concepts of advanced JavaScript before moving on to specifically target a couple of its common APIs.

    Introduction
    6 mins
    Basics
    10 mins
    Symbols
    10 mins
    Event Loop
    13 mins
    Microtasks
    8 mins
  2. Modules
    37 mins 2 chapters
    Description:

    In this unit, we'll take a look into the standard module system in JavaScript, known as ECMAScript modules. We'll explore the import and export keywords and how to work with dynamic imports using the import() function.

    Introduction
    11 mins
    Basics
    26 mins
    Basics Quiz
    10 questions
    Two Additions Exercise
    Easy
  3. Intersection Observer
    56 mins 3 chapters
    Description:

    In this unit, we shall cover the IntersectionObserver API to monitor elements entering into a root element.

    Introduction
    2 mins
    Basics
    25 mins
    Entries
    29 mins
    Quiz
    11 questions
  4. Iteration
    1 hr 18 mins 5 chapters
    Description:

    In this unit, we shall discover modern iteration in JavaScript. This includes the for...of loop, iterables and iterators. After that, we'll move over to consider generator functions and how they extend iteration capabilities.

    Introduction
    7 mins
    Iterators
    14 mins
    Iterables
    12 mins
    Generators
    28 mins
    Advanced Generators
    17 mins
    Quiz
    16 questions
  5. File APIs
    58 mins 5 chapters
    Description:

    This unit is dedicated to explore file handling capabilities of JavaScript. Specifically we'll be seeing the File, Blob and FileReader APIs in detail and even the concept of object URLs.

    Introduction
    2 mins
    File Object
    12 mins
    Object URLs
    12 mins
    Blobs
    12 mins
    FileReader
    20 mins
  6. Promises
    1 hr 6 mins 4 chapters
    Description:

    Promises are meant to simplify asynchronous programming in JavaScript. In this unit we shall understand how to create basic promises, how to chain promises and finally how to handle errors occuring in promises.

    Introduction
    15 mins
    Basics
    25 mins
    Basics Quiz
    11 questions
    Chaining
    13 mins
    Chaining Quiz
    6 questions
    Error Handling
    13 mins
  7. Buffers
    1 hr 3 mins 3 chapters
    Description:

    This whole unit is dedicated to teaching you fixed-type arrays in JavaScript known as typed arrays, and how they are stored internally in buffers.

    Basics
    12 mins
    DataView
    24 mins
    Typed Arrays
    27 mins
  8. Storage
    35 mins 3 chapters
    Description:

    In this unit we will cover an extremely useful concept of JavaScript i.e storage. We'll see the two mechanism of storing data locally on the client - localStorage and sessionStorage.

    Introduction
    7 mins
    LocalStorage
    19 mins
    SessionStorage
    9 mins
    Quiz
    8 questions

Frequently asked questions

  • What if I get stuck somewhere in the course?

    If you're having a hard time understanding a given concept in the course, feel free to reach out to us via our email mail@codeguage.com, describing the issue you're facing. We'll try our level best to help you out.

  • Some important topics are missing from the course. Why is that so?

    Our courses are released while they are still under construction so that our learners can get early previews. As we continuously work on adding more and more content to our courses, if a given topic isn't covered today, there's a high chance that it's already under way and will show up very soon. You can follow us on Twitter to be updated with our latest content releases.

  • How can I ask any general questions related to the course's content?

    Write to us at mail@codeguage.com.

Share your experience

Empower others and help shape new learning journeys!

We are really glad to know that our immense effort on creating this and other suchlike courses got you here. We believe that your insights regarding this course can inspire and guide others on their learning path. We'd really love to hear about your viewpoint on the course and how it helped you improve your skills.

The best part is that you get to post the review from your own Instagram or Twitter account, while mentioning CodeGuage in your post. The process to follow is really simple:

  1. Write about your experience of a given course and how it helped you in levelling up your skills.
  2. Include the @codeguage handle in your post. (That's important!)
  3. Include the #SkilledUpWithCodeGuage hashtag in your post.

And that's it! It's that simple.

We sincerely thank you for being an integral part of our community and helping us shape a brighter future for aspiring programmers and mathematicians.

Together, let's build a community of learners. Happy learning! 🙂

Why this course?

  • Free of cost

    No need to buy any subscriptions, make any payments, or create any accounts. All the content is available for free.

  • Well-structured

    Content throughout the course is organized in a chronological fashion, ensuring a clear and intuitive learning experience.

  • Simple to understand

    Everything is explained in plain and concise words, right from the perspective of an absolute beginner.

  • Detailed explanations

    Certain concepts require a pretty deep insight. Fortunately, we provide all that insight in easy words.

*The durations mentioned on this page are merely an estimate; the actual time completing the underlying topic/course would obviously be much greater.

More to explore

Learning shouldn't stop at just one course!

AJAX

Reload content without reloading the whole page

  Beginner
10 Chapters

Python

A simple and powerful programming language

  Beginner
34 Chapters
Explore Courses  
Explore Tutorials