teleren/devto huggingface dataset:
TAGs importantes para estruturar um pagina HTML.
Tags: html
Published: 2021-01-21 20:03:52

Hoje vamos ver algumas Tags que server para estruturar melhor nosso HTML, elas geralmente e usada para guiar onde vai ficar o cabeçalho do nosso site, onde vai ficar o conteúdo principal, e onde vai fica o rodapé de nosso site.

Mas antes de estuda as Tags quero falar que visualmente elas não afeta em nada a interface, mas essas Tags têm um peso semântico para os navegadores, por isso e importante usar elas em nossa aplicação.

###TAGs que vamos estudar:
```html
<header></header>
<aside></aside>
<main></main>
<footer></footer>
```
###Para que serve a TAG `<header></header>` no Html:

```html
<header></header>
```

A Tag header serve para indicar para os navegadores onde está o cabeçalho do nosso site, uma parte muito importante de nosso site, então quando fomos criar um cabeçalho em nossa aplicação devemos pensar em usar a Tag header.

###Para que serve a TAG `<aside></aside>` no Html:

```html
<aside></aside>
```
A tag aside mostrar para nosso navegador que temos um menu lateral em nosso site, então a tag aside e usada meio que para incluir um cabeçalho lateral, hoje os menus laterais não e tão usados, mas e importante saber essa Tag.

###Para que serve a TAG `<main></main>` no Html:

```html
<main></main>
```
A tag main diz para os navegadores onde está o conteúdo principal de nossa aplicação, portanto quando fomos criar nosso site devemos ter claro qual e o assunto principal para que assim possamos da destaque nele.

###Para que serve a TAG `<footer></footer>` no Html:

```html
<footer></footer>
```
A tag footer diz respeito ao rodapé de nosso site, então quando quisermos criar um rodapé para nossa aplicação e importante usar a tag footer.

###Conclusão:

Obrigado por ler esse artigo até aqui, espero ter acrescentado algo em seu conhecimento e em sua jornada como programador.

Ahhh, me deixe um comentário aqui.
Day 5 + 6: Pre-processing data
Tags: machinelearning, python, 100daysofcode, datascience
Published: 2021-01-21 20:03:31

