You must add a 'version' key to every npm package, specifying the version number as a string. Link to challenge : https://www.freecodecamp.org/learn/apis-and-microservices/managing-packages-with-npm/add-a-version-to-your-package.json Written Guide : https://www.notion.so/ganeshh123/Add-a-Version-to-Your-package-json-780e62747d2b4d3da52c1e397471ec48 Full Playlist for this course : https://www.youtube.com/playlist?list=PLhGp6N0DI_1RO7qDtCW9Cn9FyRJ1Dk6xk All Writen Guides for this course : https://www.notion.so/ganeshh123/4d5e59dbe72940aeb68fe6f38ebf28e1 All My Tutorials can be found at : https://www.notion.so/Tutorials-Ganesh-H-293ea420d34a464f9a1907e0405b5f26 Concepts: version If you plan to publish your package, the most important things in your package.json are the name and version fields as they will be required. The name and version together form an identifier that is assumed to be completely unique. Changes to the package should come along with changes to the version. If you don’t plan to publish your package, the name and version fields are optional. https://docs.npmjs.com/files/package.json#version package.json All npm packages contain a file, usually in the project root, called package.json - this file holds various metadata relevant to the project. This file is used to give information to npm that allows it to identify the project as well as handle the project's dependencies. It can also contain other metadata such as a project description, the version of the project in a particular distribution, license information, even configuration data - all of which can be vital to both npm and to the end users of the package. The package.json file is normally located at the root directory of a Node.js project. https://nodejs.org/en/knowledge/getting-started/npm/what-is-the-file-package-json/ -————————————————————————————————————- The Node Package Manager (npm) is a command-line tool used by developers to share and control modules (or packages) of JavaScript code written for use with Node.js. 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=F576zJP_PB8

The main advantage of Template Engines is that we can provide them variables in the render() method to embed into the HTML document they return. We'll look at two ways to do this with Pug. Link to Challenge : https://www.freecodecamp.org/learn/quality-assurance/advanced-node-and-express/use-a-template-engines-powers Written Guide: https://www.notion.so/ganeshh123/Use-a-Template-Engine-s-Powers-1afe8b05ad504723ad9f0dc847604629 Full Playlist for this course : https://www.youtube.com/playlist?list=PLhGp6N0DI_1RL9djhgSH65pZhJ6xSyKX8 All Writen Guides for this course : https://www.notion.so/ganeshh123/ccf6039186334f83a54c1c9216f30e3c All My Tutorials can be found at : https://www.notion.so/Tutorials-Ganesh-H-293ea420d34a464f9a1907e0405b5f26 00:00 - Introduction 00:20 - Give Variables to Template Engine - response.render() Renders a view and sends the rendered HTML string to the client. https://expressjs.com/en/api.html#res.render 00:50 - 2 Ways to Display Variables in Pug 02:15 - Challenge Solution -————————————————————————————————————- Node.js is an open-source, cross-platform, JavaScript runtime environment that executes JavaScript code outside a web browser. Node.js lets developers use JavaScript to write command line tools and for server-side scripting—running scripts server-side to produce dynamic web page content before the page is sent to the user's web browser. Express.js, or simply Express, is a web application framework for Node.js. It is designed for building web applications and APIs. It has been called the de facto standard server framework for Node.js. Express runs between the server created by Node.js and the frontend pages of a web application. Express also handles an application's routing. 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. 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, s ... https://www.youtube.com/watch?v=zDYHo0ZnAbI

