Since hashing is so computationally expensive, we should use async methods with callback functions to not block connections while they are taking place. bcrypt methods are async by default, and we can provide a callback function to continue after completion. Link to Challenge : https://www.freecodecamp.org/learn/information-security/information-security-with-helmetjs/hash-and-compare-passwords-asynchronously Written Guide: https://www.notion.so/ganeshh123/Hash-and-Compare-Passwords-Asynchronously-2389ec5d63bb47a5af1f277232ffd4fc Full Playlist for this course : https://www.youtube.com/playlist?list=PLhGp6N0DI_1TeEsQOdf1JmV8PnkQfEpQ4 All Writen Guides for this course : https://www.notion.so/ganeshh123/8ba82d9d1ff84c4583d6e9418ebe426b All My Tutorials can be found at : https://www.notion.so/Tutorials-Ganesh-H-293ea420d34a464f9a1907e0405b5f26 00:00 - Introduction 00:16 - Why we should hash asynchronously 00:37 - Hashing Asynchronously - bcrypt.hash() Generates a hash for the given input with the number of rounds, or salt specified. Runs asynchronously, and the callback function provided is executed after with the result. https://www.npmjs.com/package/bcrypt#to-hash-a-password 03:10 - Check a password Asynchronously - bcrypt.compare() Checks that the given hash (second argument) is valid for the given input (first argument). The number of salt rounds can be obtained from the hash. Runs asynchronously, and the callback function provided is executed after with the result. https://www.npmjs.com/package/bcrypt#to-check-a-password 05:35 - Challenge Solution -————————————————————————————————————- HelmetJS is a type of middleware for Express-based applications that automatically sets HTTP headers to prevent sensitive information from unintentionally being passed between the server and client. While HelmetJS does not account for all situations, it does include support for common ones like Content Security Policy, XSS Filtering, and HTTP Strict Transport Security, among others. HelmetJS can be installed on an Express project from npm, after which each layer of protection can be configured to best fit the project. freeCodeCamp (also referred to as “Free Code Camp”) is a non-profit organization that consists of an interactive learning web platform, an online community forum, chat rooms, online publications and local organizations that intend to make learning web development accessible to anyone. Beginning with tutorials that introduce students to HTML, CSS and JavaScript, students progress to project assignments that they complete either alone or in pairs. Upon completion of all project tasks, students are partnered with other nonprofits to build web applications, giving the students pr ... https://www.youtube.com/watch?v=vNfXPf-Ey8U

We can use some D3 methods to create axes from a set of data and a scale. This returns a set of SVG shapes, on which we can apply a transform attribute, to translate it to the correct position. Link to challenge : https://www.freecodecamp.org/learn/data-visualization/data-visualization-with-d3/add-axes-to-a-visualization Concepts: d3.axisBottom(scale) Constructs a new bottom-oriented axis generator for the given scale, with empty tick arguments, a tick size of 6 and padding of 3. In this orientation, ticks are drawn below the horizontal domain path. https://github.com/d3/d3-axis/blob/v1.0.12/README.md#axisBottom d3.axisLeft(scale) Constructs a new left-oriented axis generator for the given scale, with empty tick arguments, a tick size of 6 and padding of 3. In this orientation, ticks are drawn to the left of the vertical domain path. https://github.com/d3/d3-axis/blob/v1.0.12/README.md#axisLeft selection.call(function[, arguments…]) Invokes the specified function exactly once, passing in this selection along with any optional arguments. Returns this selection. This is equivalent to invoking the function by hand but facilitates method chaining. https://github.com/d3/d3-selection/blob/v1.4.1/README.md#selection_call transform The transform attribute defines a list of transform definitions that are applied to an element and the element's children. https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/transform -————————————————————————————————————- D3.js (also known as D3, short for Data-Driven Documents) is a JavaScript library for producing dynamic, interactive data visualizations in web browsers. It makes use of Scalable Vector Graphics (SVG), HTML5, and Cascading Style Sheets (CSS) standards. freeCodeCamp (also referred to as “Free Code Camp”) is a non-profit organization that consists of an interactive learning web platform, an online community forum, chat rooms, online publications and local organizations that intend to make learning web development accessible to anyone. Beginning with tutorials that introduce students to HTML, CSS and JavaScript, students progress to project assignments that they complete either alone or in pairs. Upon completion of all project tasks, students are partnered with other nonprofits to build web applications, giving the students practical development experience. Thanks for Watching ... https://www.youtube.com/watch?v=ol56gm7mBSE