teleren/devto huggingface dataset:
Safely Experiment with Angular 18: A Guide for Developers with Existing 16 & 17 Projects
Tags: angular, typescript, javascript, angularcli
Published: 2024-07-16 09:37:34

## Exploring Angular 18 Without Disrupting Existing Projects

I was recently working on an Angular 17 project and felt the itch to explore the exciting new features of Angular 18. However, I wanted to do this in a way that wouldn't affect my existing projects that were already in production or QA phases. This presented a bit of a challenge:

* **Global Angular 17:** I had Angular CLI version 17 installed globally.
* **Angular 18 Requirement:** Node.js version 18.19 or above was a prerequisite for Angular 18.
* **Preserving Existing Projects:** I needed to keep my existing Angular 17 projects untouched.

**Leveraging Node Version Manager (NVM):**

To tackle this, I decided to leverage a Node Version Manager (NVM). NVM allows you to manage multiple Node.js versions on your system, making it easy to switch between them for different projects. Here's how I set it up:

1. **Install NVM:** You can follow the instructions on the official NVM website to download and install it [here](https://github.com/nvm-sh/nvm/blob/master/README.md).

2. **Install Node.js 18+:** Once NVM is installed, I used the command 

```
nvm install latest 

```
This installed the most recent Node.js version (which at the time was 22.4.1).

**Creating a Separate Development Environment:**

Next, I created a separate directory for my Angular 18 practice projects. This helps in isolating the environment from my existing projects.

**Installing Angular 18 Locally:**

To install Angular 18 for this specific project, I used the following command:

```bash
npm install @angular/cli@latest 
```

Notice the absence of -g. This installs the latest Angular CLI version (which was 18.1.0 at the time) locally within the project directory, without affecting the global installation.

**Surprise! Not Quite There Yet:**

![Angular 17 (Global installation)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cwtiydm4qu2js68bqwk8.PNG)

When I attempted to create a new project using `ng new practice-project`, it defaulted to using the globally installed Angular CLI version (17). This is where the magic of `npx` comes in.

**Introducing Node Package Executor (npx):**

`npx` allows you to execute packages from npm without installing them globally. This proved to be the key to using the specific Angular CLI version (18) for my new project. Here's the winning command:

```bash
npx @angular/cli@18 new my-angular-18-project
```

I verify the project by executing `ng version`


![Angular 18 (Local configured)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fthxrbcvh1ivxhecdnli.PNG)

**Success! Exploring Angular 18:**

After waiting for the necessary dependencies to install, I had a brand new Angular 18 project (`my-angular-18-project`) ready to go! This allowed me to explore all the new features of Angular 18, including the exciting `@let` syntax, without interfering with my existing Angular 17 projects.
10 Pro Fraud Detection Strategies for Business in 2024 | Insider Market Research
Published: 2024-07-16 09:38:05

Top 10 Fraud Detection Strategies: 1. Data Analytics & Machine Learning 2. Real-Time Monitoring 3. Multi-Factor Authentication (MFA) 4. Behavioral Biometrics 5. Anomaly Detection and Read more.

Read More: https://insidermarketresearch.com/top-fraud-detection-strategies-2024/
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n8cgifysw5xkh2caorvy.jpg)
全球免税烟，国外代加工香烟，信誉老店
Tags: 国外越代加工香烟
Published: 2024-07-16 09:41:38

