teleren/devto huggingface dataset:
PHPStorm Tips #2 : Select Occurences
Tags: phpstorm, productivity, php, webdev
Published: 2022-07-19 19:14:13

Aujourd'hui, focus sur 2 raccourcis !

## Select All Occurences -  `Ctrl` + `Alt` + `Shift` + `J` 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6x1n5i9gjm77umpl9zkm.png)

💡 Pratique pour :

- 🖊️ **Renommer** rapidement **toutes les strings similaires**
- 🎯 Chopper un **multicurseur** dans une structure avec le même pattern

Sélectionne le mot / bout de string que tu veux rechercher, puis `Ctrl` + `Alt` + `Shift` + `J` 

PHPStorm va te donner un multicurseur. A partir de là, tu peux renommer, te balader, etc. Ultra pratique, regarde, je sélectionne "code", j'utilise le raccourci, et BIM :

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wv9po8ncyh9c5qk8t1ca.gif)

## Add Selection for Next Occurence -  `Alt` + `J` 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f5baaw0rt3xilwjl1l9f.png)

Similaire au raccourci plus haut, sauf qu'il va prendre **l'occurence qui suit** celle qu'on vient de sélectionner, pas TOUTES (pratique si on veut faire la fine bouche).

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hekmixagqonuru2m7ad5.gif)

Note, ces raccourcis fonctionnent également sur **des bouts de strings**, que ce soit du texte ou du code... on peut donc être très créatif :

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x8lj4yqyx0ob6ehrfenn.gif)

> ⛈️ **Le commentaire de l'expert** : ces raccourcis sont tops pour modifier des chaines/clés/valeurs, mais pour tout ce qui est changement rapide de nom de variable ou de méthode, toujours utiliser l'outil de refactor `Shift` + `F6`
7 Next-Level CSS Codepens to Inspire Your Future Creations 😍✨
Tags: webdev, css, frontend, inspiration
Published: 2022-07-19 19:12:35

---
title: 7 Next-Level CSS Codepens to Inspire Your Future Creations 😍✨
published: true
description: 
tags: webdev, css, frontend, inspiration
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k28l8cr4qcvljqyh22zp.png
canonical_url: https://madza.hashnode.dev/7-next-level-css-codepens-to-inspire-your-future-creations
---
In this article, I have compiled some of my favorite CSS artworks, that prove the power of CSS and show what you can achieve with it if you use it right. 

For each CSS artwork, I will provide a direct link, an interactive preview, as well as the author links, so you can explore more of their work, too.

<hr>

