teleren/devto huggingface dataset:
Arrêtez d'utiliser Postman
Tags: postman, vscode
Published: 2022-09-07 21:27:22

## Thunder Client

Dans cet article, je vais te parler d'une extension très intéressante pour VS Code : [Thunder Client](https://www.thunderclient.io). C'est en fait un client HTTP qui va te permettre de tester une API Rest ou GraphQL directement depuis ton IDE préféré 💖

### 💀 Pourquoi devrais-je arrêter d'utiliser Postman ?

Postman est un outil vraiment efficace et utilisé par la plupart des développeurs. Malgré ses nombreux avantages (tests automatisés, gestion des tests, gestion du cycle de vie des API entre autres), le client de bureau devient de plus en plus lent au fur et à mesure des mises à jours et l'interface utilisateur commence à être **difficile à comprendre**.

Je pense ne pas me tromper en vous donnant ce second argument pour vous faire télécharger cette extension : **centraliser ses outils de travail**, pour une meilleure efficacité.

C'est quand même bien pratique de tout avoir au même endroit non ? Ça nous évite de démarrer 15 applis pour commencer à travailler. Lancez VS Code et vous aurez votre éditeur et votre client HTTP. Et en tant que développeur, j'aime ce genre d'optimisation 😎

### 🔧 Installation

Il suffit simplement de te rendre sur la page de [téléchargement du plugin](https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client) sur le marketplace de Visual Studio. Il est également possible de le télécharger depuis le logiciel directement, dans l'onglet "Extensions" (Ctrl+Shift+X) et rechercher "Thunder Client".

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

Un redémarrage de VS Code sera sans doute nécessaire.

### 🤔 Comment ça marche ?

Si vous utilisiez Postman ou un autre client HTTP, vous ne serez pas perdu. Le client s'intègre de manière élégante et fluide à VS Code. Créez des nouvelles requêtes de type POST,GET,PATCH... rapidement ou créez des collections pour regrouper et ranger vos endpoints.


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

### 📂 Importer une collection depuis Postman

Et oui, c'est possible ! Pour faciliter votre transition de Postman vers Thunder Client, voici la marche à suivre :

- Ouvrez Postman et sélectionnez la collection que vous voulez exporter


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

- Sélectionnez Collection v2.1


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

- Ouvrez l'onglet Thunder Client sur VS Code puis cliquez sur l'icône et "Importer". Importez le fichier json que vous avez exporté depuis Postman.


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

- Vous pouvez maintenant jouer avec votre collection Postman sur VS Code !


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

À vous de jouer !
Is my cv ready for remote work on Europe?!
Tags: webdev, python, career, productivity
Published: 2022-09-07 21:12:26

All feedbacks are welcomed❤️

My cv on drive:
https://drive.google.com/file/d/1WkoGMVbuV6mPeTF_dsWmPVUiM6odUkol/view?usp=drivesdk
Why front end should learn hacking
Tags: cybersecurity, webdev, programming, security
Published: 2022-09-07 21:08:30