[https://twitter.com/EJesus26684](https://twitter.com/EJesus26684)
环球精品香烟，七星精品免税烟，外贸免税烟，国外越代加工香烟，信誉老店。欢迎各路豪杰前来咨询。客户体验福利。一盒可以邮寄。 https://cutt.ly/9ewIqtA2  
[**中国烟草**](https://twitter.com/EJesus26684/), [**烟**](https://twitter.com/EJesus26684/), [**香烟**](https://twitter.com/EJesus26684/), [**抽烟**](https://twitter.com/EJesus26684/), [**国烟**](https://twitter.com/EJesus26684/), [**免税烟**](https://twitter.com/EJesus26684/), [**中国烟草一手货源**](https://twitter.com/EJesus26684/), [**中国烟草招代理**](https://twitter.com/EJesus26684/), [**中国免税烟一手货源**](https://twitter.com/EJesus26684/), [**中国免税烟招代理**](https://twitter.com/EJesus26684/), [**越代**](https://twitter.com/EJesus26684/), [**香烟**](https://twitter.com/EJesus26684/), [**一手货源**](https://twitter.com/EJesus26684/), [**国外烟**](https://twitter.com/EJesus26684/), [**云霄烟**](https://twitter.com/EJesus26684/), [**越代一手货源**](https://twitter.com/EJesus26684/), [**外烟一手货源**](https://twitter.com/EJesus26684/), [**外贸免税烟**](https://twitter.com/EJesus26684/), [**国外越代加工香烟**](https://twitter.com/EJesus26684/), [**国外爆珠**](https://twitter.com/EJesus26684/), [**百乐门香烟**](https://twitter.com/EJesus26684/), [**七星香烟**](https://twitter.com/EJesus26684/), [**中华香烟**](https://twitter.com/EJesus26684/), [**国烤**](https://twitter.com/EJesus26684/), [**国外烟一手货源**](https://twitter.com/EJesus26684/), [**云霄一手货源**](https://twitter.com/EJesus26684/), [**免税烟一手货源**](https://twitter.com/EJesus26684/), [**越代招代理**](https://twitter.com/EJesus26684/)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wktfi8v9ccwfn1bzooio.jpg)
中国烟草七星精品，一手货源越代
Tags: 免税烟
Published: 2024-07-16 09:42:59

中国烟草七星精品，一手货源越代
https://twitter.com/EJesus26684/status/1787358451884331111
中国烟草七星精品，国烟，免税烟，一手货源越代，信誉老店。欢迎各路豪杰前来咨询。客户体验福利。一盒可以邮寄。 https://cutt.ly/VewIqgSS
[**中国烟草**](https://twitter.com/EJesus26684/), [**烟**](https://twitter.com/EJesus26684/), [**香烟**](https://twitter.com/EJesus26684/), [**抽烟**](https://twitter.com/EJesus26684/), [**国烟**](https://twitter.com/EJesus26684/), [**免税烟**](https://twitter.com/EJesus26684/), [**中国烟草一手货源**](https://twitter.com/EJesus26684/), [**中国烟草招代理**](https://twitter.com/EJesus26684/), [**中国免税烟一手货源**](https://twitter.com/EJesus26684/), [**中国免税烟招代理**](https://twitter.com/EJesus26684/), [**越代**](https://twitter.com/EJesus26684/), [**香烟**](https://twitter.com/EJesus26684/), [**一手货源**](https://twitter.com/EJesus26684/), [**国外烟**](https://twitter.com/EJesus26684/), [**云霄烟**](https://twitter.com/EJesus26684/), [**越代一手货源**](https://twitter.com/EJesus26684/), [**外烟一手货源**](https://twitter.com/EJesus26684/), [**外贸免税烟**](https://twitter.com/EJesus26684/), [**国外越代加工香烟**](https://twitter.com/EJesus26684/), [**国外爆珠**](https://twitter.com/EJesus26684/), [**百乐门香烟**](https://twitter.com/EJesus26684/), [**七星香烟**](https://twitter.com/EJesus26684/), [**中华香烟**](https://twitter.com/EJesus26684/), [**国烤**](https://twitter.com/EJesus26684/), [**国外烟一手货源**](https://twitter.com/EJesus26684/), [**云霄一手货源**](https://twitter.com/EJesus26684/), [**免税烟一手货源**](https://twitter.com/EJesus26684/), [**越代招代理**](https://twitter.com/EJesus26684/)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dimg0etdz4m7iygcafc6.jpg)
Discover NBA YoungBoy Merch on VK!
Tags: nbayoungboymerch, vk
Published: 2024-07-16 09:53:37

Follow NBA YoungBoy Merch on VK for exclusive content and updates. Our VK page is your source for the latest news, releases, and fan interactions. Connect with other fans and be the first to know about our newest drops.

https://vk.com/id869030320


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/20pz9dtw9x0lsb0vlb9b.jpg)
Connect with NBA YoungBoy Merch on LinkedIn!
Tags: nbayoungboymerch, linkedin, professionalnetwork
Published: 2024-07-16 09:55:14

Follow our LinkedIn page for professional insights and updates on NBA YoungBoy Merch. Discover the business side of the merch industry and stay informed about our latest releases and collaborations. LinkedIn is your go-to for all professional updates related to NBA YoungBoy's brand.
https://www.linkedin.com/company/nbayoungboymerchshop

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hsu7qrn3zjuawmtsitdn.jpg)
环球精品免税烟，中国免税烟招代理
Tags: 中国免税烟招代理
Published: 2024-07-16 09:57:38

环球精品免税烟，中国免税烟招代理
https://twitter.com/EJesus26684/status/1787006988188270854
环球精品免税烟，外贸免税烟，中国免税烟招代理，信誉老店。欢迎各路豪杰前来咨询。客户体验福利。一盒可以邮寄。 https://cutt.ly/zewIqzhc
[**中国烟草**](https://twitter.com/EJesus26684/), [**烟**](https://twitter.com/EJesus26684/), [**香烟**](https://twitter.com/EJesus26684/), [**抽烟**](https://twitter.com/EJesus26684/), [**国烟**](https://twitter.com/EJesus26684/), [**免税烟**](https://twitter.com/EJesus26684/), [**中国烟草一手货源**](https://twitter.com/EJesus26684/), [**中国烟草招代理**](https://twitter.com/EJesus26684/), [**中国免税烟一手货源**](https://twitter.com/EJesus26684/), [**中国免税烟招代理**](https://twitter.com/EJesus26684/), [**越代**](https://twitter.com/EJesus26684/), [**香烟**](https://twitter.com/EJesus26684/), [**一手货源**](https://twitter.com/EJesus26684/), [**国外烟**](https://twitter.com/EJesus26684/), [**云霄烟**](https://twitter.com/EJesus26684/), [**越代一手货源**](https://twitter.com/EJesus26684/), [**外烟一手货源**](https://twitter.com/EJesus26684/), [**外贸免税烟**](https://twitter.com/EJesus26684/), [**国外越代加工香烟**](https://twitter.com/EJesus26684/), [**国外爆珠**](https://twitter.com/EJesus26684/), [**百乐门香烟**](https://twitter.com/EJesus26684/), [**七星香烟**](https://twitter.com/EJesus26684/), [**中华香烟**](https://twitter.com/EJesus26684/), [**国烤**](https://twitter.com/EJesus26684/), [**国外烟一手货源**](https://twitter.com/EJesus26684/), [**云霄一手货源**](https://twitter.com/EJesus26684/), [**免税烟一手货源**](https://twitter.com/EJesus26684/), [**越代招代理**](https://twitter.com/EJesus26684/)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zrnn9of2l6fyv4iefq2u.jpg)
Unlocking the Power of CSS Grid for Modern Web Design
Tags: css, grid, responsive, layout
Published: 2024-07-16 09:59:45

CSS Grid is revolutionizing the way web developers create layouts, offering a flexible and efficient approach to designing responsive web pages. With its powerful features and intuitive syntax, CSS Grid is becoming an essential tool for building modern, dynamic websites.

### Understanding the Basics of CSS Grid

At its core, CSS Grid enables developers to create two-dimensional grid-based layouts with rows and columns, providing precise control over the placement and alignment of elements on a web page. By defining the grid container and its items, developers can easily achieve complex designs without relying on overly nested HTML structures or complicated positioning techniques.

Let's take a look at a simple example to understand the basic usage of CSS Grid. Consider the following code snippet:

```html
<div class="grid-container">
  <div class="grid-item">1</div>
  <div class="grid-item">2</div>
  <div class="grid-item">3</div>
  <div class="grid-item">4</div>
  <div class="grid-item">5</div>
  <div class="grid-item">6</div>
</div>
```

```css
.grid-container {
  display: grid;
  grid-template-columns: 100px 100px 100px;
  grid-gap: 10px;
}

.grid-item {
  background-color: #f2f2f2;
  padding: 20px;
  text-align: center;
}
```

In this example, we have defined a simple grid container with three columns, each 100 pixels wide, and a 10-pixel gap between the grid items. The grid items are automatically placed within the grid, creating a neatly organized layout.

### Creating Responsive Layouts with CSS Grid

One of the standout features of CSS Grid is its ability to handle responsive designs with ease. By using media queries and flexible units, developers can adjust the grid layout based on different screen sizes and devices, delivering a seamless user experience across various platforms.

For instance, we can modify the previous example to create a responsive grid layout that adapts to different screen widths. By using the `fr` unit, we can distribute the available space evenly among the columns, ensuring a fluid and adaptable layout.

```css
.grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px;
}
```

### Conclusion

CSS Grid represents a significant advancement in web layout design, offering a modern and efficient approach to building visually stunning and responsive websites. With its ability to create intricate two-dimensional layouts, handle responsive designs, and simplify the development process, CSS Grid has solidified its place as a fundamental technology for modern web design.

Incorporating CSS Grid into your web development toolkit can unlock a world of possibilities, allowing you to unleash your creativity and build captivating web experiences. As the web continues to evolve, CSS Grid remains a critical tool for crafting dynamic and engaging layouts that resonate with today's audiences.
中国烟草一手货源，国外越代加工香烟
Tags: 国外越代加工香烟
Published: 2024-07-16 10:01:02

中国烟草一手货源，国外越代加工香烟
https://twitter.com/EJesus26684/status/1785896104007209213
环球精品，中国烟草一手货源，国外越代加工香烟，信誉老店。欢迎各路豪杰前来咨询。客户体验福利。一盒可以邮寄。 https://cutt.ly/FewIqmZC 
[**中国烟草**](https://twitter.com/EJesus26684/), [**烟**](https://twitter.com/EJesus26684/), [**香烟**](https://twitter.com/EJesus26684/), [**抽烟**](https://twitter.com/EJesus26684/), [**国烟**](https://twitter.com/EJesus26684/), [**免税烟**](https://twitter.com/EJesus26684/), [**中国烟草一手货源**](https://twitter.com/EJesus26684/), [**中国烟草招代理**](https://twitter.com/EJesus26684/), [**中国免税烟一手货源**](https://twitter.com/EJesus26684/), [**中国免税烟招代理**](https://twitter.com/EJesus26684/), [**越代**](https://twitter.com/EJesus26684/), [**香烟**](https://twitter.com/EJesus26684/), [**一手货源**](https://twitter.com/EJesus26684/), [**国外烟**](https://twitter.com/EJesus26684/), [**云霄烟**](https://twitter.com/EJesus26684/), [**越代一手货源**](https://twitter.com/EJesus26684/), [**外烟一手货源**](https://twitter.com/EJesus26684/), [**外贸免税烟**](https://twitter.com/EJesus26684/), [**国外越代加工香烟**](https://twitter.com/EJesus26684/), [**国外爆珠**](https://twitter.com/EJesus26684/), [**百乐门香烟**](https://twitter.com/EJesus26684/), [**七星香烟**](https://twitter.com/EJesus26684/), [**中华香烟**](https://twitter.com/EJesus26684/), [**国烤**](https://twitter.com/EJesus26684/), [**国外烟一手货源**](https://twitter.com/EJesus26684/), [**云霄一手货源**](https://twitter.com/EJesus26684/), [**免税烟一手货源**](https://twitter.com/EJesus26684/), [**越代招代理**](https://twitter.com/EJesus26684/)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rowhe4tow1jkoh67dftr.jpg)
⚡ MySecondApp - React Native with Expo (P7) - Code Layout Register
Tags: react, webdev, reactnative, tutorial
Published: 2024-07-16 10:02:59

⚡ MySecondApp - React Native with Expo (P7) - Code Layout Register
#React #ReactNative #Expo #SVG
{% youtube wVtSHB3CXvw %}
Nagano tonic reviews
Tags: weightloss
Published: 2024-07-16 10:03:24


[Nagano Lean Body Tonic](urhttps://provenbyexpert.com/
l) is available exclusively through its official website, with various pricing options and a 180-day money-back guarantee. Bulk purchases come with additional bonuses like guides on anti-aging, sleep improvement, and energy-boosting smoothies.
push() Method in JavaScript
Tags: learning, javascript, programming, webdev
Published: 2024-07-16 10:19:26

The `push()` method in JavaScript adds one or more elements to the end of an array. This method modifies the original array and returns the new length of the array.

`Syntax : `

```
array.push(element1, element2, ..., elementN);

```

**Example 1.: **

```
const fruits = ["Apple", "Banana"];
fruits.push("Orange", "Mango");
console.log(fruits); // Output: ["Apple", "Banana", "Orange", "Mango"]

```
**Example 2.: **
How to Dynamically Add Elements Using the `push()` Method

`index.html `

```
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fruit List</title>
   <link rel="stylesheet" href="style.css">
</head>
<body>
    <div id="container">
        <h2>Fruit List</h2>
        <input type="text" id="addEle" placeholder="Enter fruit name..." />
        <button onclick="AddEle()">Add Element</button>
        <h4 id="ans"></h4>
    </div>
    <script>
        function AddEle() {
            const fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango", "Strawberry"];
            const NewVal = document.getElementById("addEle").value;

            if (NewVal === "") {
                alert("Please Enter Fruit Name..!");
            } else {
                fruits.push(NewVal); 
                document.getElementById("ans").innerHTML = fruits.join(", ");
                document.getElementById("addEle").value = ""; 
            }
        }
    </script>
</body>
</html>

```
`style.css `

```
 body {
            font-family: Arial, sans-serif;
            margin: 20px;
            padding: 0;
        }
        #container {
            max-width: 500px;
            margin: 0 auto;
            padding: 20px;
            border: 1px solid #ddd;
            border-radius: 5px;
        }
        h2 {
            text-align: center;
        }
        input[type="text"] {
            width: calc(100% - 24px);
            padding: 10px;
            margin-bottom: 10px;
            border: 1px solid #ccc;
            border-radius: 3px;
        }
        button {
            width: 100%;
            padding: 10px;
            background-color: #28a745;
            color: #fff;
            border: none;
            border-radius: 3px;
            cursor: pointer;
        }
        button:hover {
            background-color: #218838;
        }
        h4 {
            margin-top: 20px;
            color: #555;
        }
```


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y8rqlldoixofiflef8vo.png)
Dental Choice Marlton NJ
Published: 2024-07-16 10:09:22

Dental Choice Marlton NJ, is known for providing comprehensive dental care, including preventative, restorative, and cosmetic services. The clinic prioritizes patient comfort and offers a range of advanced treatments. With**** a team of experienced dentists and state-of-the-art technology, they ensure personalized care for every patient. Dental Choice is committed to maintaining oral health and enhancing smiles through tailored treatment plans. Conveniently located, they strive to make dental visits a positive experience for the whole family.

Mail: primedentalcenters@gmail.com
Website: https://primedentalcenters.com/
Contact: (856) 784-1540
Address: 212 N white horse pike, stratford NJ,08084,Usa
Launch documentation site in record time (pouchdocs)
Tags: documentation, webdev, sveltekit, opensource
Published: 2024-07-16 10:16:22

[pouchdocs](https://pouchdocs.pouchlabs.xyz) is a documentation site built with sveltekit and supabase.checkout [github repo](https://github.com/pouchlabs/pouchdocs) and compare it with other docs sites
suggestions and contributions and stars are welcomed
Best Immigration Agents in Australia at Jagvimal Consultants
Published: 2024-07-16 10:26:28

Discover the **[best migration agents in Australia](https://jagvimal.com.au)** at Jagvimal Consultants. Expert mara agents and visa consultants for all your immigration needs. Contact our top Australia visa agents.
Visit [https://jagvimal.com.au](https://jagvimal.com.au)
Diploma in Nursing in Australia at Jagvimal Consultants
Published: 2024-07-16 10:28:35

Explore our **[Diploma of Nursing in Australia](https://jagvimal.com.au/courses/diploma-of-nursing)** at Jagvimal. Discover accredited courses, career opportunities, and how to apply for your nursing diploma today.
Visit [https://jagvimal.com.au/courses/diploma-of-nursing](https://jagvimal.com.au/courses/diploma-of-nursing)
NBR Homes | NBR PROPERTIES
Tags: webdev, beginners, productivity
Published: 2024-07-16 10:30:09

What’s in the Modern Homebuyer’s Mind?
There is a major change occurring in the Indian real estate market. Nowadays, millennials and Gen Z are leading the way in homeownership, and they have quite different objectives than did earlier generations. They are looking for a complete living experience that fits in well with their lifestyles, not just a place to live.

NBR is aware of this evolving dynamic. We are creating complete living places rather than only building residential buildings. This translates into a number of important areas:

Smart Homes & Automation: NBR's contemporary living areas incorporate smart technology so that homeowners can manage their appliances, lighting, temperature, and security systems from a distance. Convenience, energy economy, and general comfort are all improved by this.

Sustainable Living Principles: NBR’s projects incorporate sustainable practices. We use environmentally friendly materials, apply water-saving strategies, and encourage energy efficiency with features like solar power generation.

Community Living: As part of their development,**[ NBR](https://www.nbrgroup.in/blog/how-nbr-properties-is-developing-the-future-of-modern-living-spaces/)** promotes a sense of community. By designing lively communal facilities such as playgrounds, parks, clubhouses, and co-working spaces, we promote social contact and engagement among the inhabitants.

Emphasis on Wellness: NBR includes designated wellness areas into the projects since it understands how important it is to be physically and mentally well. These could include meditation areas, yoga studios, fitness centres, or swimming pools.

Safety and Security: At NBR, we prioritise your safety. Our homes are outfitted with cutting-edge security systems, CCTV cameras, and highly skilled security guards.



To visit us-**[](https://www.nbrgroup.in/)**
13th Floor, Sy.no: 66/2, 67/1,
Whitefield Main Road, Garudachar Palya, Mahadevapura
Bengaluru
 Karnataka 560048
Phone number-8880003399
Email us - **[frontdesk@nbrgroup.in](frontdesk@nbrgroup.in)**
How to SSH to a Linux server
Tags: deveops, virtualmachine, linuxvm, cloudcomputing
Published: 2024-07-16 10:32:18

To SSH into a Linux server means to connect to a Linux server.
The following below are outlined steps in connecting VM to a Linux server
open the power shell of your computer
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zk6hc4ltvdjbyw0q5ghw.png)
type in the powershell: ssh username@hostname_or_ip address which is ssh azureuserugo@4.231.173.106 and then press enter
Next step is a asking are you sure you want to continue yes/no. type in yes
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ozktmt4weqa7w6gt26ls.png)
next is to enter your password
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xklc2azp9v5n29x6uq9s.png) 
to run an administrative task one has to be on root
To be on root, type and enter sudo su
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0s2iips7m529dgkqm43o.png)
below is the root
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yvfl66rwjledfiun175f.png)
To update the system type in apt update
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qcp80abr2l7gf7on6bf5.png)
In order to install a web server nginx, type in apt install nginx and enter
after the installation it would ask: Do you want to continue y/n. type in y
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6vj4njkkvxdwmv4hpp94.png)
update successful![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0b3rb99x1wokiq9hnelj.png)
to verify if apt has successful installed on the web server is by copying the ip address of WednesdayVM (4.231.173.106) and pasting on the browser
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kg0j7eshq5rv4qrk2eym.png)