The best thing about npm is that we can import packages that others have written. Extrenal packages are added to your project in the 'dependencies' object. Create a key with the package name, giving the desired version as the value. Running 'npm install' will then download and install the packages to your project. Link to challenge : https://www.freecodecamp.org/learn/apis-and-microservices/managing-packages-with-npm/expand-your-project-with-external-packages-from-npm Written Guide : https://www.notion.so/ganeshh123/Expand-Your-Project-with-External-Packages-from-npm-382d3c76f12b4e54bcfa2b1e63154909 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 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: dependencies Dependencies are specified in a simple object that maps a package name to a version range. The version range is a string which has one or more space-separated descriptors. Dependencies can also be identified with a tarball or git URL. https://docs.npmjs.com/files/package.json#dependencies 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 ... https://www.youtube.com/watch?v=wTv1q01mjW4

This is a quick introduction to the Basic Node and Express course on freeCodeCamp. We look at what Node JS is, some of the modules that come with it, and what Express is. Link to challenge : https://www.freecodecamp.org/learn/apis-and-microservices/basic-node-and-express/ Written Guide : https://www.notion.so/ganeshh123/Introduction-to-the-Basic-Node-and-Express-Challenges-cd69efabe93342e08419c6839a79d5b7 Full Playlist for this course : https://www.youtube.com/playlist?list=PLhGp6N0DI_1SdIZ3uhbXnKAq2UcICSnWS All Writen Guides for this course : https://www.notion.so/ganeshh123/dab5e189407244c793c2f32d066eee9f All My Tutorials can be found at : https://www.notion.so/Tutorials-Ganesh-H-293ea420d34a464f9a1907e0405b5f26  -————————————————————————————————————- 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. Thanks for Watching! ... https://www.youtube.com/watch?v=59SkwYydTkk

To dynamically changed styles, we can use a function as the value argument in the style method, which can take in an item from the data set and return a value based on that. Link to challenge : https://www.freecodecamp.org/learn/data-visualization/data-visualization-with-d3/change-styles-based-on-data Concepts: selection.style(name[, value[, priority]]) If a value is specified, sets the style property with the specified name to the specified value on the selected elements and returns this selection. If the value is a constant, then all elements are given the same style property value; otherwise, if the value is a function, it is evaluated for each selected element, in order, being passed the current datum (d), the current index (i), and the current group (nodes), with this as the current DOM element (nodes[i]). The function’s return value is then used to set each element’s style property. A null value will remove the style property. An optional priority may also be specified, either as null or the string important (without the exclamation point). If a value is not specified, returns the current value of the specified style property for the first (non-null) element in the selection. The current value is defined as the element’s inline value, if present, and otherwise its computed value. Accessing the current style value is generally useful only if you know the selection contains exactly one element. https://github.com/d3/d3-selection/blob/v1.4.1/README.md#selection_style -————————————————————————————————————- 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=j1gm9-bXfbQ

The keywords field is where you can describe your project using related keywords. This will help your packages and projects get displayed to users when they search. You can add an array of related key word strings. Link to challenge : https://www.freecodecamp.org/learn/apis-and-microservices/managing-packages-with-npm/add-keywords-to-your-package.json Written Guide : https://www.notion.so/ganeshh123/Add-Keywords-to-Your-package-json-e1e26afdd27a4e0f926aa3b3c05bc0a0 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: keywords Put keywords in it. It’s an array of strings. This helps people discover your package as it’s listed in npm search. https://docs.npmjs.com/files/package.json#keywords 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=zSxFULMHw84