teleren/devto huggingface dataset:
How do I install multiple node js version on the same machine
Tags: node, javascipt, npm, tutorial
Published: 2022-02-15 17:13:05

In this post, we will get to know and learn about running multiple node js version on the same machine with NVM .

While working on the multiple projects of NodeJs, you might be required to run different projects on the different nodejs version or for the legacy nodejs projects, you might require an old version of the nodejs, and the others required a new version of node-js, or to checkout the new feature of nodejs, you need to install the latest version of node js

As on the same machine, we can only install one version of the nodejs, so it's very painful to uninstall and install the new node version as per your project requirements.

To overcome this problem, we can use the Node Version Manager (NVM). NVM allows installing multiple node js versions on the same machine and switching between the required node js version.

# Installation of NVM
## Windows
Download the latest version of NVM

https://github.com/coreybutler/nvm-windows/releases/latest

Download nvm-setup.zip and install on the windows

Verify Installation

`nvm version`

## MacOs/Linux
Using curl

`curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash`

Using Wget

`wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash`

Verify Installation

`command -v nvm`

# Usage

Get a List of all available NodeJs versions

`nvm  ls available` //windows
`nvm ls-remote` //MacOs/Linux

Install latest NodeJs version

`nvm install node`

Install latest LTS Release

`nvm install --lts`

# Install particular NodeJs version

Multiple NodeJs version can be installed using the below command.

`nvm install 8.11.1` // to install the 8.11.1 version

# UnInstall the multiple NodeJs version

`nvm uninstall 8.11.1`

# Switching the NodeJs version

`nvm list`  //for windows
`nvm ls` //for MacOs/linux

# Switching Between installed NodeJs Versions

`nvm use 8.11.1`  //To enable 8.11.1
`nvm use 12.13.1` //To enable 12.13.1

[Full Article](https://www.loginradius.com/blog/async/run-multiple-nodejs-version-on-the-same-machine/)
Microservices Design - API Gateway pattern
Tags: javascript, microservices, beginners, webdev
Published: 2022-02-15 17:09:22

The goal of the microservices is to sufficiently decompose/decouple the application into loosely coupled microservices/modules in contrast to monolithic applications where modules are highly coupled and deployed as a single big chunk.

More details at - https://medium.com/p/980e8d02bdd5
62.5%, My Favorite CSS Value (so far)
Tags: webdev, html, css
Published: 2022-02-15 15:59:40

When I started creating websites just last year, working mainly with HTML and SASS, I would only use the `px` unit for components sizing. I wasn't really that concerned with making the web pages as responsive oriented as it needed to be because my focus was to bring my interface designs to life as best as I could.
After about 2 to 3 school projects, I watched a [video](https://www.youtube.com/watch?v=N5wpD9Ov_To) by Kevin Powell about CSS units eventually learning about the `rem` unit and I've been using it on almost anything every since.
##Rem and the 62.5% Value
The default font size of the root html is **16px** and whenever we use the `rem` unit, it is referencing this value; 1 rem is equal to 16px. But this value makes it hard for us to give sizes to components because we would then need to do computation just to get an exact `px` unit value.
By changing our root font size to **62.5%** we are ultimately setting it to *10px* which is way easier to use and manipulate. (*10px* is **62.5%** of the default *16px* root font size)
![Setting Root Font Size](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/51h5ysjd6w2jfpejbaps.png)
##Closing Thoughts
Setting the root font size to 62.5% is a quality of life change for me and a lot of developers saving us a lot of time from the bothersome process of font computation and allowing us to reference our interface designs very easily. It's an easy check-mark to the responsive layout specification list!
How Open-Source Contributions are Beneficial to Your Career.
Tags: opensource, webdev, programming, productivity
Published: 2022-02-15 17:07:14

Whether you're a self-taught programmer, boot-camp or computer science student (or graduate): landing great interviews is really hard when you have no experience working in a team, and zero industry connections.

If you're tired of applying for entry level roles (with unrealistic experience requirements) or you're sick of being constantly ghosted or rejected by recruiters, contributing to an open source project is a great way to gain real world experience and build genuine connections to senior developers.

Some of the perks of contributing to Open-Source software are.

1. You can build up your confidence by contributing to an open source project in your favourite programming language.

2. Gain real world experience, strengthen your resume and grow your professional network

3. Land great interviews and offers working in a tech stack you love

4. If you're having trouble landing great interviews because you don't have any experience yet, open-source contributions on your GitHub profile and resume will really help you stand out. 

5. The 2017 Open Source Jobs Report found that 60 per cent of hiring managers are seeking to hire open-source talent and FAANG usually hire programmers with experience contributing to open-source. 

If you're someone looking to increase the chances of landing a job, you should definitely consider contributing to open-source software and adding that to your portfolio! 

Only problem is... getting started in open source can seem overwhelming at first. It's easy to get lost when you have no guidance or support. That's why we've put together the open source challenge - to help you build up the confidence to contribute to an open source project of your choice in your favourite stack, with just enough pressure to keep you moving forward! If this is something that interests do fill in [this form](https://airtable.com/shr9rxCpX0r6B8E4Y) and we will get back to you soon!
Rails SQL Views made easy ;)
Tags: rails, activerecord, sqlviews
Published: 2022-02-15 16:58:01

---
title: Rails SQL Views made easy ;)
published: true
description: 
tags: rails, activerecord, sqlviews
//cover_image: https://direct_url_to_image.jpg
---

