teleren/devto huggingface dataset:
How to update all your NPM packages at once
Tags: webdev, npm, node
Published: 2021-05-04 20:42:31

---
title: How to update all your NPM packages at once
published: true
description: You come back to a 6-month-old project that you haven't touched in a while and now all of your NPM packages are vastly out of date. That's just the speed at which web development moves. 
tags: webdev, npm, node
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nx122f3c3uwpruwo9pkd.png
---

You come back to a 6-month-old project that you haven't touched in a while and now all of your NPM packages are vastly out of date. That's just the speed at which web development moves.

So you need to update all your packages, how can we do that?

## The safe method

NPM does provide a command to update packages. This is the command:

`npm update --save/--save-dev`

Though this only updates to the latest _minor version._ For example, `1.0.5` to `1.1.0`.

So if we have a major version change like `1.0.5` to `3.1.3`, this command will only update to the highest version before `2.0.0`.

A major version can introduce breaking changes to packages that can break your project. Because of this, the above command promotes manually updating packages.

Manually updating your packages can be great to reduce the chance of a package breaking your application without you noticing.

But we haven't touched this project in months and we want to get everything up to date that we know won't break our application (and if it does we will suffer the consequences).

## The less-safe method

To update our NPM packages we will reach for _another_ NPM package.

This package is called `npm-check`.

