JS basic project | Login Module | Part 3

In this video you will learn about login module which includes following

1. Validations
2. Logging into the application if the user already exist in the local storage.
3. Showing the error message when the user does not registered
4. Showing the success message when the user enters correct username and password.
5. Navigating the user to register page clicking on the register link.
6. Navigating user to dashboard page once user is successfully logged in.

Github link

(JS basic project | Introduction and roadmap | Part 1)

(JS basic project | Registration module | Part 2)

Techzette (Backend)

Pre-requisites:

JS DOM series

(JS DOM Streak 32 | Replace, ReplaceChild, Remove and RemoveChild | Document API | Javascript)

(JS DOM Streak 31 | Accessing child, parent and sibling elements | Document API | Javascript)

(JS DOM Streak 30 | classList property and Utils | Document API | Javascript)

(JS DOM Streak 29 | className property | Document API | Javascript)

Deep clone and shallow clone

To know about about mouse events click below link

Web components series

Adding third party library into the web components.

To know about defer keyword on script tag checkout the link below

To know about attributes and properties check below link

To know about forms and its way of accessing check below

To know about (Attributes v/s Properties )

To know about (textContent v/s innerHTML v/s innerText)

To know more about textContent click below link

To know more about innerText click below link

To know more about innerHTML click below link

To know more about querySelectorAll click below link

To know more about getElementsByTagNameNS click below link

To know more about getElementsByClassName click below link

To know more about getElementsByName click below link

To know more about getElementByTagName click below link

To know more about getElementById click below link

To know about defer keyword click the below link
(Async vs Defer in Javascript | Javascript Script tag)

To know about DOM and Javascript DOM structure click the below link

To Know about Linking Javascript to HTML, click below link

To know whole road map of the series click on below link

For Unit testing Reactive Forms Series use

For Angular Unit Testing Series

For Angular Tutorials

For Angular Reactive forms

For Javascript Objects Series

For Concepts of JavaScript

For Projects and POC

#techshareskk #login #javascript #javascriptproject #javascriptprojects