So far we have been storing our user's passwords as plain text, which is very dangerous! We need to 'hash' our passwords using a one-way function to store them securely. We can do this through an npm module called bcrypt. Link to Challenge : https://www.freecodecamp.org/learn/quality-assurance/advanced-node-and-express/hashing-your-passwords Written Guide: https://www.notion.so/ganeshh123/Hashing-Your-Passwords-8c6c1e0914e04ffcafabe0096db9fa84 Full Playlist for this course : https://www.youtube.com/playlist?list=PLhGp6N0DI_1RL9djhgSH65pZhJ6xSyKX8 All Writen Guides for this course : https://www.notion.so/ganeshh123/ccf6039186334f83a54c1c9216f30e3c All My Tutorials can be found at : https://www.notion.so/Tutorials-Ganesh-H-293ea420d34a464f9a1907e0405b5f26 00:00 - Introduction 00:10 - Why Plain Text passwords are unacceptable 00:35 - How Hashing Works 00:52 - Installing bcrypt 01:14 - Salt Rounds 01:32 - Hashing a Password - bcrypt.hashSync() Generates a hash for the given input with the number of rounds specified. https://www.npmjs.com/package/bcrypt#to-hash-a-password-1 02:48 - Checking Passwords - bcrypt.compareSync() 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. https://www.npmjs.com/package/bcrypt#to-check-a-password-1 04:12 - Why it's safe to store the Hash 04:34 - Testing bcrypt Hashing Online 05:00 - How Secure is bcrypt? 05:22 - Implementing Password Hashing in our App 07:52 - Challenge Solution -————————————————————————————————————- Node.js is an open-source, cross-platform, JavaScript runtime environment that executes JavaScript code outside a web browser. Node.js lets developers use JavaScript to write command line tools and for server-side scripting—running scripts server-side to produce dynamic web page content before the page is sent to the user's web browser. Express.js, or simply Express, is a web application framework for Node.js. It is designed for building web applications and APIs. It has been called the de facto standard server framework for Node.js. Express runs between the server created by Node.js and the frontend pages of a web application. Express also handles an application's routing. 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 ... https://www.youtube.com/watch?v=N4rU2efvpuI

This is a full walkthrough for the Treemap Diagram Data Visualization project.We import some data on the movies, create a hierarchy and visualize them with a treemap diagram where the area of the tile is proportional to the revenue. Written Guide and Source Code : https://www.notion.so/ganeshh123/WIP-Visualize-Data-with-a-Treemap-Diagram-1192d4ebd1164277b769f74eaf7a5d26 Timestamps: 0:00 - Project Setup 01:28 - Creating Variables and Functions 02:20 - Fetching the Data 04:43 - User Story #1: My tree map should have a title with a corresponding id="title" 05:24 - User Story #2: My tree map should have a description with a corresponding id="description" 06:14 - User Story #3: My tree map should have rect elements with a corresponding class="tile" that represent the data 18:14 - User Story #4: There should be at least 2 different fill colors used for the tiles 20:48 - User Story #5: Each tile should have the properties data-name, data-category, and data-value containing their corresponding name, category, and value 23:16 - User Story #6: The area of each tile should correspond to the data-value amount: tiles with a larger data-value should have a bigger area 29:52 - User Story #7: My tree map should have a legend with corresponding id="legend" 30:42 - User Story #8: My legend should have rect elements with a corresponding class="legend-item" 31:16 - User Story #9: The rect elements in the legend should use at least 2 different fill colors 32:55 - User Story #10: I can mouse over an area and see a tooltip with a corresponding id="tooltip" which displays more information about the area 37:38 - User Story #11: My tooltip should have a data-value property that corresponds to the data-value of the active area 38:47 - Styling and Final Touches -————————————————————————————————————- 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. JSON (JavaScript Object Notation) is an open standard file format, and data interchange format, that uses human-readable text to store and transmit data objects consisting of attribute–value pairs and array data types. Ajax is a set of web development techniques using many web technologies on the client side to create asynchronous web applications. With Ajax, web applications can send and retrieve data from a server asynchronously without interfering with the display and behavior of the existing page. freeCodeCamp (also referred to as “Free Code Camp”) is a non-profit organization that consists of an interactive learning web platform, an online community ... https://www.youtube.com/watch?v=wvfBn7GCCHk