4 out of 5
4
13 reviews on Udemy

Javascript: Build a localStorage Collections library

Javascript: Build a third party Collections library that enhances the browser's localStorage
Instructor:
Mike M
1,120 students enrolled
English [Auto-generated]
understand what the localStorage is, how it works and the limitations it has in saving complex data structures.
create helper functions that check data types and generate unique ids.
create a class, constructor and methods and instances from the class to enhance the capabilities of the localStorage data store.
turn the browser's localStorage that only saves key-value pairs to a database that is capable of saving collections.
create methods that will create collections and save items in the collections, find all collection items, get a single collection item by its id, update a collection item, and remove a collection item by its id.
create and use callback functions that provide errors and responses based on the status of an operation.
create a logical flow of conditions that check the validity of supplied parameters to the methods you create.
use Javascript's built in methods such as filter, forEach, splice and etc.
use JSON methods such as 'stringify' and parse to work with data in different formats.
learn debugging techniques using the chrome's debugger (set debugger points and step through your code line by line and examine values and status' of different parameters and variables).
use the Error constructor to throw custom errors.
take your understanding of plain Javascript to the next level.

Build a custom third party library with Javascript is a course for Javascript developers who want take their Javascript skills to the next level.

Too many times, people state you should use third party Javascript frameworks and libraries when building your apps. It is true, reinventing the wheel is not a recommended strategy when building Javascript (or any other language) related applications. So, you might have thought it is important to just learn frameworks and may have neglected the core (Javascript) which is the underlying language in which all those javascript frameworks and libraries are written in. If you don’t spend time learning vanilla Javascript very well, you won’t be able to improve the skills needed to become a better Javascript developer.  You will most likely get stuck when the time comes to resolving issues that require you to dive deep into the sources of those frameworks such as Angular, React, Vue.js, Ember.js etc.

Therefore, I thought, creating this course, which walks you through building a library using just vanilla Javascript without any third party dependency would be a great way for you to take your understanding of Javascript to the next level.

In this course you will build a library that will enhance the browser’s localStorage into a collections based database that will be capable of storing collections of multiple items

The library you will build will also allow you to find collection items by their ids, update individual collections items, and remove items by ids.  You will also learn about different Javascript data types and be able to do type checking throughout your application using helper function you will create. 

You will build a class and its methods and create an instance from the class and apply the methods that your just created.

You will see debugging techniques as we will make an extensive use of the Chrome browser’s inspector to walk through our code line by line and examine values and states of different variables.

Finally, you will be able to publish the library on NPM and make it available for use by other developers with the simple `npm install package-name` command.

Introduction

1
Introduction

Basic setup

1
Basic setup

The basic setup you need for this project.

A basic description of the localStorage and sessionStorage

1
A basic description of the localStorage and sessionStorage

Demonstration of the localStorage methods

1
Demonstration of the localStorage methods

An overview of the Collection class and methods we are going to implement

1
An overview of the Collection class and methods we are going to implement

Check if the localStorage exists and implement createUID

1
Check if the localStorage exists and implement createUID

Implement the helper functions

1
Implement helper functions that will help us do type checking in the library

Create the Collection class

1
Create the Collection class

Implement the save method

1
Implement the save method.

Implement the findAll method

1
Implement the findAll method

Implement the findById method.

1
Implement the findById method.

Implement the update method

1
Implement the update method

Implement the remove method

1
Implement the remove method

Source code

1
Source code
2
Question 1

What is the localStorage?

3
Question 2

The localStorage table is found under the following tab inside the chrome inspector.

4
Question 1

The data type of the 'key' that you pass into localStorage.setItem(key, value) should always be...

5
Quiz 4

You can create an instance of the Error constructor using the following code.

6
Quiz 5

What does it imply if the following expression gets evaluated to true?

Object.prototype.toString.call(data) === '[object Object]';


7
Section 14: Publish your library on NPM

This tutorial walks you through the process of publishing your library on NPM.

You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4
4 out of 5
13 Ratings

Detailed Rating

Stars 5
5
Stars 4
3
Stars 3
3
Stars 2
2
Stars 1
0
5ed9ab4f47566f3008877b1fff036db4
30-Day Money-Back Guarantee

Includes

1 hours on-demand video
Full lifetime access
Access on mobile and TV
Certificate of Completion