## [Muson.css](https://codepen.io/fossheim/pen/BapZQjK)
By: [Sarah Fossheim](https://codepen.io/fossheim)

{% codepen https://codepen.io/fossheim/pen/BapZQjK %}

## [Polariod Camera](https://codepen.io/kassandrasanch/pen/WNxJZyz)
By: [Kass](https://codepen.io/kassandrasanch)

{% codepen https://codepen.io/kassandrasanch/pen/WNxJZyz %}

## [3D Chess Board Model with Pieces](https://codepen.io/ShadowShahriar/pen/JjXaOqe)
By: [S. Shahriar](https://codepen.io/ShadowShahriar)

{% codepen https://codepen.io/ShadowShahriar/pen/JjXaOqe %}

## [CasioPT-1](https://codepen.io/fossheim/pen/VweaNYW)
By: [Sarah Fossheim](https://codepen.io/fossheim)

{% codepen https://codepen.io/fossheim/pen/VweaNYW %}

## [DeLorean](https://codepen.io/ykadosh/pen/yLzmKYp)
By: [Yoav Kadosh](https://codepen.io/ykadosh)

{% codepen https://codepen.io/ykadosh/pen/yLzmKYp %}

## [CSS Art Keyboard](https://codepen.io/kassandrasanch/pen/ExyrGKR)
By: [Kass](https://codepen.io/kassandrasanch)

{% codepen https://codepen.io/kassandrasanch/pen/ExyrGKR %}

## [Arduino UNO with LCD Display](https://codepen.io/ShadowShahriar/pen/pobqepZ)
By: [S. Shahriar](https://codepen.io/ShadowShahriar)

{% codepen https://codepen.io/ShadowShahriar/pen/pobqepZ %}

<hr>

Writing has always been my passion and it gives me pleasure to help and inspire people. If you have any questions, feel free to reach out!

Connect me on [Twitter](https://twitter.com/madzadev), [LinkedIn](https://www.linkedin.com/in/madzadev/) and [GitHub](https://github.com/madzadev)!

Visit my [Blog](https://madza.dev/blog) for more articles like this.
PHPStorm Tips #1 : Review une PR Github
Tags: phpstorm, productivity, php, webdev
Published: 2022-07-19 19:07:38

Tu savais qu'il était possible de review une PR GitHub directement depuis PHPStorm ?

Assure-toi d'avoir le plugin GitHub (**pré-installé** théoriquement) :

![Le plugin GitHub dans PHPStorm](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qvwputvkaogfxnevf7w4.png)

Puis dans l'onglet **Pull Requests**, tu peux chercher des PRs par leur nom ! Regarde :

![Demonstration video du plugin](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9wi22l4f2v8i7gesat4l.gif)

D'ici, tu peux même commencer une review, commenter, choisir l'affichage du diff (unified, split) et lâcher un GTM. C'est pas dingo ça ?

> ⛈️ **Le commentaire de l'expert** : attention, PHPStorm **ne tire pas la branche**, mais montre uniquement le diff. Tous les autres fichiers du projets sont donc à l'état de ta branche locale, ne te fais pas fumer !
Top 7 Featured DEV Posts from the Past Week
Tags: top7
Published: 2022-07-19 18:42:12

---
title: Top 7 Featured DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week
tags: icymi 
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---

_Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week._ 

## Automating YouTube with Python

Taking from his League of Legends highlights, @joaomaranhao made a Python script that would upload his wins to YouTube automatically! 

{% embed https://dev.to/joaomaranhao/how-i-used-python-to-automate-a-youtube-channel-ph0 %}


## Coding for Amazon

@bytebodger provides some insight as to what it’s like working for Amazon as a front-end developer!

{% embed https://dev.to/bytebodger/what-its-like-to-code-for-amazon-4nke %}


## Education Through Honesty

In this post, @dmarinere opens up about some mistakes they made in an effort to help you avoid the same ones. We're ALL going to make mistakes at one point or another, but it's wise to try and learn from the missteps others have made. Thanks for your honesty, Emmanuel!

{% embed https://dev.to/dmarinere/getting-started-in-tech-8-mistakes-i-made-517l %}


## How to Learn Consistently

Having a routine of always learning each day can be difficult to upkeep, but necessary for developers to stay up to date. Here are some general principles from @abh1navv that will help us invest our time efficiently.

{% embed https://dev.to/abh1navv/an-approach-to-continuous-learning-30pk %}


## Why Use Linux?

@techmaniacc shares some of the latest reasons why developers have largely shifted their preference from Windows to Linux.

{% embed https://dev.to/techmaniacc/why-do-developers-prefer-linux-32a3 %}


## When to ORM

In this post, @harshhhdev familiarizes you with the different advantages and disadvantages that ORMs provide to help you decide when it would be appropriate to include them in your tech stack.

{% embed https://dev.to/harshhhdev/why-orms-arent-always-a-great-idea-41kg %}


## Get Paid to Write Technical Articles 

@juliafmorgado put together a list of websites that pay technical writers a good amount of money.

{% embed https://dev.to/juliafmorgado/get-paid-to-write-technical-articles-16cl %}


_That's it for our weekly Top 7 for this Tuesday! Keep an eye on dev.to this week for daily content and discussions… and be sure to keep an eye on this series in the future. You might just be in it!_
Handling different node versions in Windows
Tags: javascript, typescript, webdev, node
Published: 2022-07-19 18:38:04

Whenever we work on different node projects, there are chances that each node project will have a different node version. To handle different node versions NVM [ Node Version Manager ] can be a useful one.

Nvm allows you to quickly install and use different versions of node via the command line.

You can follow the below steps to install nvm on your windows machine

- Download the latest version of nvm .zip file from the below link

[Nvm Download Link](https://github.com/coreybutler/nvm-windows/releases/)

![Nvm zip link](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wfazev8m5269hl6bo0cm.png)

- Unzip the file and once the installation wizard opens click on the Next button untill you see the Install button. 
- Click on the Install button finally and once the installation is over on completion of the progress bar click on the Finish button.
- Once your installation is over in your command line interface type nvm --version and the version of the nvm installed should be displayed.
- Now in order to install node version of various types the below command
  - nvm install 16.13.0
  - nvm intall 12.13.0
- Once the respective versions are installed the below command is used to list the various node versions installed in the system.
  - nvm list
- To use a specific node version you can use the below command
  - nvm use 12.13.0
- Now you can always use different node versions and this command line helps us to jump between all our installed versions.

Thank you for reading ❤️ !

Feel free to connect with me via [Twitter](https://twitter.com/Dhanush_Nehru) for more insights or tech discussions
Spring
Tags: java
Published: 2022-07-19 18:36:56

**Spring** es el framework mas popular para crear aplicaciones Java.
A que llamamos framework?
A un entorno de trabajo que esta compuesto por reglas y herramientas que facilitan enormemente el desarrollo de aplicaciones.
Spring es la alternativa al desarrollo de aplicaciones JEE
Una característica principal de Spring:
- Mas simple y ligero
Porque Spring?
Spring se creo para desarrollar las dificultades que daba javaEE
Las características de EJB Y Spring son similares.
**Recomendaciones para una ruta Spring**
Aprender -> JEE -> EJB Y Spring <3
Talk about a time when you had to make a critical decision during production
Tags: discuss, career, help
Published: 2022-07-19 18:33:07

_This is an anonymous post sent in by a member who does not want their name disclosed. Please be thoughtful with your responses, as these are usually tough posts to write. Email sloan@dev.to if you'd like to leave an anonymous comment or if you want to ask your own anonymous question._ 

***

How do you manage big decisions during production?? How do they happen? How do you manage it? And how can you communicate any big changes to team mates? Looking for some helpful guidance!!
Paracetamol.js💊| #170: Explica este código JavaScript
Tags: spanish, webdev, programming, javascript
Published: 2022-07-19 18:28:57

## **<center>Explica este código JavaScript</center>**
#### <center>**Dificultad:** <mark>Intermedio</mark></center>

```js
const perro = {
  id:1,
  color:"negro",
  cola: false
}

const DEFAULT_OBJ = {
  id: "sin id",
  color: "default",
  nombre: "sin nombre",
  cola: "-"
}

const getPerro = (obj) => {
  return {
    ...DEFAULT_OBJ,
    ...obj
  }
}

console.log(getPerro(perro))
```

A. 
```js
{
  id:1,
  color: "negro",
  cola: false
}
```
B. 
```js
{
  id:1,
  color: "negro",
  nombre: "Boby",
  cola: false
}
```
C. 
```js
{
  id:1,
  color: "negro",
  nombre: "sin nombre",
  cola: false
}
```
D. `Ninguno de los anteriores`

Respuesta en el primer comentario.

---
What do you guys include on your resume when applying for tech jobs?
Tags: career, jobs, webdev, resume
Published: 2022-07-19 18:28:18

Building out my resume. Writing out my previous work history. Interesting to look back at what I was responsible for and the work I was assigned and how that can be used with getting a role in the tech field. 

I want to know, what do you include on your resume. If you are a recruiter, then what are things on resumes you have received that stick out to you both good and bad. 

Thanks for reading! 
Scott Muangsrichan
SPA-Storage a Plugin for Svelte and Pinia Browser Storage
Tags: svelte, pinia, spa, browserstorage
Published: 2022-07-19 18:11:01

<p>Hello World.. Development is full of reusable code and when ideias become good, that ideia become reusable.
<br><br>
With this in mind I have been using in some of my projects a plugin that I developed that really help me. The ability to save and retrieve information in the storage.
<br><br>
Despite the fact it is very simple to do it in Svelte and Pinia, I have enhanced a little to facilitate my interaction with the stores and relieve myself of rewriting the same code over and over again.
<br><br>
Now I pushed to an npm repository to help everyone and myself to just import and install it.
</p>
[NPM — SPA-STORAGE](https://www.npmjs.com/package/spa-storage)
<hr>
<h2>The Plugin</h2>
The installation is very easy and it is just a npm command away.

`npm install spa-storage`

After that you can import it and set some options as well choose if you want interact with Storage or Forage.
![An example of options being set — really ease!](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ymdcsmn4ivdzakk6nwai.png)<center><small>An example of options being set — really ease!</small></center>
The options in the above example set to use the Forage of the Browsers, as well the encrypting the information. This is a simple encription that anyone can break, it is only to scramble the information in the browser.
![No Encription](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vgkvago0sqk17xjrx7va.png)<center><small>No Encription</small></center>
![With Encription](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zl4wkqobcgy3nwxwa12q.png)<center><small>With Encription</small></center>
<hr>
<h2>The Usage</h2>
It works with Svelte and Pinia — this second is for VueJS.

<h3>Svelte Usage</h3>
![Example of the value being set in the storage](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s5uitr3n3i5ixq6q4u2l.png)<center><small>Example of the value being set in the storage</small></center>
Now retrieving the information, most common case is the first load of the application.
![Example of retrieval of information
](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4pernpjt7al3e5s6y6pq.png)<center><small>Example of retrieval of information</small></center>

<h3>Pinia Usage</h3>
![Pinia is a little bit different from Svelte](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z5mciprkudqrkdcm06zo.png)<center><small>Pinia is a little bit different from Svelte</small></center>
<hr>
<h2>Conclusion</h2>
And that is it.. I just wanted to write this simple article to demonstrate this plugin.

For more information you can go to the [NPM repository](https://www.npmjs.com/package/spa-storage).
<hr>
<h2>Other Projects</h2>
[Finance Notes](https://financenotes.com.br/): Click to see this project made with Svelte and Framework7.

[Function Point Counter](https://functionpointcounter.com/#/home): Click to see this project made entirely with Svelte.

[Svelte-Client-Router](https://www.npmjs.com/package/svelte-client-router): Click to see this router that is really ease to use with SPA Svelte Projects.
How to detect your leaking API endpoints using EthicalCheck
Published: 2022-07-19 18:02:14

I'm a security researcher. I deal with a lot of APIs. When it comes to security testing APIs, there aren't many tools for the job.
Most tools were built for web applications, especially for checking security flaws from legacy application server configurations, browser, session, account login, etc. But API has none of these issues.

When it comes to API security testing, a different tool is needed that can go deep into APIs, OAuth 2.0, and business-logic flaws rather than the legacy approach.

We came up with this simple tool that automatically security tests APIs. Please try this tool and get a free API security testing report for your public, mobile, and web APIs.

Here is the URL:
https://ethicalcheck.apisec.ai
Square(n) Sum
Tags: beginners, programming, python, discuss
Published: 2022-07-19 17:51:35

DESCRIPTION:
Complete the square sum function so that it squares each number passed into it and then sums the results together.

For example, for [1, 2, 2] it should return 9 because 1^2 + 2^2 + 2^2 = 9.

Sample Tests-

```
import codewars_test as test
from solution import square_sum

@test.describe("Fixed Tests")
def basic_tests():
    @test.it('Basic Test Cases')
    def basic_test_cases():
        test.assert_equals(square_sum([1,2]), 5)
        test.assert_equals(square_sum([0, 3, 4, 5]), 50)
        test.assert_equals(square_sum([]), 0)
        test.assert_equals(square_sum([-1,-2]), 5)
        test.assert_equals(square_sum([-1,0,1]), 2)
```

Solution- ###Python

```
def square_sum(numbers):
    a=[]
    for i in range(len(numbers)):
        a.append(numbers[i]**2)
    return sum(a)
```
New release: Open source code editor for data pipelines
Tags: datascience, machinelearning, tooling
Published: 2022-07-19 17:47:38

We've released our new open source code editor for transforming data and building ML pipelines: https://github.com/mage-ai/mage-ai

**3 reasons to try out this new tool 🛠:**

1️⃣ Data centric experience: transform your data and do feature engineering.
2️⃣ Product ready code: write modular code, testable code, and build ML pipelines that execute your code the exact same way in development and production.
3️⃣ Extensible: open source and easy to add new features through extensions or changing the source code.

Here is the install guide: https://github.com/mage-ai/mage-ai#using-pip

Short tutorial: https://github.com/.../tuto.../train_titanic_model/README.md

Would love to get your thoughts! 💭 Join our slack community for questions, support, or to provide feedback: https://mage.ai/chat

Thank you! 🙏
Looking for a job
Tags: react, javascript, python, css
Published: 2022-07-19 17:38:31

[For Hire][Remote]
I am a smart, creative and passionate **front-end developer**  who has strong technical skills.
I like working with well defined projects and hardworking within team environment.
Currently, I am looking for a new job.

**Experienced industry**:
  E-commerce, Healthcare, SaaS, Booking, Defi, DApp, NFT marketplace, Gaming platform, Metaverse.

**Skills**:
  **Front End**
  - HTML/CSS/Javascript/Typescript
  - Bootstrap/Tailwind CSS/Material UI/Vue storefront UI, Vuetify.
  - React/Next/Gatsby, Vue/Nuxt. React-Native.
  - Web3, Ethers.js, Three.js, D3.js, WebGL, GSAP.
  - GraphQL, Restful API.

**Blockchain**
  - Hardhat, Truffle, IPFS, Pinata.
  - Solidity, Rust, PyTeal, Reach.

**Backend**
   - Node, Express, Python, Flask.
   - Firebase, MongoDB, MySQL, PostgreSQL.

Please contact me if you are looking for a developer or need some help.(james.lee.intelligent@gmail.com)
Thank you very much.
home interior design in Bangladesh
Tags: interiordesign, architecture, interior, design
Published: 2022-07-19 17:38:05

Would you like to arrange a decent quality inside to design the interior of your house? Then contact our company now. Our company is known as a respected company in Bangladesh LIMRS Constructions and Interior is a highly regarded firm, participating in spaces such as Civil Construction, Home Interior Designing, Architecture, and so on. Home interior design company provides excellent quality service at low price in Bangladesh .The best home interior design service in Bangladesh. Home Interior Design in Bangladesh by home interior design is here to help you find the best home interior design and decoration services in Bangladesh from professional designers and contractors. You can find interior design for a low prize in Bangladesh. We are a team of Engineers with more than 10 years' experience in the field of uniform development and internal management. We effectively support the activities of Business Houses, Offices, Accommodation, Commercial Construction, Hotels and Restaurants etc. in the National Capital and throughout Bangladesh .If you want to read more about interior design service [click here ](https://limrs.com/
)
        
 #Homeinteriordesigninbangladesh 
 #Interiordesigninbangladesh
I've got banned from YouTube and Vimeo. - Now what?
Tags: gamedev, watercooler, rant
Published: 2022-07-19 17:28:21

So, gamedevs usually need a way to gain traction, especially if they are (or want to be) stand-alone devs.
One of the easiest ways one can achieve this feat is by using a service such as [YouTube](https://www.youtube.com) or [Vimeo](https://www.vimeo.com).

However now, as of today, my Vimeo account got terminated for a harmless three second video, which was a clip of a guy saying "no!" repeatedly, taken from [this YouTube video](https://youtu.be/Hg5dAwpftRk).
And apparently, according to Vimeo:
> Reason: We do not permit accounts that upload rips of movies, music, television, viral videos, or any other content that the users did not create.
But I feel like their reason for banning me is unjust.
I would understand if this was to protect against pirated content, but no, this was just a clip I liked because it was funny.

Now what do I do?
There's nowhere I can demo my content, or do anything in the "videographic" world at this point.
I am looking for a job related web and mobile app development
Published: 2022-07-19 17:21:22

[For Hire][Remote]
I am a smart, creative and passionate full-stack Web & Mobile app Developer who has strong technical skills.
I like working with well defined projects and hardworking within team environment.

Experienced industry:
  E-commerce, Healthcare, SaaS, Booking, Defi, DApp, NFT marketplace, Gaming platform, Metaverse.

Skills:
  **Front End**
  - HTML/CSS/Javascript/Typescript
  - Bootstrap/Tailwind CSS/Material UI/Vue storefront UI, Vuetify.
  - React/Next/Gatsby, Vue/Nuxt. React-Native.
  - Web3, Ethers.js, Three.js, D3.js, WebGL, GSAP.
  - GraphQL, Restful API.

Blockchain
  - Hardhat, Truffle, IPFS, Pinata.
  - Solidity, Rust, PyTeal, Reach.

Backend
   - Node, Express, Python, Flask.
   - Firebase, MongoDB, MySQL, PostgreSQL.

Please contact me if you are looking for a developer or need some help for the development.
(james.lee.intelligent@gmail.com)
Thank you very much.
Journey to becoming an iOS Developer
Tags: womenintech, ios, 100daysofcode, swift
Published: 2022-07-19 17:20:00

**Day 0**

**Prerequisites:**
Will Power
Xcode - download from the Mac App Store 

**Here are 7 things we will be covering:**

1. Core Skills 
2. Extension skills 
3. Common Mistakes
4. Learning Resources 
5. Connecting to the community 
6. How long will it take
7. Preparing to apply for a job 

**Resources:**
[Hacking with Swift](https://www.hackingwithswift.com/)
best mod menu game download for android
Tags: programming, gamin, mod, beginners
Published: 2022-07-19 12:46:54

Stumble Guys is a massively multiplayer party knockout game with up to 32 players online intention to struggle through levels round after round of escalating chaos until one victor remains! If you fall, just start again and run. Join the endless running fun!

About Stumble Guys
Dive into a series of ridiculous challenges and bizarre obstacles, knock down your rivals and overcome everything to win! So, are you ready to get totally wiped out? Download Stumble Guys the ultimate knockout game now and take a part of this ultimate madness. Invite your dudes also and beat them all!

Fun Features
• Run & Dash & Slide past opponents
• Dodge oncoming obstacles
• Battle Royale real multiplayer
• Colorful and crazy in design
• Comically Physical
• Many customization options
• Tons of hilarious fails
• Lots of different levels

[download here](https://cibermod.com/stumble-guys/)