Hello Rails devs,

I've a new gem:

https://github.com/igorkasyanchuk/sql_view

To skip long sentences just check the demo below:

![Demo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zp8czsdpxhi5cu8hu3ei.gif)

How to use:

```
rails g sql_view:view ActiveUsers 'User.confirmed.where(active: true)' --materialized
rails g sql_view:view DeletedProject 'Project.only_deleted'
Create a SQL view from AR relation (or plain SQL).
```

This is an easier alternative to scenic gem which is wonderful, but as for me requires more steps to add support of rails view into your project.

PS: production-ready, at least on my projects it works, so far so good ;)
an easy way to create your own QR Code
Published: 2022-02-15 16:46:57

1. Open your browser tap _https://qrty.mobi_ in the URL or [click here](https://qrty.mobi/my-qr-codes)
2. click on create QRCode 
![Click on button create QRCode](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o8iwr9e1aflapbtjru1n.png)
3. Choose a type of QRCode then click on next
![type of QRcode](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4tt3zhmd6i9ktrratxum.png)
4. Fill the different fields and press next
![fill field](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/89dh91ntl4rhfl3wgien.png)
5. Customize your QRCode Frame then next to finish the process 
![custom QRCode](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/96d7glujnrmyb4z6vs8k.png)
GUIDE TO START YOUR FIRST CONTRIBUTION 
Tags: beginners, opensource, contribute
Published: 2022-02-15 16:38:33

**Hellooo People 👋**

Hope you all are all doing good!

Have you considered contributing to an open source project but are too confused (or overwhelmed) by the procedure to even attempt it? I've been there as well !

This step-by-step guide will walk you through the complete process of making your first contribution.

So lets get started !

## Firstly why contributing to open source!

- It gives you practice with Git and GitHub, which is really necessary

- Assists you in learning and exploring more about various projects.

- It also builds your resume 

- And it is fun  😁

## Getting started