## What is an attack surface?
>An attack surface is defined as the total number of all possible entry points for unauthorized access into any system. It includes all vulnerabilities and endpoints that can be exploited to carry out a security attack. The attack surface is also the entire area of an organization or system that is susceptible to hacking.  
>[Katie-Terrell-Hanna](https://www.techtarget.com/contributor/Katie-Terrell-Hanna) in [this article](https://www.techtarget.com/whatis/definition/attack-surface) 

## Front-end engineer's 
Often think of security as a thing for database managers and back-end engineers. But The front end is the front-lines when it comes to security. You design the attack surface. You decide which files are served to the client.
Now I'm not saying you have to be a master hacker to create an effective and safe front-end to your application. But we are all cogs in a large piece of machinery. Knowing how that machine all fits together and what role each piece takes is important in helping us do our jobs more effectively. 

## Why front-end security matters 
People input their information to the front end of applications. Sometimes sensitive data. It is the front-end engineer's job to make sure the information is passed to and from the backend safely. That it's not tamped with or even intercepted. Think of the security risk a single api key could create in the wrong hands. Or if you're the reason a hacker gets your clients credit card number. 

## Security is everyone's job.
Couldn't be more true. We should all take our impact on the security of others more seriously. Understanding that all developers are responsible for the safety of an application is a great place to start. Knowing the basics of how cyber crimes happen is key to preventing them in my opinion, no matter what end of  the web you work on. Stay safe out there.
Technical Interview - Code #007 - LeetCode #606. Construct String from Binary Tree
Tags: java, programming, career, leetcode
Published: 2022-09-07 20:59:33

{% youtube https://youtu.be/67KKInzPfrI %}

## Level

Easy

## Complexidade

Linear

## Topicos

Arvores Binarias, Travessia Pre-Ordem

## Problema

Dada a raiz de uma árvore binária, construir uma String composta de parênteses e valores inteiros de uma árvore binária com o caminho de travessia da pré-compra, e devolvê-lo.

Omitir todos os pares de parênteses vazios que não afetam a relação de mapeamento um-para-um entre a cadeia de caracteres e a árvore binária original.


Restrições:

* O número de nós na árvore está na faixa [1, 104].
* -1000 <= Node.val <= 1000


## Exemplo

<p>&nbsp;</p> 
<p><strong>Example 1:</strong></p> 
<img alt="" src="https://assets.leetcode.com/uploads/2021/05/03/cons1-tree.jpg" style="width: 292px; height: 301px;" /> 
<pre>
<strong>Input:</strong> root = [1,2,3,4]
<strong>Output:</strong> "1(2(4))(3)"
</pre>

<p><strong>Example 2:</strong></p> 
<img alt="" src="https://assets.leetcode.com/uploads/2021/05/03/cons2-tree.jpg" style="width: 207px; height: 293px;" /> 
<pre>
<strong>Input:</strong> root = [1,2,3,null,4]
<strong>Output:</strong> "1(2()(4))(3)"
</pre>

## Implementar

```java
class Solution {
    public String tree2str(TreeNode root) {
        
    }
}
```

## Fonte

606. Construct String from Binary Tree  
[https://leetcode.com/problems/construct-string-from-binary-tree/
](https://leetcode.com/problems/construct-string-from-binary-tree/
)

## LinkedIn

[https://www.linkedin.com/in/joaocarlosvale/
](https://www.linkedin.com/in/joaocarlosvale/
)

## GitHub

[source](https://github.com/jcarlosvale/playground/blob/master/src/main/java/tests/leetcode/challenge30days/september2022/ConstructStringFromBinaryTree.java)
Rainbow Scroll
Tags: css, javascript, fun, webdev
Published: 2022-09-07 20:55:33

Simple and fun idea:

**The color of the headings (or whatever) changes depending on how far the page was scrolled down.**

This function gives us the percentage value:
```js
function getScrollPercent() {
    var h = document.documentElement,
        b = document.body,
        st = 'scrollTop',
        sh = 'scrollHeight';
    return (h[st] || b[st]) / ((h[sh] || b[sh]) - h.clientHeight) * 100;
}
```

> We have to multiply that by 3.6 so that we have the HSL circle complete.

Then just an event listener:
```JS
var r = document.querySelector(':root'); 

document.addEventListener('scroll', (e) => {
    let percent = getScrollPercent();
    let hsl = Math.round(percent * 3.6); 
    r.style.setProperty('--rainbowColor', 'hsl(' + hsl + ', 70%, 50%)');
})
```

And the corresponding CSS:
```CSS
:root {
    --rainbowColor: hsl(0, 100%, 50%);
}

h1,h2,strong {
    color: var(--rainbowColor);
}
```

[Try it out](https://koljal.github.io/RainbowScroll/)   
[Repo](https://github.com/KoljaL/RainbowScroll/)
📢 New feature release : get ALL domains 🙀
Tags: showdev, java, news, api
Published: 2022-09-07 20:52:10

## ❔ About

Until recently we could get details about a specific domain name...

> but we could not get the list of all existing domains 😔

But now... this feature is available : 

[🛒 On RapidAPI marketplace❕](https://rapidapi.com/opt-nc-opt-nc-default/api/domaine-nc/details)


## 🍿 Demo

Enough talk : it's showtime 🎉

{% youtube https://youtu.be/aEkj8D3LLWM %}

## 🔖 Related content

Thanks to this endpoint we could produce some data analysis, see previous post for more : 

{% embed https://dev.to/optnc/from-api-to-csv-then-datascience-with-jupyter-41em %}
Dive into the Open Source
Tags: opensource, javascript, webdev, beginners
Published: 2022-09-07 20:39:04

## Who am I?
My name is Rudy, I am currently a computer programming student at Seneca College in Toronto. In the past, I completed a Bachelor's degree at the University of Toronto majoring in Philosophy with minors in Classical Civilization and East Asian Studies. I was spurred to make such a drastic change in field partially out of necessity and partially out of an interest in programming since high school. I have done my co-op terms at Seneca College's Learning Centre leading their supported learning groups for programming students, then as a developer at a company which develops web apps using PHP. So it's safe to say that I've had a varied breadth of experiences so far in my life path. 
## Why am I taking OSD600?
I chose OSD600 because it seemed like it would give me an idea of what production-level code and coding standards looks like. This is one of the notable gaps that I've found to be present between code that both I and many other students write for academic purposes and code that is written for the "real world".
##  What about Open Source attracted me?
What attracted me about Open Source was that I did not know all that much about it. Other than Linux and its intertwined history with the Open Source community, as well as passing knowledge of general philosophy behind Open Source, I do not have all that much understanding of the wider Open Source community.
## What am I hoping to accomplish this term?
I hope to dive into and immerse myself in the Open Source community to get an idea of what it is like through taking OSD600. This will give me a better idea of what programming languages and types of projects I enjoy working with.
## What kinds of projects do I want to work on?
I want to work on web apps since I think they are the most accessible to a wider audience. They can be built for any web browser, and for multiple platforms which is a powerful advantage. I have build my own smaller web apps before for utility purposes, but I want to see how wide the scope gets. 
## The GitHub trending repo I researched
The GitHub trending repo that I researched was [reveal.js by hakimel](https://github.com/hakimel/reveal.js). It is a allows for the creation of a slideshow presentation that is accessible via web browsers, including those on mobile devices. I picked this repo because I believe that making information presentable and accessible is something that often gets overlooked. The possibility of creating eye-catching presentations that can be accessed through mobile devices on their web browsers is an intriguing prospect to me.
Sentiment Analysis and its Applications in Entertainment
Published: 2022-09-07 20:30:06

Sentiment Analysis aims to use natural language processing ([NLP](https://www.techtarget.com/searchenterpriseai/definition/natural-language-processing-NLP#:~:text=Natural%20language%20processing%20(NLP)%20is,in%20the%20field%20of%20linguistics.)) to identify the emotions behind what a given body of text was written with.

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

While sentiment analysis may not necessarily be the most cutting edge technology within machine learning, it can be an extremely valuable descriptive and predictive tool for data scientists in any industry.

Since my background is in entertainment, I wanted to outline a few of what I believe to be the most topical and effective applications of sentiment analysis in the entertainment industry.

**1. Fine-grained sentiment analysis on data-scraped social media reactions to films and especially episodic content shortly after release:**

As the streaming landscape continues to evolve (or devolve back to the times of cable TV depending who you ask), being able to accurately gauge the success of shows in real time can help businesses make crucial decisions regarding resource allocation. 

Traditional metrics such as viewers and time viewed are undoubtedly useful, but being able to gauge authentic and immediate consumer reaction allow companies like Netflix and Hulu to more plugged into what the majority of their user-base really thinks while drowning out the noise of hot-take media coverage and critical response. 

In my opinion, analyzing more casual forms of communication like Tweets and Insta posts allows for a close understanding of reality than something like Rotten Tomatoes reviews, which are generally skewed towards being incredibly negative or incredibly positive.

**2. Aspect-based analysis as an additional tool for casting directors:**

Having access to a large quantity of data in regards to how audiences react to certain actors could prove to be invaluable for casting directors and producers moving forward. 

This would essentially mimic the screentesting process, but instantly and continuously on huge quantities of regular movie goers.

This information coupled with casting directors current methods and understanding could allow studios to make more informed decisions with respect to casting for a huge TV show or feature.

Using machine learning to predict how a production might perform allows companies to work smarter and more efficiently in a time where there is a content war for attention and consumers have more choice than they have ever had before.
How Slack Uses Remote Development to Improve Dev Experience & Productivity
Tags: slack, cloud, productivity, devops
Published: 2022-09-07 20:23:20

[YOU'RE INVITED👇]

⏰ Wed, Sep 14, 2022, || 10:00 AM PST.⏰ 

REMOTE DEVELOPMENT capabilities give the developers the POWER to develop locally while full-stack is running in the cloud, which makes changes visible to all team members (including QAs and Product teams) without any need to rebuild.

https://www.linkedin.com/video/event/urn:li:ugcPost:6962637599597355008/
Forem as hybrid blog+mailing-list, substack style?
Tags: discuss, meta, forem, writing
Published: 2022-09-07 20:13:23

> **TL:DR** Has someone thought about/tried to build a mailing list based on your DEV/Forem feed?

More context:

Email (with mailing-list) is, while clearly tricky, perhaps the most underrated way of spreading your content to **your** audience. Which sounds like a better long-term strategy than feeding Twitter, Facebook's and other asocial media's need for more data, and hoping they never change their algorithms.

https://substack.com has gotten lots of traction by doing this right.

Want to receive tips on What To Cook When You Don't Feel Like Cooking?

Just go here https://whattocook.substack.com/ and enter your email.

But in fact this is also a blog, automatically built when you add content, and that you can read at https://whattocook.substack.com/archive

Forem is primarily a blog but maybe there is a way to build a mailing-list around the content you produce?

Thoughts?
Wednesday Links - Edition 07-09-2022
Tags: java, jvm, distributedsystems, spock
Published: 2022-09-07 19:48:42

Implementing Raft using Project Loom (24 min)🏝️
https://softwaremill.com/implementing-raft-using-project-loom/

A Distributed System is Knowable: an Impossible Thing for Developers (3 min read)🤯
https://www.infoq.com/news/2022/09/distributed-system-knowable/

Spock 2.2 released (30 sec)🎉
https://twitter.com/spockframework/status/1564999285250326529

Configuring CORS with Spring Boot and Spring Security (8 min)🔀
https://reflectoring.io/spring-cors/
Road to Front-end Developer Day2
Tags: javascript, beginners, webdev, tutorial
Published: 2022-09-07 19:44:25

Howdy!

For today, I am going to show you how to utilize VScode IDE and run JavaScript without having to create HTML and attach script file. I did not really tried to use this method until few month ago when I wanted to simply practice JavaScript skills! 

There are many ways you could run JavaScript console in VSCode but this one is just super simple!
All you need to do is to go to Extensions -> Search Code Runner

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

Install this extension and go back to the file, you do not need to edit any config file or anything. Simply type any function or JavaScript code in the file just like below.


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

Then all you have to do is either:

1. right click then hit "Run Code"
or
2. ctrl+alt+N

Voila! The result will display in the Output tab on your console! Hopefully this helps ya learn how to code efficiently! It even gives you the run time of your code! Next Post, I will Gladly take you to what JavaScript do you need to know in order to get into React? Stay tuned!

Happy Coding

Masaki Hook
Migrating from Cypress to Playwright using GPT3
Tags: playwright, cypress, javascript, testing
Published: 2022-09-07 19:12:11

Cypress and @playwright/test are two competing integration testing frameworks. We have been using Cypress for a long time but recently made a decision to migrate our Cypress tests to Playwright, all 400 of them. It is absolutely worth it for the speed and reliability gains (a future post)... However, it meant a lot of manual work! Or so I thought...

https://contra.com/p/PWBcPYZc-rewriting-tests-from-cypress-to-playwright-using-gpt-3

Read how we automated the process almost entirely using GPT3 on Contra.
Welcome Thread - v190
Tags: welcome
Published: 2022-09-07 19:09:56

---
title: Welcome Thread - v190
published: true
description: Welcome to DEV! A thread of hellos and intros.
tags: welcome
canonical_url: 
---

![cartoon brain doing ballet](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8ynlpck0rcfazvt8el40.gif)

### Welcome to DEV!

1. Leave a comment below to introduce yourself! You can talk about what brought you here, what you're learning, or just a fun fact about yourself.

2. Reply to someone's comment, either with a question or just a hello. 👋 

**Great to have you in the community!**
Flask Example OAuth Github - Free Product
Tags: flask, oauth, opensource
Published: 2022-09-07 18:54:07

---
title: Flask Example OAuth Github - Free Product
published: true
description: Open-source Flask Starter enhanced with OAuth for Github, DB tools (Flask-Migrate), and Docker Support - Datta Able Design.
tags: flask, oauth, opensource
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y81pro4xiu63so1d45gn.jpg
canonical_url: https://appseed.us/product/datta-able/flask/
---
Helo Coders! 

This article presents an open-source [Flask Starter](https://appseed.us/product/datta-able/flask/) that implements the authentication layer in two flavors: a classic email/password check and Github SignIN via Flask-Dance library. The [sources](https://github.com/app-generator/flask-datta-able) can be downloaded from Github and based on the permissive license, used in commercial projects or eLearning activities. For newcomers, [Flask](https://appseed.us/admin-dashboards/flask/) is a leading backend framework used to code from simple, one-page sites to APIs and complex eCommerce solutions.  

- 👉 [Datta Able Flask](https://appseed.us/product/datta-able/flask/) - Product page
- 👉 [Datta Able Flask](https://flask-datta-able.appseed-srv1.com/) - LIVE demo

This free product is built on top of a simple and colorful Bootstrap design that provides a minimum set of pages, dashboard widgets, charts, and user profile pages.

---

## ✨ Product Highlights

- ✅ Modern stack: Flask & Bootstrap UI
- ✅ DB Tools: Flask-Alchemy ORM, Flask-Migrate
- ✅ Github OAuth via Flask-Dance
- ✅ Docker Scripts
- ✅ Free Support (eMail & Discord)

The product can be started in a local environment using the Docker setup shipped with the sources via a single line typed in the terminal.

```bash
$ docker-compose up --build  
``` 

![Flask Datta Able - SignIN Page (Login Example Github)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tuivrcmjvl389b8qmwyx.png)

--- 

## ✨ OAuth via Github & Twitter

This authentication method is optional and becomes active once the app detects the OAuth secrets in the `.env` file. For instance, if `GITHUB_ID` and `GITHUB_SECRETS` are provided, on the Sign IN page the Github authenticator becomes visible.

> 👉 Access the [LIVE demo](https://flask-datta-able.appseed-srv1.com/) and see how it works

![Flask Datta Able - Profile Page (Login Example Github)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xs00xaxs66q5mc9svnzk.png)

---
 
> **Flask Datta Able** - Dashboard Page (dark-mode active)  

![Flask Datta Able - Dashboard Widgets (Login Example Github)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mh6y5seao3o51hnfepmw.png)

---

> **Flask Datta Able** - Charts Page 

![Flask Datta Able - Charts Page (Login Example Github)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eegdxl3ksy4xvh8ttpso.png)

--- 

> Thanks for reading! For more resources and support, please access:

- 🚀 [Datta Able Flask](https://appseed.us/product/datta-able/flask/) - product page
- ✨ Ask for [support](https://appseed.us/support/) or download [free starters](https://appseed.us/apps/open-source/)