[https://www.npmjs.com/package/npm-check](https://www.npmjs.com/package/npm-check)

Now, `npm-check` will not just update your packages with no regard to the consequences. Instead, `npm-check` will allow you to interactively check and choose what packages to update.

To use `npm-check` we will install it globally and then we can use the command to interactively update our packages.

Use `npm install -g npm-check` to install the package globally.

Use the `npm-check` command to interactively update packages

When using the `npm-check` command we will see the below in our command line allowing us to see what packages we can update.

![Command line tool showing an interactive GUI for updating NPM packages](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nx122f3c3uwpruwo9pkd.png)

## That's it!

There are more ways to update your packages either automatically or with other packages, but this is a super simple one that you can start using today.

Try this out the next time you have a project that needs to be updated!

## Shameless Plug
If you like what you read also check out my brother and my blog where we post this and tons of other content!
👉 https://koalatea.io/ 👈

[And here is this post on our blog!](https://koalatea.io/how-to-update-all-your-npm-packages-at-once/)
All possible loopholes
Tags: security, belnet, testing
Published: 2021-05-04 20:42:31

**It is safe to say, that I don't know much about network security, nor [security testing](https://www.guru99.com/what-is-security-testing.html).** With computers and phones connected to the Internet, becoming crucial parts of our life, now it would be hard to imagine inability to display or log in to the chosen website. 

**Belnet, one of the operators of internet traffic in Belgium has fallen victim to a cyber-attack.** People attempting to visit websites on the Belnet network, including government and police services, universities and vaccinations centres, were being met with error messages due to a DDoS attack. **As I happen to live in Belgium, and work for governmental institution as a software tester, I was one of the victims as well**... which basically meant some extra frustration of something not working for unknown reason (a well-known feeling to a tester) and extra-long break around lunch.

**A DDoS, denial-of-service attack, is a cyber-attack in which the wrong-doer seeks to make a machine or network resource unavailable to its destined users. How?** By briefly or continually disrupting services of a host connected to the Internet. Denial of service typically occurs when multiple systems flood the bandwidth or resources of a targeted system with useless requests causing websites to not load. 

![screenshot of the webiste not loading](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ub6l0v6xqkvo4dvkdzre.png)

In a distributed DDoS attack, the incoming traffic flooding the victim originates from many different sources. This effectively makes it impossible to stop the attack simply by blocking a single source.<sup>1</sup> Dirk Haex, a co-general director of Belnet, said:
>It was a cat-and-mouse game all afternoon with the perpetrators of this gigantic attack. They are constantly changing their tactics. Our network is still under attack, but since 6 pm. The attack seems to be diminishing. The Belnet teams are doing everything in their power to fully restore connectivity for Belnet customers as soon as possible and are continuing to monitor the situation closely.<sup>2</sup>

**Altogether, about two hundred institutions would have been affected. No data has been stolen (or so they say).**

The main goal of security testing is to identify all possible loopholes and weaknesses of the software system. Uncovered, they might result in a loss of data, earnings or reputation. Maybe my next [ISTQB exam](https://www.istqb.org/) should be the one for [Security Tester](https://www.istqb.org/certification-path-root/advanced-security-tester.html)? 

***
<sup>1</sup>[DDoS, denial-of-service attack](https://en.wikipedia.org/wiki/Denial-of-service_attack)
<sup>2</sup>[VRT news](https://www.vrt.be/vrtnws/nl/2021/05/04/cyberaanval-op-overheidswebsites-tax-on-web-even-onbereikbaar/)
Install MongoDB 4.4 on Fedora
Tags: mongodb, fedora, linux
Published: 2021-05-04 20:39:20

####Add the following in yum repository configuration file

```
$ sudo vi /etc/yum.repos.d/mongodb.repo
```



```
[Mongodb]
name=MongoDB Repository
baseurl=https://repo.mongodb.org/yum/redhat/8Server/mongodb-org/4.4/x86_64/
gpgcheck=1
enabled=1
gpgkey=https://www.mongodb.org/static/pgp/server-4.4.asc
```


####Install MongoDB

```
$ sudo dnf install mongodb-org
```



####Start MongoDB Service

```
$ sudo systemctl enable mongod.service
$ sudo systemctl start mongod.service
```
Awesome CSS Animation Resources
Tags: css, webdev, beginners
Published: 2021-05-04 20:34:10

Here is the list of awesome CSS animation resources which will help you to animate components quickly and easily.

Tips: [12 tips for amazing CSS animation](https://www.creativebloq.com/advice/tips-for-css-animation).

1. [Animista](https://animista.net/play/basic)

2. [Animate.CSS](https://animate.style/)

3. [Animatelo](https://gibbok.github.io/animatelo/)

4. [All Animation CSS3](https://all-animation.github.io/)

5. [CSShake](https://elrumordelaluz.github.io/csshake/)

6. [CSSAnimation](http://cssanimation.io/)

7. [Hover.CSS](https://ianlunn.github.io/Hover/)

8. [Infinite](https://tilomitra.github.io/infinite/)

9. [It's Tuesday](https://shakrmedia.github.io/tuesday/)

10. [Magic](https://www.minimamente.com/project/magic/)

11. [Micron](https://webkul.github.io/micron/)

12. [Motion UI](https://zurb.com/playground/motion-ui)

13. [Obnoxious](https://tholman.com/obnoxious/)

14. [Redoundgen](https://dwarcher.github.io/reboundgen/examples/)

15. [Rocket](https://minimamente.com/example/rocket/)

16. [Wicked CSS](https://kristofferandreasen.github.io/wickedCSS/#)

17. [GetWaves](https://getwaves.io/)
Generate svg waves, to create curved separations for page sections!
Wren Playground: A RunJS for Wren
Tags: wren, react, electron, javascript
Published: 2021-05-04 20:30:57

---
title: Wren Playground: A RunJS for Wren
published: true
description: A fun way to try Wren
tags: wren, react, electron, javascript
//cover_image: https://direct_url_to_image.jpg
---

Hello I created an small alternative to https://runjs.app/ but for the _Wren_ language called **Wren Playground**.

{% github ninjascl/wren-playground %} 


It was created using the following components:

- React 16
- [Electron React Boilerplate](https://github.com/electron-react-boilerplate/electron-react-boilerplate)
- [Wren CLI](https://wren.io/)
- [CodeJar](https://github.com/antonmedv/codejar)
- [Prism](https://prismjs.com/)

Have fun!
What Does It Mean To Deliver Software At The #SpeedOfLife?
Tags: speedoflife, devops, community, stories
Published: 2021-05-04 20:21:02



In this blog post, I’m excited to announce the #SpeedOfLife campaign that I will be leading for the month of May. I’m looking forward to getting to know more of the awesome people who make up our DevOps community.

## What is #SpeedOfLife?
"#SpeedOfLife" is a social campaign meant to highlight users and experts in the field of software development and delivery. More specifically, I will be posting snippets of my conversations with the community in the form of weekly blog posts, social media messages, and a video live stream every Friday this month.

It is now more than ever essential for enterprise-scale companies to deliver software products and services with safety, resiliency, and velocity. At Armory we are proud to enable developers to work and ship at the speed of life. What are you proudest of in your line of work? What does work at the speed of life mean to you? I want to know! I’m listening and my goal this month is to amplify community voices.
### How Can I Get Involved?

I’m so glad you asked.

Starting today, I’ll be sending out messages asking for participation. If you are eager to contribute now without a personal invitation I have a handy link that you can follow where you can [submit your contribution](https://airtable.com/shr8yp4bwHeGz9dkX) on your own time. Alternatively, if you want to reach out to me (Nikema) directly, I will be thrilled to hear your story. Hit me up at [nikema.prophet at armory.io]!
### Join Me, Tell Me Your Stories

I’ve already spoken with our CEO, DROdio and he shared some customer stories that truly exemplify #SpeedOfLife. I can’t wait to share that with you, and it’s coming soon. More importantly, I can’t wait to hear your stories and get them out there.

Join me, it’s easy I promise 😀. You don’t have to use your voice or get on camera to participate. See the [contribution form](https://airtable.com/shr8yp4bwHeGz9dkX) for a text-based response option.
Associations
Tags: rails, programming, webdev
Published: 2021-05-04 19:58:31

After learning Ruby on Rails, I learnt that associations was the most crucial aspect, without it...nothing works.
 

###Original Project
The first project I created was supposed to be website where the user could be a student or mentor. If the user was a mentor, the mentor could create lessons but if the user was as student, the student would complete lessons. Simple? 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o3mzud6cy2hn552fxaa8.JPG)

For an idea I thought was so simple, turned out to be far too complicated for me to handle. 

####Problem 1
It was unnecessary to have 2 separate models for Students and Mentors. 

So I decided to combine them into Users. But this did not work because I was bypassing Separation of Concerns. A User model was supposed to only deal with login/signout/logout. Instead I created a separated model called Role so the User could choose it's role as either a mentor or student

####Next Problem
I wanted to create a many-to-many association but I had to combine my Student/Mentor model. By doing so I would have to create custom associations so that the Roles model could have a has_many association for Mentor and Student. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/isl7qgpjctr39lktqrh0.JPG)

This would not have been a problem but this would have taken a lot longer to understand and figure out. The project had to be completed in a week. What's worse was that I did not know how to use these custom associations in my controllers. Additionally, my primary/foreign keys were not working (due to my lack of understanding) which made my nested resources break and my routes not be designed correctly. 

So... I decided to SCRAP this project

###THE NEW PROJECT
The new project ended up being a website about an international violin competition called the Menuhin Competition 2021. This website would allow users to upload ongoing performances and blog about it. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u8olz1xpuhkrpwn22hlp.JPG)

The benefit of these associations is that I can have a many-to-many association. 

For example: 
- Users has many performances they can upload but each uploaded performance belongs to a user
- A user can comment on any uploaded performance. Because comments is the joins table, user has many performances through comments. 
-A user can post a blog. So each blog belongs to a user but a user can post many blogs. 

For me, this new project ended up have far simpler associations that I could comprehend. But I still hope as I continue to try deepen my understanding on associations that I can come back to the original project and try complete it. For now, I learnt the hard way how important associations are.
Monoliths vs Microservices
Tags: webdev, microservices, monoliths
Published: 2021-05-04 19:58:10

When it comes to server architecture, which is the better choice? Monoliths or microservices? I think to answer that question, I will have to dive into each first.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g4dwi3y2crlbmbuo5z92.png)  

### Monoliths
The monolith service architecture was a staple in the past, but of course due to tech advancements it is becoming out of touch. A monolith would host everything in one system - database, user interface, etc.  And while this did allow for environments to have a wide variety of versatility, it was also extremely bulky and hard to change or fix if things went wrong.

### So now onto the new wave... Microservices
Microservices utilize oriented API's that gives the new age of technology much more flexibility than monoliths offer. Microservices split up tasks into their own separate operations, that not only speeds up functions but makes it easier to run. 

Some other advantages of microservices include
* Easier to organize and maintain applications
* Improve organization
* Improve productivity, flexibility and scalability
* Allow for autonomous & cross-functional teams

### Overall
Utilizing microservices today is the correct choice in my opinion.  Not only does it make maintaining work so much easier, it allows for code updates to be more reliable. That is crucial, especially when working on such large scale code repositories and systems.  

#### Check out this [video](https://youtu.be/ZfA3rzfsS78) where I talk through the differences!
Useful VS Code Shortcuts vscode
Tags: vscode, development, beginners
Published: 2021-05-04 19:56:03

1. Ctrl+P : Displays the search bar to search for files.

2. Ctrl + Shift + P: Displays the command pallete.

3. Crtl + B : Toggle the sidebar.

4. Ctrl+Shift+E : Move to Explorer window.

5. Ctrl + Shift + M : Quickly shows errors and warnings.

6. Ctrl + Shift + L: Multi cursor selection.
	Selects all occurrences of what was selected.

7. Ctrl + D : One by one selection.

8. Ctrl+/ : Toggle line comment.

9. Ctrl + Shift + I: Formats the entire file.

10. Alt + Up or Alt + Down: Move line.
Programming at my day job
Tags: codenewbie
Published: 2021-05-04 19:49:03

When you read the title of this post, you may think “what’s your day job? Isn’t that what you are supposed to do?”

The answer is I’m a trading assistant for a financial planning and investment office. And no, my job is not programming related at all. At least it wasn’t meant to be...

I’ve been at my job for almost 4 years now and have done much more than what I was originally hired to do. But since I began to learn how to program about 6 months ago, I have been able to save my employer probably a few hundred dollars at least by editing code on our server based Client Relationship Manager (CRM) myself. I literally just worked on the program today and saved probably at least $90 in fees that it would have cost to contact the company we usually work with to make changes. 

I’m posting about this because it gives me hope that although I am not in a tech related job at the moment, it definitely is where I see myself in a couple years. 

Talk to you all soon!
#RenderRoundtable: Justin Samuels
Tags: javascript, react, career, news
Published: 2021-05-04 19:23:32

Last week we had the pleasure of chatting with the Founder and CEO of [RenderATL](renderatl.com) Justin Samuels aka [ThugDebugger](https://linktr.ee/thugdebugger). 

Not only did we talk about RenderATL's insane [menu](https://www.renderatl.com/food), but we raffled off some prizes from [Manning Publishing](https://www.manning.com) and had a candid conversation about Render's mission to bring you the culture in tech. Everything we've put into this conference from the food we serve to our Black-owned [location](https://thegatheringspot.club) and diverse lineup of [speakers](https://www.renderatl.com/speakers) is a direct reflection of our [mission](https://dev.to/thugdebugger/render-why-cjm): to build a community where we all feel welcome and understood. 

For a lot of you, RenderATL will be your first in-person conference since the pandemic kicked off so we also took some time to address your concerns. Not only will we providing dope masks, but we've also gone the extra mile to have a nurse present for the full duration of the conference. You can learn more about how we'll be keeping you safe, [here](https://www.renderatl.com/coronavirus).


This Thursday we'll be chatting with none other than Ayo Duyile. Ayo is one of the co-founders of [Techsgiving](https://www.techsgiving.org/about); an initiative that provides resources to underrepresented minorities in tech at the high school and middle school level, and currently works as a Product Manager at Microsoft. 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tcssbpbea0gngkekq23m.png)

You don't want to miss this #RenderRoundtable, so click here to add it to your [calendar](https://bit.ly/3eb6s4G)! Not only will we be discussing what you can do to help *your* community, but we'll also be talking about dollars because it's the only thing that makes cents. We'll be giving you all the tips and tricks you need to chase the bag at 7:00 pm EST on [Twitter Spaces](https://help.twitter.com/en/using-twitter/spaces). 

We are getting *really* close to being sold out of tickets-- so if you haven't already, go ahead and get [yours](https://ti.to/render-atlanta/Tickets)! Be sure to follow us on [Twitter](twitter.com/renderatl), and sign up for our [newsletter](https://t.co/cua6Lz3M3W?amp=1) for all things Render.

Until next time!
19 Simple Hover Animation Using CSS
Tags: css, beginners, webdev, productivity
Published: 2021-05-04 19:08:53

Here is the 19 simple, beginner level hover animation using CSS. The logic behind the examples are briefly explained as comments in the CSS code section. The before and after pseudo elements are used with simple CSS transform property, JavaScript is not used in these examples. Hope you will like it, happy coding.

Codepen [link](https://codepen.io/kiran-r-raj/pen/ZEezrJy)

{% codepen https://codepen.io/kiran-r-raj/pen/ZEezrJy default-tab=result %}

{% link https://dev.to/kiranrajvjd/the-ultimate-web-developer-resources-list-200-resources-2gf5 %}
{% link https://dev.to/kiranrajvjd/12-simple-button-hover-animation-using-css-1ff1 %}
{% link https://dev.to/kiranrajvjd/10-best-javascript-based-github-repos-for-web-developers-49pc %}
{% link https://dev.to/kiranrajvjd/24-html-tags-you-may-not-know-37be %}
How to Turn Your Boring Screenshot into A Cool Photograph (Mockup Design) - HiShoot2i
Tags: design, android, opensource
Published: 2021-05-04 18:55:43

Hello friend, welcome to another video of this channel. In this video, I've talked about how you can convert your boring screenshot into a very cool looking photograph in just a few clicks (within 5 seconds)

Download HiShoot2i:
https://github.com/hishoot2i/Hishoot2i/releases

HiShoot2i Templates (Telegram):
https://t.me/hishoot2imaterial

Enjoy!

Watch More: https://www.youtube.com/SouvikPaulTech

Buy me a coffee: https://imjo.in/4AvD73

Let's make a connection:
Instagram: https://instagram.com/amisouvikpaul
Facebook: https://fb.com/thesouvikpaul
Facebook Page: https://fb.com/amisouvikpaul
Twitter: https://twitter.com/thesouvikpaul

Read articles about cool gadgets:
https://gadgetsgadder.com

Thanks for watching!
Check For Mixed Grouping Of Characters
Tags: javascript, devops, tutorial, beginners
Published: 2021-05-04 18:50:15

* Sometimes we want to check for groups of characters using a Regular Expression and to achieve that we use parentheses `()`.
* Below I will give you an example of this. I have a regex so that it checks for the names of `Franklin Roosevelt` or `Eleanor Roosevelt` in a case sensitive manner and makes concessions for middle names.
* Then I have a code so that the regex that I have created is checked against `myString` and either `true` or `false` is returned depending on whether the regex matches.
```
let myString = "Franklin D. Roosevelt";
let myRegex = /(Eleanor|Franklin).*Roosevelt/;
let result = myRegex.test(myString); 

console.log(result); will display true
```
Starting my first portfolio app 
Tags: node, webdev, html, css
Published: 2021-05-04 18:36:50

Today I started working on a portfolio app using Node.js and Express. I've decided it's high time I get started teaching myself web tools. I've started setting up the project infrastructure using a tutorial, but I plan on branching off away from that in order to make something that is unique and that I am proud to show off to others.