I decided to group day's 5 and 6 together (today and yesterday) since they were both on the same topic. I'd picked up a little bit on pre-processing data through my PhD, but I just didn't really know the actual terms to do things in Python.
![Clefairy trying to use a computer](https://thumbs.gfycat.com/WavyQualifiedDogfish.webp)

#The Code
This is very helpful, being able to convert categories to binary so that it works better with machine learning
`df_origin = pd.get_dummies(df)`
Replace all zero values with nan, then drop all rows with nan in:
`df.column.replace(0, np.nan, inplace=True)
df.dropna()`
Scale data down to be between a smaller range of numbers
`from sklearn.preprocessing import Scale
X_scaled = scale(X)`

That's the end of the DataCamp course on scikit-learn (well this introduction anyway).
![Kid walking down the hall to applause but also looking scared, because that's how I feel](https://thumbs.gfycat.com/TerribleUnfinishedAfghanhound.webp)
#Thoughts on the course
Would I recommend the DataCamp course I did? That's actually a tough question. If you already pay for DataCamp or can get a free trial, I'd recommend doing this course. But I don't recommend paying for DataCamp specifically for this course. It's a good course to know the terminology to be able to do some of the basics of machine learning in Python (see previous days for specifics on what the whole course contained). I just feel like there are other free resources you could probably find to pick up the same knowledge.
Anyway, now that I've finished the course I'm going to try and build my first machine learning model on Kaggle tomorrow.
![Me freaking out and being all scared because that's how my brain feels right now](https://thumbs.gfycat.com/GiantAdorableCommongonolek.webp)
Weather Terminal Application
Tags: showdev, python
Published: 2021-01-21 19:55:28

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

Weather is a modern terminal application for reading weather forecasts by harvesting the OpenWeather API and features rich configuration options.

It's the first project in a series of endeavours that attempts to bring more terminal applications to Windows.

Source Code:
https://github.com/hentai-chan/weather
How do you sync data in your apps?
Tags: reactnative, discuss, algorithms, javascript
Published: 2021-01-21 19:13:49

Hi folks!

I'm creating my new application and I want to implement synchronization between different devices.

Could you please tell us how did you implement it?

Actually, I googled it, I found a lot of merging packages, but it's not exactly what I'm looking for.

Cause as I understand this task, it should be like the version system. I should understand when data is fresh and sync that correctly.

I'm not even sure that there could be a ready algorithm here.

So, I'll be glad for your piece of advice. I think many developers are interested in this topic.

Thank you, folks!

--
Kind Regards, Dmitry
How to quickly delete multiple jobs in kubernetes
Tags: devops, womenintech, kubernetes
Published: 2021-01-21 19:11:04

Kube jobs running wild?

To delete successful jobs: 

```jsx
kubectl delete jobs --field-selector status.successful=1
```
To delete failed or long running jobs
```jsx
kubectl delete jobs --field-selector status.successful=0
```

Get rid of them all!
Sending Invites - Building SaaS #77
Tags: python, django, forms
Published: 2021-01-21 18:21:01

{% youtube wO2Dy7rKvXY %}

In this episode, I worked on the form that will send invites to users for the new social network app that I'm building. We built the view, the form, and the tests and wired a button to the new view.

The first thing that we do was talk through the new changes since the last stream. After discussing the progress, I took some time to cover the expected budget for the application to get it to an MVP.

Once we covered the budget, I talked about different strategies for sending invite emails and the tradeoffs between sending email in a request and response cycle versus using background workers.

After talking through those choices, I mentioned which path we were going down and I started writing a new Django view. We wrote the tests to make the minimum view work.

With the view in place, I added a new form that the invite view would use. I wrote more tests to ensure the form did the proper checking.
Estrutura básica de uma pagina HTML.
Tags: html
Published: 2021-01-21 19:07:08

A estrutura básica de uma pagina HTML tem como foco, forma um alicerce para a construção de uma pagina.

```html
<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Exercícios</title>
</head>
<body>
  
</body>
</html>
```
O código acima mostra a base de uma pagina HTML pronta para ser desenvolvida, mas por recurso didático vamos construir linha por linha, explicando a função de cada elemento do HTML, para que assim possamos ter um bom alicerce para crescermos dentro da programação.

###A função de cada linha:
```html
<!DOCTYPE html>
```
O `<!DOCTYPE html>` diz para os navegadores que pretendemos escrever uma pagina em HTML de acordo com as especificações, sendo que o DOCTYPE não é uma tag do HTML, mas sim um tipo de palavra-chave.

```html
<!DOCTYPE html>
<html lang="pt-br">
</html>
```
A tag `<html></html>` e o elemento onde toda a pagina será desenvolvida,
sendo que ela recebe um atributo chamado `lang="pt-br"` que defini o idioma principal da pagina.

```html
<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Exercícios</title>
</head>
</html>
```
A tag ``<head></head>`` e o elemento que compõem a cabeça da pagina, ela não será renderizada na tela pelo navegador, pois tem como papel principal ser uma tag de metadados, entre as tags mais usadas dentro do ``<head></head>`` estão: ``<link>, <meta>`` entre outras.

A primeira tag ``<meta>`` que aparece no código está tendo a função de falar para o navegador quais  os símbolos, caracteres entre outros, que podem ser utilizadas na tela.

O segundo ``<meta>`` que aparece está dizendo para o navegador se comporta de acordo com o tamanho da tela que está acessando a pagina, trazendo assim para o usurário uma melhor forma de ver o conteúdo da pagina. 

E por ultimo a tag ``<title></title>`` diz respeito ao titulo da pagina, o nome que aparece da pagina do navegador.

```html
<!DOCTYPE html>
<html lang="pt-br">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Exercícios</title>
</head>
<body>
  
</body>
</html>
```
A ultima tag que aparece na base de uma pagina HTML e a ``<body></body>`` que e o corpo da pagina, tudo que for escrito dentro dessa tag aparecerá no navegador, portanto e onde vai todo o conteúdo da pagina.

###Conclusão:
Espero ter ajudado você que gastou seu tempo lendo, muito obrigado pela sua atenção.

E por ultimo deixe um comentário para mim ler.
Discussion: It should be hard to write bad code
Tags: discuss, react, javascript
Published: 2021-01-21 19:01:02

So I recently came across a huge React codebase that was hard to understand. There was no proper documentation, it wasn't clear how data is passed around and there are no automated unit tests. Now this is just the tip of the iceberg and I don't want to waste your time with a long rant. I would rather spend time discussing and coming up with solutions.

I think people write bad code (myself included) not because they are bad people but because it is easy to do so, unrealistic deadlines make it even worse. I think if it were hard to write bad code, there would be less of it around.

It is also not just a technical problem, people have to enforce it too. Have a well defined spec on how your codebase should be structured, documented and tested. Then  don't approve that PR unless it passes those specs.

I could go on about this, I want to know how you feel on this topic and how you go about fixing it.
10 Colour Resources You Will Love
Tags: webdev, design, showdev, css
Published: 2021-01-21 18:56:34

Choosing a colour scheme for your project is crucial. It should make the user "feel" the message you're conveying, but even more importantly, it should be accessible, with an easy-to-distinguish elements hierarchy. And you probably also wanted it to look good.

You get me. That's an important task.

Gladly, several tools have been created to make the process of choosing a colour palette as easy and efficiently as possible, while keeping good aesthetics.

*Shameless plug*: that's why I created [Dev Resources](https://devresourc.es), to keep all the good things I found in the last years, including the ones mentioned in this article, in one place. No more forgetting or messy bookmarks.

Without further ado, let's talk about 10 colour resources you will love.

---

# Coolors

Generate or browse beautiful color combinations for your designs.

🔗 https://coolors.co

# Data Viz Color Picker

A color palette generator for data visualizations.

🔗 https://learnui.design/tools/data-color-picker.html

# Color Hunt

Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes.

🔗 https://colorhunt.co

# Gradient

Thousands of trendy color gradients in a curated collection that is updated daily. Get a fresh color gradient for your next design project and save all the gradients you like.

🔗 https://gradienthunt.com

# Happy Hues

See color palette inspiration on a real example website. As you click on different palettes every color on this site updates to give you context of how that color could be used for your design or illustration projects.

🔗 https://www.happyhues.co

# ColorSpace

Here you can find the perfect matching color scheme for your next project! Generate nice color palettes, color gradients and much more! Your space for everything that has to do with color!

🔗 https://mycolor.space

# Palette List

Palette List is a dynamic palette generator.

🔗 https://www.palettelist.com

# Canva

Easily generate awesome color palettes from an image.

🔗 https://www.canva.com/colors/color-palette-generator

# Material Design Palette

Choose your favorite colors and get your Material Design palette generated and downloadable.

🔗 https://www.materialpalette.com

# colors.lol

A fun way to discover interesting color combinations.

🔗 https://colors.lol

---

# **Bonus:** Dev Resources

As I mentioned at the beginning of this article, Dev Resources is a compilation of all resources you might need as a developer. You can find all the resources above and a lot more.

No more forgetting or messy bookmarks.

🔗 https://devresourc.es

---

I hope you enjoy this list and that it helps you with your developer journey.

And if you want to connect with me, you can reach me on Twitter as [@marcelcruz](https://twitter.com/marcelcruz).

Happy coding!
GitHub’s Firing Backlash, Alphabet Workers Union, Mobile Data Security, & more on DevNews!
Tags: news, podcast
Published: 2021-01-21 18:56:10

---
title: GitHub’s Firing Backlash, Alphabet Workers Union, Mobile Data Security, & more on DevNews!
published: true
description: Listen to S3E2 of the DevNews pod!
tags: news, podcast
series: DevNews Season 3
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/zoxvbu0494gq3sxtjp4v.png
---

### It's time for another episode of DevNews! 

{% podcast https://dev.to/devnews/s3-e2-github-s-firing-backlash-alphabet-workers-union-mobile-data-security-and-webextensions-api %}

### **Here's what @saronyitbarek and I covered this week:**
- Apple’s WebExtensions API
- GitHub’s firing of a Jewish worker for using the word Nazi in reference to some of the rioters who attacked the U.S. Capitol building on January 6th. 

### **This episode also features two special guests who spoke with us about a few developing stories:** 

- [Alex Gorowara](https://twitter.com/andhishorse), Senior Software Engineer at Google, and spokesperson for the Alphabet Workers Union. Alex talked with us about the hundreds of Alphabet workers who have chosen to unionize and their mission. 
- [Max Zinkus](https://twitter.com/maxzks) and [Tushar Jois](https://twitter.com/tusharjois), Doctoral Students in Applied Cryptography and Security at Johns Hopkins University, whose recent research found major weaknesses in both iOS and Android security mechanisms.

_You can [follow DevNews](dev.to/devnews) to get episode notifications and listen right in your feed_ — or subscribe on your platform of choice! Plus, if you leave us a review, we'll send you a free pack of thank-you stickers. Details [here](https://airtable.com/shr8oKAIMZgdYnBxx). 

## **Quick Listening Links**
- [Apple Podcasts](https://podcasts.apple.com/us/podcast/s3-e2-githubs-firing-backlash-alphabet-workers-union/id1525581923?i=1000506039556)
- [Spotify](https://open.spotify.com/episode/2AzV6tIsKUVDLEnqj5PWd4)
- [Google](https://podcasts.google.com/feed/aHR0cDovL2ZlZWRzLmNvZGVuZXdiaWUub3JnL2Rldm5ld3NfcG9kY2FzdC54bWw/episode/aHR0cHM6Ly9kZXZwb2RzLmRldi9wb2RjYXN0cy9kZXZuZXdzLzE4?sa=X&ved=0CAQQkfYCahcKEwiIm8-u2a3uAhUAAAAAHQAAAAAQAw)
- [Stitcher](https://www.stitcher.com/show/devnews)
- [Listen Notes](https://www.listennotes.com/podcasts/devnews/s3e2-githubs-firing-backlash-ViEa4xqW9-z/)
- [TuneIn](https://tunein.com/podcasts/Technology-Podcasts/DevNews-p1352512/?topicId=160223430)
- [RSS Feed](http://feeds.codenewbie.org/devnews_podcast.xml)
- [PocketCasts](https://pca.st/pjkkcvki)
- [Transcript](https://devpods.herokuapp.com/podcasts/devnews/episodes/78)

---
_Acknowledgements_ 
- _@levisharpe for producing & mixing the show_
- Our season three sponsors, [SendBird](https://sendbird.com/) and [Rudderstack](https://rudderstack.com/) ❤️ 

![News](https://media.giphy.com/media/l0MYDzlBdiocY3UNq/giphy.gif)
Typescript is really just an aggressive linter
Tags: typescript, javascript, linter
Published: 2021-01-21 18:51:05

Until typescript is doing runtime type checking it is just an aggressive linter and that’s okay. Having something to sanity check that the things you are passing around should have the right interface is valuable for developers. Compile time type checking is not going to be 100% effective at runtime. Let’s be honest it doesn’t actually need to be to provide a lot of value.
A No-Code Definition I Like
Tags: nocode
Published: 2021-01-25 18:36:30

---
title: A No-Code Definition I Like
published: true
date: 2021-01-21 18:43:18 UTC
tags: NoCode
canonical_url: https://maxkatz.org/2021/01/21/a-no-code-definition-i-like/
---

There are many different definitions and explanations of what is no-code. I have shared my opinion on this blog:

- [What is no-code?](https://dev.to/maxkatz/what-is-no-code-1o5n)
- [No Code Conf recap](https://dev.to/maxkatz/no-code-conf-recap-57if)

Today I read [Softr scores $2.2M seed for its no-code website and web app platform powered by Airtable](https://techcrunch.com/2021/01/21/softr/) article on TechCrunch and liked the very first sentence:

> No-code — software that lets you accomplish tasks that previously required coding skills — is an increasingly hot space, even if the basic premise has been promised and not fully realised for many years.
> 
> <cite><a href="https://techcrunch.com/2021/01/21/softr/" rel="nofollow">https://techcrunch.com/2021/01/21/softr/</a></cite>

I think this part:

> No-code — software that lets you accomplish tasks that previously require coding skills

is one of the most clear ways to describe what is no-code.

Many more people can now build solutions (democratizing software development). This also means solutions can be built faster (make software development faster and easier)

The first article I linked above [What is no-code?](https://dev.to/maxkatz/what-is-no-code-1o5n), I talk about no-code having two main goals:

1. Make software development faster and easier
2. Democratize software development

What do you think?
Sustainability at Fabienne Chapot
Tags: fashion, womenintech, dresses
Published: 2021-01-21 18:40:24

We work in a business with a huge imprint on our environment. We feel responsible and want to do better. We believe that as long as there is progress, even the smallest step matters. I don't know [Why Women Prefer Fabienne Chapot Clothing](https://dressesireland.ie/collections/fabienne-chapot)

We will keep you updated on all the progress you make on this page. For more information or if you have any questions or suggestions, we only aim for long term relationships with factories that we know of, 20 different through 6 agents. We make them come again and again with a code of conduct (strict requirements to the supplier on how to work) and a purchase commitment (a guarantee that Fabien Chappot will not challenge suppliers to the extent that they offer alternative production Will be forced to use methods.) Is. We have joined BSCI to be able to audit our production locations. These independent audits facilitate us when needed, take steps to improve working conditions at these locations and meet official standards. The next step is also to audit and monitor all other parties involved in making our products, such as sub-producers, fabric mills, dyeing houses, print houses, trim suppliers, etc. In 2018 we signed the Dutch agreement on Sustainable Garment and Textiles. Together we look at the topics we care for, such as work conditions, climate change and animal welfare. We also made a policy on these subjects which can be found in our code of conduct.

Most of our polyester items are made of RPET ’, which are made from recycled PET bottles. RPET fabrics have 70% less energy consumption, 86% less water consumption and 75% less carbon footprint than regular polyester fabrics. For R-PET we collaborate with Waste2Wear, proven experts in the field of recycling. We banned non-animal friendly products such as real fur, angora, mohair, exotic skins and real bottom feathers. Pullovers in our wool / wool blend are woven with yarns free from certified mules. We also use GOTS certified organic cotton, which is less harmful to the soil without the use of chemical fertilizers. We are currently looking at ways to make a more sustainable alternative to using 100% viscose. Our store items that are less harmful to our environment are labeled with green leaves. We want to impact our direct environment. We 46dresses with the foundation, helping women who face challenges in their lives to illuminate their day during difficult times. We support the rental movement, the way we consume fashion. We partner with Spinning Closet, a fashion rental service, to facilitate women who like to wear our items but don't like them.
Tell me about GUIDs aka a game of chance?
Tags: csharp, programming
Published: 2021-01-21 18:39:44

![https://images.unsplash.com/photo-1570303345338-e1f0eddf4946?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1265&q=80](https://dev-to-uploads.s3.amazonaws.com/i/gy3rkzy8xdb0pmiplbw1.png)

This should be short and sweet. 

We've probably all used GUIDs (globally unique identifiers) or UUIds (universally unique identifiers) but what do they actually mean. 

A GUID looks like this: `F024E833-8493-4A0D-8560-0DAA2A514251` 

I with my limited knowledge on this subject will try to explain some stuff, probably incorrectly, but yay me for trying. 

```
                             +- UUID version
                             |
                            |-| 
 3 7 a 6 a d 6 3 - 7 0 0 c - 4 4 0 4 - b d d 4 - 8 2 8 5 7 5 8 4 5 0 4 5
|---------------| |-------| |---|---| |-------| |-----------------------|
        |             |       |   |       |                 |
        |             |       |   |       |                 +- node
        |             |       |   |       +- clock_seq_low
        |             |       |   +- clock_seq_hi_and_reserved
        |             |       +- time_hi_and_version
        |             +- time_mid
        +- time_low
```

![https://media.giphy.com/media/ERDOxjdyt7Zcc/giphy.gif](https://media.giphy.com/media/ERDOxjdyt7Zcc/giphy.gif)

I'm not even gonna try explain the above but the tl;dr; about GUIDs is: 

**There are 3 (main) different types of GUIDs/UUIDs (that you will probs encounter)**

**V1**

**V4**

&

**V5**

## The differences between GUID versions
 


v1 uses your mac address, the current date and time and a random salt (meaning if you gen 2 GUIDS on the same machine at the exact same millisecond the chance of them being the same goes from practically impossible to very small)
 
v4 has no inherit logic thus giving a greater degree of random-ness
 
v5 uses a fixed namespace UUID and an input string to generate a non random unique identifier using the SHA1 hash. v5 UUIDs are always the same given the same namespace and input string so you must as the developer maintain their unique state

## C# Dev Time 

If you are a C# dev like me then you'll be wondering what does 

`Guid.NewGuid();` 

give me? 

Well rest assured that some blog post I read confirmed that C# `Guid.NewGuid();` will give you a v4 GUID every time. 


Thanks, I hope some of the above is correct 👋

#### Links 

https://stackoverflow.com/questions/20342058/which-uuid-version-to-use

https://www.sohamkamani.com/uuid-versions-explained/

https://stackoverflow.com/questions/55823448/how-to-generate-uuid-version-4-using-c-sharp

https://social.msdn.microsoft.com/Forums/vstudio/en-US/4956142a-0a5d-4f1e-b102-93a3eea1b5d5/does-guidnewguid-produce-uuid-version-4-according-to-rfc4122?forum=netfxbcl

https://johanvergeer.github.io/posts/net-guid-uuid-version