teleren/devto huggingface dataset:
Why choose Optymize’s Software Developer?
Tags: javascript, webdev, programming, python
Published: 2022-02-14 15:53:29

Nowadays companies irrespective of their reputation and size, find themselves in a challenging situation to hire top-quality talent. Your next optimal candidate may be located halfway around the globe. Optymize helps companies to scale their product teams by proving high-quality veytted remote engineers within 48 hours. 
Why Optymize? [https://optymize.io/why-optymize/](https://optymize.io/customer-form/)

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

Qualifications Of Our Engineers
1. Technical Qualities
2. Professional Qualities
3. No-Risk Trial

Advantages For Your Teams
1. Quick Team Understanding
2. Flexibility
3. Effective Communication

Your Overall Benefits
1. Cost-effective Price
2. Hands-on support
3. Long term relationship
To know more, click on: [https://optymize.io/why-optymize/](https://optymize.io/)
Como instalar Golang no Linux Ubuntu 20.04.3 LTS
Tags: go, linux, ubuntu
Published: 2022-02-14 15:50:40

Olá queridos desenvolvedores(as)!!

Nesse tutorial iremos ver como instalamos o `golang` no Ubuntu.

Primeiro passo acessar página de donwloads do `golang`:
[golang download](https://go.dev/dl/)

Iremos escolher a versão desejada, no caso a `1.17.7`

Na raiz no seu path iremos fazer o download com o `wget`

```
wget https://golang.org/dl/go1.17.7.linux-amd64.tar.gz -O gol.tar.gz
```


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

Iremos descompactar o path

`sudo tar -vzxf gol.tar.gz -C /usr/local`

Em seguinda iremos adicionar no bash de usa preferência, no caso zsh `sudo nano ~/.zshrc`:

```
export GOROOT=/usr/local/go
export PATH=$PATH:/usr/local/go/bin
```

Em seguida rodamos o comando para atualizar o zsh `source ~/.zshrc`.

Podemos testar no terminal a versão instalada do `golang`

`go version`


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

Eepero ter ajudado.
TIL: Midnight Commander | Open Same Folder in Another Panel
Tags: todayilearned, midnightcommander
Published: 2022-02-14 15:40:30

## Question

How to open same folder in another panel in [Midnight Commander](https://midnight-commander.org)?

## Answer

Use `Alt+i` or `Esc+i`. From man page

<!-- prettier-ignore -->
> Alt-i  make the current directory of the current panel also the current directory of the other panel. Put the other panel to the listing mode if needed.

## Links

-   https://midnight-commander.org
-   https://github.com/MidnightCommander/mc
-   https://unix.stackexchange.com/a/5926/172777
TIL: Tornado | Fix "tornado.util.TimeoutError: Operation timed out after 5 seconds"
Tags: todayilearned, tornado, pytest
Published: 2022-02-14 15:37:40

## Story

Whenever I debug my test for tornado code in the end I get this error

```python
...
> raise TimeoutError('Operation timed out after %s seconds' % timeout)
E tornado.util.TimeoutError: Operation timed out after 5 seconds

.venv/lib/python3.7/site-packages/tornado/ioloop.py:575: TimeoutError
```

## Question

How to fix `tornado.util.TimeoutError: Operation timed out after 5 seconds` on [`tornado`](https://github.com/tornadoweb/tornado) test debug?

## Answer

This is due `ASYNC_TEST_TIMEOUT` environment variable
[From docs](https://www.tornadoweb.org/en/stable/testing.html#tornado.testing.AsyncTestCase.wait)

> In the event of a timeout, an exception will be thrown. The default timeout is 5 seconds; it may be overridden with a timeout keyword argument or globally with the `ASYNC_TEST_TIMEOUT` environment variable.

And could be fixed by setting this variable to a bigger value in seconds

```console
$ # running tests with ASYNC_TEST_TIMEOUT set to 10 minutes
$ ASYNC_TEST_TIMEOUT=600 python -m unittest
```

or if you are using `pytest` with `pytest-tornado` plugin by passing `--async-test-timeout` argument to `pytest` command

```console
$ pytest --async-test-timeout=600
```

## Links

-   https://www.tornadoweb.org/en/stable/testing.html#tornado.testing.AsyncTestCase.wait
-   https://stackoverflow.com/a/49149757/3627387
The power of NOW!
Tags: productivity, motivation, writing, devjournal
Published: 2022-02-14 15:24:24

_Estimated reading time: 2 minutes, 34 seconds. Contains 516 words_

Live outside now; it's a real problem.

In whatever time period you are outside of now, you enter a spiral of regret/longing or expectation/anxiety.

> Past wishes, If they are like that in the future, I hope they will be...

A life lived through fatigue and what is no longer or what has not yet happened.


![Escape now](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/htgmgsmrtiige0fbu472.jpeg)

In that moment when anything is possible, you are free. No happiness, no unhappiness. There is no duality. There is no contention. No meaning. You do not exist. Because when the identity that you fill in by saying yourself has neither a past nor a future, you can be a new person at any moment.

"I'm a very jealous person."
Are you jealous of anyone right now? No? Then now you are not jealous.

"I am a very positive person."
You're cursing in traffic right now. It means that you are not so positive right now, and you are a bit of abusive person.

Where all possibilities are open, where anything is possible, you wink at infinity.

In addiction treatment it is called "one day at a time". progresses in only one-day increments. You get through today and tomorrow is a new journey.


## "Just for a moment" - Live this moment!


So I say "just for a moment" - live this moment!
You live the next moment, that moment. (between us, you don't have a choice anyway. You think you have ;) )

You are not unhappy. You are not satisfied. Happiness is a state of being and one of two people experiencing the same events can be happy and the other unhappy.

Someone would go crazy for winning a million, has never received so much money.

The other says "OK, next one!", imagining that the return on investment would be much higher.

You need to change the mechanism inside. I say this very easily because I did it.


![Hope](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kv1it56xwty334su4ma5.jpeg)


Let me come up with a very simple and "cheesy" proposition:

You either have a television or you have a vision.

It is a bit of an assertive statement to say that those with television are without vision, but what I call vision is not being a very successful doctor, businessman or intellectual person in today's world. Heart vision.

It is impossible to hear your own voice in all the noise and visual pollution.

And if you can't hear your own voice, then whatever else you listen to, you're deaf.

_If you like the article, do not forget to follow for future articles.You can also share it with your friends who you think will like it.Please feel free to comment!_
Python list methods explanation and visualization
Tags: python, tutorial, programming, beginners
Published: 2022-02-14 15:12:55

##Python list methods 



####Append()	
- Adds an element at the end of the list.
```
symbols = ['🔵', '🟨', '🟨']
symbols.append('🔺')

# output 
['🔵', '🟨', '🟨', '🔺']
```

####Extend()	
- Add the elements of a list (or any iterable), to the end of the current list.
```
symbols = ['🔵', '🟨', '🟨'] 
add_forms = ['🔺', '🔶']
symbols.extend(add_forms)

# output
['🔵', '🟨', '🟨', '🔺', '🔶']
```

####Insert()	
- Adds an element at the specified position.
```
symbols = ['🔵', '🟨', '🟨'] 
symbols.insert(0,  '🔺')

# output
['🔺', '🔵', '🟨', '🟨']
```


####Remove()	
- Removes the first item with the specified value.
```
symbols =  ['🔵', '🟨', '🟨', '🔺', '🔶']
symbols.remove('🟨')

# output
['🔵', '🟨', '🔺', '🔶']
```

####Pop()	
- Removes the element at the specified position.
```
symbols =  ['🔵', '🟨', '🟨', '🔺', '🔶']
symbols.pop(0)

# output
['🟨', '🟨', '🔺', '🔶']
```


####Clear()	
- Removes all the elements from the list.
```
symbols =  ['🔵', '🟨', '🟨', '🔺', '🔶']
symbols.clear()

# output
[]
```


####Sort()	
- Sorts the list.
```
symbols =  ['🔵', '🟨', '🔺', '🔶']
symbols.sort()

# output
['🔵', '🔶', '🔺', '🟨']
```


####Reverse()	
- Reverses the order of the list.
```
symbols =  ['🔵', '🟨', '🔺', '🔶']
symbols.reverse()

# output 
['🔶', '🔺', '🟨', '🔵']
```


####Index()	
- Returns the index of the first element with the specified value.
```
symbols =  ['🔵', '🟨', '🔺', '🔶']
x = symbols.index('🔶')

# output
3
```


####Count()	
- Returns the number of elements with the specified value.
```
symbols =  ['🔵', '🟨', '🟨', '🔺', '🔶']
x = symbols.count('🟨')

# output
2
```


####copy()	
- Returns a copy of the list.
```
symbols =  ['🔵', '🟨', '🟨', '🔺', '🔶', '🔶']
x = symbols.copy()

# output
['🔵', '🟨', '🟨', '🔺', '🔶', '🔶']
```


All the best to you.
5 Articles every WebDev should read this week (#07)
Tags: webdev, tutorial, javascript, programming
Published: 2022-02-14 15:06:21

A curated list of the top five web development must-reads from last week. Don't miss out on the latest web development stories and insights. Read all about the cutting edge in web development, working in tech and the new tools and frameworks while learning a few new tricks.

---


## “Evergreen” Does Not Mean Immediately Available

> Nearly all major browsers are evergreen. This includes Google Chrome, Microsoft Edge, and Mozilla Firefox. An evergreen browser is any browser that can automatically update itself.
<https://css-tricks.com/evergreen-does-not-mean-immediately-available/>

---

## How to Favicon in 2022: Six files that fit most needs

>The topic of favicons has proven to be more exhaustive than anyone could’ve ever wished, so I’ve also summarized the entire article in just two code snippets for those who’ve already suffered enough and who know exactly what to do. Still, I recommend geeking out to the rest of it!

<https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs>

---

## A-FRAME

> A web framework for building 3D/AR/VR experiences
Make 3D worlds with HTML and Entity-Component
For Quest, Rift, WMR, SteamVR, mobile, desktop
<https://aframe.io>

---

## Move over JavaScript: Back-end languages are coming to the front-end

>A NEW CROP OF SERVER-SIDE TOOLS IS MAKING IT POSSIBLE TO BUILD WEB UIS WITHOUT JAVASCRIPT.
<https://github.com/readme/featured/server-side-languages-for-front-end>

---

## A Deep Introduction to WordPress Block Themes
> The relatively new WordPress editor, also known as the WordPress Block Editor, always under development via the Gutenberg plugin, has been with us since 2018. You can use the block editor on any WordPress theme, provided the theme loads CSS that the blocks use. But there are new themes that lean into the Block Editor much more deeply.

<https://css-tricks.com/a-deep-introduction-to-wordpress-block-themes/>

---
 
Follow me on [Twitter: @martinkr](http://twitter.com/_martinkr).

Photo by [Alex Kulikov](https://unsplash.com/@burntime) on [Unsplash](https://unsplash.com)

---

[![Subscribe to the weekly modern frontend development newsletter](https://modernfrontend.dev/banner/banner_583-111.png)](https://modernfrontend.dev/)

---
JavaScript 101:Introduction to modern JavaScript.
Tags: beginners, webdev, productivity, luxacademy
Published: 2022-02-14 15:00:28



>Everything that can be written in JavaScript will be written in JavaScript.
>--<cite>Jon Duckett</cite>

## PAGE CONTENT
* [Introduction](#introduction)
* [Get started with JavaScript](#get-started-with-javascript)
* [Why learn JavaScript?](#why-learn-javascript)
* [Resources.](#resources)

## Introduction.

### What is JavaScript?

JavaScript is Object-Oriented Programming language.
JavaScript was invented by Brendan Eich in 1995.
It is commonly used with web browsers.

<!--image should be here-->

## Get started with JavaScript.

To start learning JavaScript and be able to implement it in web browser. you need to start first buy knowing the basics of JavaScript.

### Basics in JavaScript.

* Arrays
* Variables
* Functions
* Comments
* Data types
* Strings
* Object
* Keywords

## Arrays

Arrays are special variable that can hold more than one value.

`const books = ["java","javascript","Python"];`



## Variables

They are two type of variable in JavaScript:

              1.Global variables.
              2.Local variables.

**Global variables**  -They are declared outside the function ,it can be used everywhere.

<!--a code of global variable-->

![global variable](variable1.png)

**Local variables** -They are declared inside the function used in the current  function

<!--a code  of local variables-->

![local variable](variable2.png)

## Functions

A function is a code block that can repeat to run many times.

` function function-name (){----your code----};`

## Data types.
Variables in JavaScript can hold different type of data type .

Example of data types in JavaScript:

* Numbers
* Strings
* Objects
* Objects

## Comments

Comments are used to explain your code.

Types of Comments in JavaScript:
      

1. Single line comment

` // this is single line comment.`

2. multi line comment.

```JS
/*
this is a multi line comment.


*/


```

## Why learn JavaScript?


JavaScript it's a very powerful programming language that you should consider to learn as your programming language.
This are the reasons why you should consider to learn JavaScript.

1. Most popular programming language.
2. JavaScript is versatile.
3. Its in your browser.


## Resources 

Incase you want to start learning JavaScript but you don't know where to begin. Below are some of the books that will help you to master and learn JavaScript.

1. Eloquent JavaScript  *Marign Haverbeke*



![Eloquent JavaScript](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/drpx6o5h2xb17c0vyjzl.jpg)

2.JavaScript and jQuery  *Jon Duckett*


![JavaScript and jQuery](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gkvln2js6oui1g27kr9k.jpg)


3.JavaScript in 8 hours. *Yao Ray*

![JavaScript in 8 hours](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zlc0e5r254af377zavag.jpg)
Detect Breached Passwords Faster with Auth0 Credential Guard
Tags: security, programming, productivity
Published: 2022-02-14 14:53:14

### With **Credential Guard**, protect your apps from bad actors trying to log in with stolen credentials.

### <br>

It’s 2022, yet passwords still remain the [most common form of authentication](https://www.idrnd.ai/5-authentication-methods-that-can-prevent-the-next-breach/) online. Like it or not, they are not going away anytime soon. Even if they’re becoming riskier than ever. The very fact that there are so many more applications that users have to register for and log in to makes password reuse across multiple sites even more likely for all but the most security-conscious users. No wonder that the threat of account takeovers (ATOs) [nearly doubled in 2020](https://www.techrepublic.com/article/account-takeover-attacks-spiked-in-2020-kaspersky-says/).

Breaches impact everybody. The average email address is now associated with [130 online accounts](https://www.linkedin.com/pulse/b2b-identity-software-deep-dive-clement-vouillon/?trackingId=C11skBW3qNhNTv25nHkiEQ%3D%3D). Chances are that a significant portion of your users are using the same or similar usernames and passwords as they use on other sites. So when a password gets leaked in a data breach, that same password, or a slight variation thereof, has a high chance of being successful at multiple other online accounts that the user owns. Even if your own site hasn’t been breached, there’s still a good chance that your users' information may be compromised due to a leak that occurred elsewhere. 

With [Auth0 Credential Guard](https://www.auth0.com/breached-passwords#credential-guard), you can protect your applications from bad actors logging in with stolen credentials. You can alert the user about their compromised password, challenge the user using an additional factor, or block access by forcing a password reset. Typical breached password detection relies on breach data released to the public. From the time when a breach happens to when it’s announced, there is a gap (typically months) during which your users and business remain at risk. Credential Guard eliminates this gap: a team of dedicated security experts infiltrates criminal communities and gains access to exposed data as soon as breaches occur. With this advantage, you can better protect your users and secure your applications by resetting stolen passwords sooner.

[Read more...](https://auth0.com/blog/detect-breached-passwords-faster-with-auth0-credential-guard/?utm_source=content_synd&utm_medium=sc&utm_campaign=security)
TIL: TypeScript | Fix "TS2307: Cannot find module 'src' or its corresponding type declarations."
Tags: todayilearned, typescript, vue, npm
Published: 2022-02-14 14:52:15

## Story

After I updated my `package.json` and installed all dependencies, my `npm run build` started failing with

```console
$ npm run build

> vite-vue-typescript-starter@0.0.0 build
> vue-tsc --noEmit && vite build

node_modules/@vue/test-utils/dist/domWrapper.d.ts:5:28 - error TS2307: Cannot find module 'src' or its corresponding type declarations.

5 import { VueWrapper } from 'src';
                             ~~~~~


Found 1 error.
```

## Question

How to fix?

```console
error TS2307: Cannot find module 'src' or its corresponding type declarations.
```

## Answer

This was a tricky one because at a first glance it may seem that I have a typescript problem in project which is technically correct, but actually this is a [bug](https://github.com/vuejs/vue-test-utils-next/issues/936) in `@vue/test-utils-next` library which was introduced in `2.0.0-rc.14` version. Installing `2.0.0-rc.13` or setting `skipLibCheck: true` in `tsconfig.json` solves this. For my case, I've chosen the first approach.

## What I Learned

1. [`skipLibCheck: true`](https://www.typescriptlang.org/tsconfig#skipLibCheck)
    > Skip type checking of declaration files.

### Links

-   https://github.com/vuejs/vue-test-utils-next/issues/936
-   https://www.typescriptlang.org/tsconfig#skipLibCheck
Loka is Hiring!
Tags: programming, hiring, career
Published: 2022-02-14 14:46:19

Hey there! I am currently working as a Product Designer at Loka. And Loka is currently hiring!
It’s remote first and Monday ready! Great culture, interesting projects with really creative people!
If you want to help your team accomplish amazing things and you want your work to impact the world, check our openings in our website!
[https://loka.com/careers#openings](https://loka.com/careers#openings)
Scared Of Chrome Dev Tools? How To Inspect API Calls Without Getting Overwhelmed.
Published: 2022-02-14 14:43:55

So, you know a frontend library and a backend language and built a bunch of full stack apps? Cool. 

What's not cool is when you're working in a frontend team and you have little to no communication to backend team (or when there's limited docs). 

Or, what if you've joined a new team, and the frontend codebase is **wwwaaaaaaaaayyyyyyyyyyy** too overwhelming and you don't know exactly what request you're sending to the backend and what response you're getting?

###I'm Gonna Teach You How To Use Inspect Network Calls In Chrome Dev Tools

I'm sure you're wondering why we're not using Postman. The reason is because with Postman, you can hit a specific API endpoint with whatever headers or body you set. With Chrome Dev Tools, you can see which set of API endpoints your app is calling when you perform some action (say when you click a button), and so you'll understand you app's behaviours better.

Anyway, head over to https://dev.to, right click on any area, and click the `Inspect` tab. Then in Chrome Dev Tools, click the `Network` tab. You should see something like this.
![Mohmed Ishak](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7xivkc7jghfvzkvyff0t.png)
Keep an eye on the `clear` icon on top left to clear a bunch of records which you will see in while. 

![Mohmed Ishak](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pp0u9lgp5b9ean3i8lnk.png)

Hit the `Latest` tab on DEV Community's website. On your Dev Tools, you'll see a bunch of API calls. 

![Mohmed Ishak](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/io8dggtg8pvwf3ise3te.png) 

If it's a type of `xhr`, that means, it's an API call (XMLHttpRequest). Some of them might be ambiguous while others would seem kinda familiar. 

![Mohmed Ishak](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ze715el17lqhx5y5lsxe.png)

What did you learn from this? To put it simple, if you click a button, and you expect it to call the backend, and if it's not reflected on Chrome Dev Tools as you expected, it's time to fix your code! 

Also, do take note of query string parameters. Under `Payload` tab, you'll see query string parameters (used in backend) which are appended to your base URL. For example, for the URL `https://www.youtube.com?user=ishak&limit=20&category=latest`, the query string parameters are:
- user: ishak
- limit: 20
- category: latest

That's it guys. If Chrome Dev Tools seems less scary to you know, you owe me a...
```javascript
LIKE 👍
```
Introduction to Modern JavaScript
Tags: javascript, webdev, luxacademy
Published: 2022-02-14 14:42:10

JavaScript(JS) is an interpreted compiled language with first class functions and it is a scripting language. It is an object oriented language. It is very different from java language in terms of the syntax, and its uses. JavaScript allows one to write code that runs inside the web browser on the client side. It makes the web pages to be more interactive. JavaScript give the ability to directly manipulate the DOM (Document Object Model) which is a tree like hierarchy that represents the web page the user happens to be looking at.

To add Java script into a web page, you only have to include the script tags as shown below. 

```
<script>

</script>
```
Using this script tags, we are literally telling the browser , that anything between the script tags should be interpreted as JavaScript code that the web browser is going to execute.
An example of how it works:

```
<script>
alert('Hello, Lux Academy!');
</script>
```
On the above example the, alert word is a function and inside the function, there is an argument which is passed and n this case it is the "Hello, Lux Academy". It is important to note that one can use either double quotes or single quotes to denote the use of strings in JavaScript.

JavaScript has a various features such as Events, Arrow Functions,Query Selector, JavaScript console, DOM and TODO list, just but to mention a few. JavaScript as one of the feature is explained more below.

**JavaScript Console.**
It is a useful tool for testing out small chunks of code and debugging. One can write and run JavaScript code in the console and can be found by inspecting your web browser and then clicking console. To use it,one just has to write the following:

> console.log(arguments are passed here);

There is much more on JavaScript and to learn more on JavaScript one can visit the Mozilla web docs (MDN Web Docs).
Skeleton CSS: Responsive Navbar With Toggle JavaScript
Tags: css, beginners, javascript, codenewbie
Published: 2022-02-14 14:41:26

We made a navbar with toggle icons on the mobile side responsive navbar in pure HTML and CSS and also in frameworks. But here we made it in skeleton CSS with the help of CSS properties and JavaScript HTML DOM.

In this navbar, we used ul and also used a grid of skeleton CSS. But, here we modify this tag with custom CSS. To make it responsive we used CSS media queries. For clickable toggle, we used font-awesome icons and JavaScript Onclick functions with dom properties. This is a responsive navbar mobile view and tabs views.

Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

[Source Code](https://w3hubs.com/skeleton-css-responsive-navbar-with-toggle-javascript/)