1. Firstly you need a GitHub account, you all might have one already so [login here](https://github.com/login) or [Create new account](https://github.com/signup?source=login)

2. Choose the Project you would like to contribute to. It could be any project of your interested domain, always try to look for _good-first-issues_ as a beginner.

3. Contributing to open source does not always have to be code; it may also be documentation, such as readme files.



## STEPS 

1. Fork your project of choice that you want to contribute

2. Clone your fork (use github desktop to makes things easier)

3. Makes changes in the repo 

4. And create a pull request 

Hurray 🥳 you made your first pull request!

Easy Peasy Right!

So anyway to make things easier i made a repository named javacodes and only purpose of this is to get started with your first contribution!

So FORK this [REPO](https://github.com/sujana-kamasany/javacodes) and follow the steps in the readme file and make your first contribution!

Check out the other blogs for more information on how to make your first contribution!

## And adding some great repos to start your first contribution!


- [First Contribution](https://github.com/firstcontributions/first-contributions)
- [DevNodes](https://github.com/devncode/first-contributions)
- [FirstTimers](https://github.com/CuriousGrids/FirstTimers)
- [Hacktoberfest](https://github.com/AselSiriwardena/hacktoberfest-beginner)
- [Contribute](https://github.com/rocktimsaikia/Contribute-101)
- [Skynaps](https://github.com/Syknapse/Contribute-To-This-Project)
Guía práctica de optimización Wordpress
Published: 2022-02-15 16:19:32

Hola comunidad!
Recientemente he elaborado una breve guía sobre [cómo mejorar nuestros tiempos de carga en Wordpress](https://www.estegrafico.com/optimizacion-wordpress). Son un grupo de artículos en los que repaso aspectos básicos de performance o rendimiento de páginas web con una orientación hacia usuarios Wordpress. Espero que les guste!

1. [Mejora tu FCP (First Contentful Paint) por debajo de un segundo!](https://www.estegrafico.com/mejora-tu-fcp-first-contentful-paint-por-debajo-de-un-segundo)

2. [Mejora los tiempos de carga de tu Largest Contentful Paint (LCP)](https://www.estegrafico.com/mejora-los-tiempos-de-carga-de-tu-largest-contentful-paint-lcp)

3. [¿Cómo evitar enormes cargas útiles de red (error de velocidad) en WordPress?](https://www.estegrafico.com/optimizacion-wordpress/evitar-cargas-utiles-de-red-de-gran-tamano-en-test-velocidad-de-google)

4. [Cómo corregir los tiempos de carga lentos de una página web en WordPress](https://www.estegrafico.com/como-corregir-los-tiempos-de-carga-lentos-de-una-pagina-web-en-wordpress)

5. [CloudFlare y WordPress ¿por qué deberíamos usarlo en nuestro sitio web?](https://www.estegrafico.com/descubre-los-beneficios-de-cloudflare-y-por-que-deberiamos-usarlo-con-wordpress)
Day-24 Training at Ryaz
Tags: javascript, beginners, node, mongodb
Published: 2022-02-15 16:16:59

- Date:15/02/2022
- Day:Tuesday

Today I started at about 10:00 am a bit early as I was to complete my task . As yesterday I was successful in making all modules ,controllers ,routes but I was left over with testing of CRUD app so, I was supposed to test it with the help of postman api's but the course I watched for this to learn suggested some another substitute i.e Rest client which is extension of visual studio and helps us to send request by using visual studio interface only only thing we have to do was to create test.http.file where I was supposed to mention local host link and then I could pass several requests of  create, delete ,update , retrieve all the data so after this successful setup the problem raised that the request I sent does not send data to data base i.e mongo db cloud but I managed to solve that issue and all operations are working fine but only delete operation is not able to delete the course with respective id and I am left over to test it with postman api's and resolve the issue of delete operation I hope i would be to complete it by tomorrow and proceed with next steps to work upon it. this way my day ended up and I got to learn many of new things.
How to add Angular to an existing empty NX workspace
Tags: angular, nx, webdev, javascript
Published: 2022-02-15 16:04:51

Well, this article is about...what the title says :D
I was trying to find this over the internet and couldn't find an easy answer. But with the amazing SEO of Dev.to, I'm really confident that people searching for the same can easily find how to do it.

## Problem:
If you have an empty NX repository, i.e. not created with the angular preset, you can't run the following command to create an Angular app:
```bash
ng generate app myApp
```

That's because you'll probably get this error:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u76wqb3uxms7lmdclupc.png)  

And what it means is that we can't really run `ng` commands unless we have the `angular.json` file present in the project's root folder and Angular is already set up. Ergo, we can't add Angular to this empty NX repository this way.

## Solution:
You need to install the `@nrwl/angular` package into the repository as follows:
```bash
npm install --save-dev @nrwl/angular
#or
yarn add -D @nrwl/angular
```

Now you can run the following command to generate an Angular app within the repo. This will also configure the nx workspace to be able to work with Angular apps/libraries.
```bash
nx g @nrwl/angular:application myApp
```

Thank me later :D

## Conclusion
If you found the article useful, make sure to hit the like or the bookmark icon. Check out my [YouTube Channel](https://youtube.com/codewithahsan) for more amazing content. And if you feel adventurous and are interested in taking your #Angular skills to the next level, check out the [Angular Cookbook](https://ahsanayaz.com/ng-book). It's awesome!
Networking and growing your career in infosec with Vandana Verma
Tags: networking, podcast, publicspeaking, career
Published: 2022-02-16 00:37:34

---
title: Networking and growing your career in infosec with Vandana Verma
published: true
date: 2022-02-15 16:02:06 UTC
tags: networking,podcast,publicspeaking,careers
canonical_url: https://blog.shiftleft.io/networking-and-growing-your-career-in-infosec-with-vandana-verma-c367b935032f
---

#### OWASP leader Vandana’s tips for navigating your career in infosec

![](https://cdn-images-1.medium.com/max/860/1*b1XKy5eCodm9LETEysZJ3A.jpeg)

Our guest today, Vandana, holds a lot of impressive titles. She is the Chair of the OWASP Global Board of Directors, and she also leads multiple infosec Diversity Initiatives like InfosecGirls.

But how did she get from an infosec newbie to the leader of OWASP and the keynote speaker at multiple conferences? Why does she encourage people to get into cybersecurity regardless of their background and qualifications? And how did she overcome the fear of public speaking and networking in tech? Tune into this episode to hear her story!

<iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.buzzsprout.com%2F261001%2F10013565-networking-and-growing-your-career-in-appsec-with-vandana-verma%3Fclient_source%3Dtwitter_card%26player_type%3Dfull_screen&amp;display_name=Buzzsprout&amp;url=https%3A%2F%2Fwww.buzzsprout.com%2F261001%2F10013565&amp;image=https%3A%2F%2Fwww.buzzsprout.com%2Frails%2Factive_storage%2Frepresentations%2Fredirect%2FeyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBCRXJHNGdJPSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ%3D%3D--a7b13a06de520c620f92c7a13fbed69c79b019fe%2FeyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdDem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2QzNKbGMybDZaVWtpRFRJMU1IZ3lOVEJlQmpzR1ZEb01aM0poZG1sMGVVa2lDMk5sYm5SbGNnWTdCbFE2QzJWNGRHVnVkRWtpRERJMU1IZ3lOVEFHT3daVU9neHhkV0ZzYVhSNWFWVTZEMk52Ykc5eWMzQmhZMlZKSWdselVrZENCanNHVkE9PSIsImV4cCI6bnVsbCwicHVyIjoidmFyaWF0aW9uIn19--7c01cea9791a272b28ad9ad979e61898eb50a271%2Fpodcast%2520%282%29.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=buzzsprout" width="500" height="210" frameborder="0" scrolling="no"><a href="https://medium.com/media/80170ca33a92a64e763a88ecba434ba7/href">https://medium.com/media/80170ca33a92a64e763a88ecba434ba7/href</a></iframe>

Vandana is Security Solutions Architect at Snyk. She is the chair of the OWASP Global Board of Directors and leads multiple diversity initiatives like InfosecGirls, WoSec, and InfosecKids. She has been a speaker at numerous security conferences including Global OWASP AppSec, BlackHat, BSides, OWASP, and more.

Source and Sinks is a technology-focused podcast. We talk about the business, people, products, and culture of technology — with a security twist. Listen to more Sources and Sinks here:

[‎Sources and Sinks on Apple Podcasts](https://podcasts.apple.com/us/podcast/sources-and-sinks/id1503847743)

* * *
Only app for productivity ⚡️
Published: 2022-02-15 15:58:56

What is Raycast?

It’s the most amazing productivity app you’ll ever use. It can help you in following purposes:

- Task automater

- Launcher

- Spotlight or Alfred  alternative

- Instant file search (you can even search inside your file!)

- Script executor

- Note taking

- Simple or complex calculations

- Window management (Spectacle alternative)

- Clipboard saver

- Code snippets manager

- Scheduler

And you can continue this list for an hour. I don’t use the full power of the Raycast, yet. 

Extensions?

You can build your own extensions using their API or just download existing ones from the Raycast Store. 

Say “NO!“ to your boring tasks!

Raycast instantly executes your daily tasks. If you often search Google, Github or YouTube like me, you can assign “go” to Google, “gi” to Github, “y” to YouTube searches. 

“Raycast, push my code to GitHub, then turn off my computer!“

It might take time to get used to your keyboard shortcuts. (I also forget mine.) But after 1-2 weeks, you’ll start to automate your GitHub pushes, app launches. 

Yeah, it’s overwhelming in the beginning. But it does the job. Let’s save our time for more creative work than manually opening-closing your apps every single day. 

💻 OS support: Mac only.
🔗 Link: https://www.raycast.com

🪟 Windows: Keypirinha (alter.)
🔗 Link: https://keypirinha.com/

🐧 Linux: Albert (alter.)
🔗 Link: https://albertlauncher.github.io/

👉  Recap:

Wanna become a keyboard hero? Install the Raycast app today.

@seniortips

For more posts visit my telegram channel: https://t.me/seniortips
Day-7 Training at cognizant
Tags: beginners
Published: 2022-02-15 15:57:26

- Date:15/02/2022
- Day:Tuesday

Today , I started at about 9:00 am as there was a session scheduled which was about mindfulness soul and mediation basically they teach us about how mind and body gets connected and asked us to manage your work and be healthy so this way my day ended.
Streaks
Published: 2022-02-15 15:55:09

Competition is great. And the most competent competitor you’ll ever find is you. Streak tracking helps you to build new habits and compete with yourself in a healthy way. 

As usual, let’s see why streak tracking is important, how we can use it, and the tools to apply.

🧩 “ARM” loop

You take the action. This action leads you to achieve some results. And those results generates the new motivation which indeed pushes you to take the further actions.
Streak tracking is great way of creating that beautiful loop.

🧩 “Day 1” principle

Let’s say, you’ve been extremely productive throughout the day. In the next morning, you have no choice but to restart all over again. Nobody even notices it. In streak tracking, you don’t lose your achievements. They always stay there, you can be proud of them. And at the same time, you still know you have to beat the past version of yourself. At least, keep up with it.

🧩 Compound effect

Every code, every git push, every project adds up. Even the barely noticeable changes, can become the huge rewards you can reap later on. 

🧩 Self-fulfilling prophecy

This works like the first “ARM” loop effect. You take some action. And this action creates some results which in turn brings some belief about your identity and expectations about your future self. And the next morning, you (the future version of you) takes the action based on those expectations. Great, right? 

🎯 How should I start streak-tracking?

Start from the easiest habit you can do today. Set it and keep following it for the rest of the year. Following examples are taken from my own streak tracker:

 ⁃ Code for 1 minute*
 ⁃ Push 1 commit to GitHub.
 ⁃ Automate 1 thing.
 ⁃ Do 1 Push up.
 ⁃ Drink a glass of water in the morning.
 ⁃ No coffee and soda at work.
 ⁃ Listen 1 Blink podcast.
- 1 Smile to anyone. 

* Plot twist: I often end up coding for 8-10 hours a day. ;) 
 
📱 App recommendations?

For streak tracking, “HabitMinder” is the best choice out there. It’s super intuitive and simple.
For monitoring your GitHub commits, “Contributions” app is the perfect one to try. 

👉  Recap:

The best way to build any habit is tracking your daily streaks.

@seniortips

For more posts like these visit my telegram channel: https://t.me/seniortips
How to fix the plugin/preset Error in React JS.
Tags: javascript, beginners, react, webdev
Published: 2022-02-15 15:52:58

**_Hello Developers,_** I hope everyone doing well in this pandemic. I'm a beginner in React JS. I tried to setup an react Js app with babel and webpack. I'm getting error like plugin/preset files not allowed  to export object.  I have explained my issue completely with some code files in [**Stackoverflow**](https://stackoverflow.com/q/71128875/11665780). I need help from you guys to resolve this error. I tried to install different versions of babel, but still got same error.