Published By
Created On
25 Jun 2021 17:21:27 UTC
Transaction ID
Cost
Safe for Work
Free
Yes
07 - Ask Browsers to Access Your Site via HTTPS Only with helmet.hsts() - freeCodeCamp
IMPORTANT: You must use Helmet version 3.2.0 to pass this test!
We can protect our sites against protocol downgrate attacks by setting a header, which outright denies connections not seccured through HTTPS.
Link to Challenge : https://www.freecodecamp.org/learn/information-security/information-security-with-helmetjs/ask-browsers-to-access-your-site-via-https-only-with-helmet-hsts
Written Guide: https://www.notion.so/ganeshh123/Ask-Browsers-to-Access-Your-Site-via-HTTPS-Only-with-helmet-hsts-ebdf3136256344bcb037ff021384dcea
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:03 - Protocol Downgrade Attack
A downgrade attack or version rollback attack is a form of cryptographic attack on a computer system or communications protocol that makes it abandon a high-quality mode of operation (e.g. an encrypted connection) in favor of an older, lower-quality mode of operation (e.g. cleartext) that is typically provided for backward compatibility with older systems.
https://en.wikipedia.org/wiki/Downgrade_attack
00:16 - Example
02:07 - Strict-Transport-Security Header
The HTTP Strict-Transport-Security response header (often abbreviated as HSTS) lets a web site tell browsers that it should only be accessed using HTTPS, instead of using HTTP.
https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Strict-Transport-Security
02:35 - Use Helmet version 3.2.0
03:50 - Setting the Header - helmet.hsts()
helmet.hsts sets the Strict-Transport-Security header which tells browsers to prefer HTTPS over insecure HTTP.
https://github.com/helmetjs/helmet/tree/master/middlewares/strict-transport-security
05:23 - Testing
-————————————————————————————————————-
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 learn
...
https://www.youtube.com/watch?v=rVtbNBte35s
We can protect our sites against protocol downgrate attacks by setting a header, which outright denies connections not seccured through HTTPS.
Link to Challenge : https://www.freecodecamp.org/learn/information-security/information-security-with-helmetjs/ask-browsers-to-access-your-site-via-https-only-with-helmet-hsts
Written Guide: https://www.notion.so/ganeshh123/Ask-Browsers-to-Access-Your-Site-via-HTTPS-Only-with-helmet-hsts-ebdf3136256344bcb037ff021384dcea
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:03 - Protocol Downgrade Attack
A downgrade attack or version rollback attack is a form of cryptographic attack on a computer system or communications protocol that makes it abandon a high-quality mode of operation (e.g. an encrypted connection) in favor of an older, lower-quality mode of operation (e.g. cleartext) that is typically provided for backward compatibility with older systems.
https://en.wikipedia.org/wiki/Downgrade_attack
00:16 - Example
02:07 - Strict-Transport-Security Header
The HTTP Strict-Transport-Security response header (often abbreviated as HSTS) lets a web site tell browsers that it should only be accessed using HTTPS, instead of using HTTP.
https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Strict-Transport-Security
02:35 - Use Helmet version 3.2.0
03:50 - Setting the Header - helmet.hsts()
helmet.hsts sets the Strict-Transport-Security header which tells browsers to prefer HTTPS over insecure HTTP.
https://github.com/helmetjs/helmet/tree/master/middlewares/strict-transport-security
05:23 - Testing
-————————————————————————————————————-
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 learn
...
https://www.youtube.com/watch?v=rVtbNBte35s
Author
Content Type
Unspecified
video/mp4
Language
English
More from the publisher
Controlling
VIDEO
23 -
23-add-labels-to-scatter-plot-circles
Labels can be added to the SVG circles, with text elements. We can set the x and y coordinates as well as the inner text using callback functions and the attribute method.
Link to challenge : https://www.freecodecamp.org/learn/data-visualization/data-visualization-with-d3/add-labels-to-scatter-plot-circles
Concepts:
selection.text([value])
If a value is specified, sets the text content to the specified value on all selected elements, replacing any existing child elements. If the value is a constant, then all elements are given the same text content; 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 text content. A null value will clear the content.
If a value is not specified, returns the text content for the first (non-null) element in the selection. This 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_text
selection.attr(name[, value])
If a value is specified, sets the attribute with the specified name to the specified value on the selected elements and returns this selection. If the value is a constant, all elements are given the same attribute 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 attribute. A null value will remove the specified attribute.
If a value is not specified, returns the current value of the specified attribute for the first (non-null) element in the selection. This is generally useful only if you know that the selection contains exactly one element.
https://github.com/d3/d3-selection/blob/v1.4.1/README.md#selection_attr
-————————————————————————————————————-
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 J
...
https://www.youtube.com/watch?v=dR_nk1rPv7Q
Transaction
Created
1 year ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
15 -
15-invert-svg-elements-data
We're gonna invert the bar chart so that the bars grow upwards. We need to change the way that the y coordinate is calculated to do this.
Link to challenge : https://www.freecodecamp.org/learn/data-visualization/data-visualization-with-d3/invert-svg-elements
Concepts:
selection.attr(name[, value])
If a value is specified, sets the attribute with the specified name to the specified value on the selected elements and returns this selection. If the value is a constant, all elements are given the same attribute 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 attribute. A null value will remove the specified attribute.
If a value is not specified, returns the current value of the specified attribute for the first (non-null) element in the selection. This is generally useful only if you know that the selection contains exactly one element.
https://github.com/d3/d3-selection/blob/v1.4.1/README.md#selection_attr
-————————————————————————————————————-
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=UUuIfjA_46U
Transaction
Created
1 year ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
02 -
02-use-a-template-engine's-powers
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
Transaction
Created
1 year ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
17 -
17-set-up-the-environment-advanced-node
If you're failing this challenge, go to 16mins 2s
To get started with our chat app, we need to set up socket, our database connection, and GitHub Authentication. After this, we can start creating a websocket between the client and server script for realtime communication.
Link to Challenge : https://www.freecodecamp.org/learn/quality-assurance/advanced-node-and-express/set-up-the-environment
Written Guide: https://www.notion.so/ganeshh123/Set-up-the-Environment-acf010081f6649ebb8eccfad69669058
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 - Example App
00:51 - Setting up Socket Server
http.createServer()
Returns a new instance of http.Server.
https://nodejs.org/api/http.html#http_http_createserver_options_requestlistener
Server() - exposed by require('socket.io')
Creates an Instance of a Socket Server.
https://socket.io/docs/server-api/#new-Server-httpServer-options
server.listen()
Starts the HTTP server listening for connections.
https://nodejs.org/api/http.html#http_server_listen
03:05 - Setting up Socket Client
04:48 - Listening for a 'connection' event
06:10 - Project Setup
06:32 - Database Connection
09:13 - GitHub Login Setup
12:04 - What's in this project?
13:40 - Challenge Solution
16:02 - IMPORTANT - How to allow testing
-————————————————————————————————————-
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 p
...
https://www.youtube.com/watch?v=XBiuB8ekvdE
Transaction
Created
1 year ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
09 -
09-how-to-put-a-profile-together
All data from our database user document will be deserialized into request.user, which we can provide when rendering the profile page.
Link to Challenge : https://www.freecodecamp.org/learn/quality-assurance/advanced-node-and-express/how-to-put-a-profile-together
Written Guide: https://www.notion.so/ganeshh123/How-to-Put-a-Profile-Together-69ff14673dd14c0ca1a4ddf9bc655e7c
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:12 - Database User Documents
00:28 - Profile Page Template
01:00 - Giving User Details to the Template - response.render()
Renders a view and sends the rendered HTML string to the client.
https://expressjs.com/en/api.html#res.render
01:54 - Signing In to See Profiles
03:04 - 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,
...
https://www.youtube.com/watch?v=DbrfSQwnekI
Transaction
Created
1 year ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
OPEN
open-command-prompt-in-folder-quickly
This trick opens Command Prompt inside any folder or directory from Windows Explorer, without having to "cd" to it. This is especially useful for running scripts during Software Development.
-----------------------------------------------------------------------------------------------
Links :
Written Guide : https://www.notion.so/Quickly-Open-Command-Prompt-in-any-Folder-Windows-10-eea3c84cb86349ca973fb6510df31784
-----------------------------------------------------------------------------------------------
Commands:
cmd
-----------------------------------------------------------------------------------------------
Music:
'Coffee Shop' by PYC [https://www.patreon.com/PYCMusic]
Link: https://soundcloud.com/pycmusic/coffee-shop
-----------------------------------------------------------------------------------------------
cmd.exe is the default command-line interpreter for the OS/2, eComStation, ArcaOS, Microsoft Windows (Windows NT family and Windows CE family), and ReactOS operating systems. The name refers to its executable filename. It is also commonly referred to as cmd or the Command Prompt, referring to the default window title on Windows. The implementations differ on the various systems but the behavior and basic set of commands is generally consistent.
-----------------------------------------------------------------------------------------------
Thanks for Watching!
...
https://www.youtube.com/watch?v=IeFXb79nepc
Transaction
Created
1 year ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
02 -
02-create-a-model-mongodb-and-mongoose
We have to create a Schema and a Model before we can write to the database. A Scheme defines a set of properties and types that our records will have. We can then use the Schema to create a 'Model' which can represent a real life entity like a Person.
Link to challenge : https://www.freecodecamp.org/learn/apis-and-microservices/mongodb-and-mongoose/create-a-model
Written Guide : https://www.notion.so/ganeshh123/Create-a-Model-b105d83e622c4377ae234d1be1e1d3f7
Full Playlist for this course : https://www.youtube.com/playlist?list=PLhGp6N0DI_1QJMb63oecYZ3lLjrF4PnIs
All Writen Guides for this course : https://www.notion.so/ganeshh123/6f987e7260914612b06adf840dbb00c3
All My Tutorials can be found at : https://www.notion.so/Tutorials-Ganesh-H-293ea420d34a464f9a1907e0405b5f26
Concepts:
Schema
You can think of a Mongoose schema as the configuration object for a Mongoose model. Each schema maps to a MongoDB collection and defines the shape of the documents within that collection. You construct one, giving an object with key value pairs with properties and types the collection should have.
https://mongoosejs.com/docs/guide.html
Model
Models are fancy constructors compiled from Schema definitions. An instance of a model is called a document. Models are responsible for creating and reading documents from the underlying MongoDB database.
https://mongoosejs.com/docs/models.html
mongoose.model()
When you call mongoose.model() on a schema, Mongoose compiles a model for you. The first argument is the singular name of the collection your model is for. Mongoose automatically looks for the plural, lowercased version of your model name.
https://mongoosejs.com/docs/models.html#compiling
-————————————————————————————————————-
MongoDB is a cross-platform document-oriented database program. Classified as a NoSQL database program, MongoDB uses JSON-like documents with optional schemas. MongoDB is developed by MongoDB Inc. and licensed under the Server Side Public License (SSPL).
Mongoose is an Object Data Modeling (ODM) library for MongoDB and Node.js. It manages relationships between data, provides schema validation, and is used to translate between objects in code and the representation of those objects in MongoDB.
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 t
...
https://www.youtube.com/watch?v=MYdGwi1glko
Transaction
Created
1 year ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
22 -
22-run-functional-tests-on-api-response
We can combine all our previous knowledge now to setup a Chai test for a POST request from scratch.
Link to Challenge : https://www.freecodecamp.org/learn/quality-assurance/quality-assurance-and-testing-with-chai/run-functional-tests-on-an-api-response-using-chai-http-iv---put-method
Written Guide: https://www.notion.so/ganeshh123/Run-Functional-Tests-on-an-API-Response-using-Chai-HTTP-IV-PUT-method-93d14401cd9a4afa922478ebf1c3ce36
Full Playlist for this course : https://www.youtube.com/playlist?list=PLhGp6N0DI_1SVteCORbgwlxJkAbcTiZyj
All Writen Guides for this course : https://www.notion.so/ganeshh123/54ecbf7833414db885eec37f580599b4
All My Tutorials can be found at : https://www.notion.so/Tutorials-Ganesh-H-293ea420d34a464f9a1907e0405b5f26
Concepts:
chai.send()
Can give an object here to add fields into the request body.
https://www.npmjs.com/package/chai-http#setting-up-requests
chai.request()
When passing an app to request; it will automatically open the server for incoming requests (by calling listen()) and, once a request has been made the server will automatically shut down (by calling .close()).
https://www.npmjs.com/package/chai-http#application--server
chai.end()
To make the request and assert on its response, the end method can be used.
https://www.chaijs.com/plugins/chai-http/
assert.equal()
Asserts non-strict equality (==) of actual and expected.
https://www.chaijs.com/api/assert/#method_equal
-————————————————————————————————————-
Chai is an assertion library, similar to Node's built-in assert. It makes testing much easier by giving you lots of assertions you can run against your code.
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=TplbvatKRDw
Transaction
Created
1 year ago
Content Type
Language
video/mp4
English
Controlling
VIDEO
12 -
12-create-a-bar-for-each-data-point-in
We're gonna create some SVG rectangles to create bars for each data item in an array, to form the foundations of a basic bar chart.
Link to challenge : https://www.freecodecamp.org/learn/data-visualization/data-visualization-with-d3/create-a-bar-for-each-data-point-in-the-set
Similar Challenge : https://youtu.be/D0zzAn8T_g0
Concepts:
Rect
The rect element is used to create a rectangle and variations of a rectangle shape. The width and height attributes define the height and the width of the rectangle.
https://www.w3schools.com/graphics/svg_rect.asp
SVG Shapes: https://www.w3.org/TR/SVG2/shapes.html
SVG
Scalable Vector Graphics is an Extensible Markup Language-based vector image format for two-dimensional graphics with support for interactivity and animation. The SVG specification is an open standard developed by the World Wide Web Consortium since 1999. SVG images and their behaviors are defined in XML text files.
https://www.w3schools.com/graphics/svg_intro.asp
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
selection.attr(name[, value])
If a value is specified, sets the attribute with the specified name to the specified value on the selected elements and returns this selection. If the value is a constant, all elements are given the same attribute 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 attribute. A null value will remove the specified attribute.
If a value is not
...
https://www.youtube.com/watch?v=YEi2k7m1p-c
Transaction
Created
1 year ago
Content Type
Language
video/mp4
English