teleren/devto huggingface dataset:
LaTeX and Figures: Sub-Figures
Tags: latex, codenewbie
Published: 2021-03-24 15:39:01

Hello hello. How are you? :) 

As we have seen during the posterior post we are talking about images
* You can check how to import an image [here](https://dev.to/latexteada/latex-importing-images-4fhj)
* You can learn about the `figure` environment [here](https://dev.to/latexteada/latex-figures-the-figure-environment-5a75)
* You can check how to put side-by-side images [here](https://dev.to/latexteada/latex-more-in-figures-side-by-side-figures-44i3)

Today we are going to learn how to create sub-figures

> Why should I learn about sub-figures?

Well, sometimes there are some images, that are related and you want to put them together, not on different sections. Here I show you how to do it 

# Sub-Figures 

**Remember that you need to have the `graphicx` package imported**

To create a sub-figure environment we need to import the `subfigure` package. Once we have done that the next step is to put our image in the `subfigure` command

```
\subfigure[caption]{\includegraphics[options]{nameOfFile.ext}}
```

Where 
* *caption* is the caption of the image, not the general caption
* *options* are *height*, *width*, *angle*
* *nameOfFile* is the name of the file 

The complete instruction would be 
```
\begin{figure}[position]
    \alignment
    \subfigure[caption1]{\includegraphics[options]{nameOfFile1.ext}}
    ...
    \subfigure[captionN]{\includegraphics[options]{nameOfFileN.ext}}
\end{figure}

```

If you do not remember the `figure` environment you can remember it [here](https://dev.to/latexteada/latex-figures-the-figure-environment-5a75)

An example is 

![code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/03apzbgensmqf3tpufam.png)
 
Produces 

![Screenshot from 2021-03-23 11-01-35](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/52zmcal0zx4wujrb68pg.png)
 
As you can notice, if the *total width* of the images exceed the *page margins* LaTeX is going to reorganize them to create a suitable place for those images


This is all for today, do not forget to follow me on Twitter `@latexteada`

I also publish some stuff there on Fridays. See you :)
Vue 3 Portfolio template
Tags: vue, javascript, template, tutorial
Published: 2021-03-24 15:37:00

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

# Vue 3 Portfolio Template
It's a Vue 3 (composition-api) project ready to be use and modified thanks to BootstrapMade for the Portfolio HTML Template.

Get the original HTML `iPortfolio - Bootstrap Portfolio Websites Template` from BootstrapMade 

[Download](https://bootstrapmade.com/iportfolio-bootstrap-portfolio-websites-template/).

## What is this?
```
It has the same look and feel but it's converted to VUE 3 and PWA Support.
```

## Demo
[View demo](https://vcodes-portfolio.surge.sh).

## Project setup
```
yarn install or npm install
```

### Compiles and hot-reloads for development
```
yarn serve or npm run serve
```

### Compiles and minifies for production
```
yarn build or npm run build
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
How I fell in love with Keybase
Tags: security, opinion
Published: 2021-03-23 15:00:53

Keybase is a chat app that features end-to-end encryption and a variety of security features. I just recently discovered it and I love it so far.

## Features

#### 🔐 End-To-End Encryption
Using each of your devices generated key, Keybase will encrypt all of your messages. Your keys are stored in your device, and Keybase doesn't have them at all.

#### 🗝 Encrypt your messages even further
Sending Bank Passwords or super-sensitive documents? Encrypt them even more! Using Keybase's **Crypto** feature, you can use Saltpack encryption to encrypt your files before they're sent. You can even encrypt it so that only specified people can decrypt the file.

#### 💥 Exploding Messages
Is double-decker encryption not enough? It'd just be best if you never sent it right? Enter **Exploding Messages**! Set a timer on your messages, to have them explode when the timer ends! For your most important documents and secrets, using Keybase's Crypto feature and Exploding Messages together are an incredible combination.

#### 🔒📁 File Sharing
Do you need to host files for your team? With Keybase, host them privately so that only your team can access them. Anyone from your team can view the files when they need to, and the files are always both signed and encrypted.

These are some of the reasons I immediately liked Keybase. Want to chat? You can find me on Keybase [here](https://keybase.io/mmkay)!

*I promise this wasn't paid I just love Keybase*
Utilizando Closures como Callbacks em Kotlin
Published: 2021-03-24 15:29:31

No post de hoje falarei brevemente sobre funções em Kotlin e como utiliza-las para Callback de eventos.

##Funções
Funções em Kotlin são o que chamamos de "First-class function", ou seja, possuem suporte para passagem de funções como argumento para outras funções, podendo atribuir a variáveis ou armazenando em estruturas de dados.

##Eventos
Em um contexto assíncrono é muito comum utilizar Callback para "escutar" os eventos e assim executar algo quando esse evento for chamado. Dessa forma a maneira mais tradicional de fazer isso seria criando uma interface para o callback e ao receber a resposta da execução notificar esse callback.
O exemplo a seguir simula um usuário fazendo o pedido para um Food Delivery e ao ser notificado que o pedido foi entregue ele escreve o tipo de pedido que chegou:
```Kotlin
class User(foodDelivery: FoodDelivery): FoodDeliveryListener {
    private val delivery = foodDelivery

    fun orderFood() {
        delivery.order(this)
    }

    private fun receiveDelivery(foodType: String) {
        print("Received a".plus(foodType))
    }

    override fun onDelivered(foodType: String) {
        receiveDelivery(foodType)
    }
}

class FoodDelivery() {
    fun order(callback: FoodDeliveryListener) {
        delay(100)
        callback.onDelivered("Hamburger")
    }
}

interface FoodDeliveryListener {
    fun onDelivered(foodType: String)
}
```

Porém em um contexto simples como esse onde existe apenas uma função não precisamos criar uma interface e fazer todos esses passos, podemos resolver de uma forma mais simples utilizando o que chamamos de Closures ou Lambda. 
Dessa forma no resultado final do exemplo, a função `order()` vai receber como parâmetro a função `onDelivered` que será implementada por quem chamar a função sem necessidade da interface:
```Kotlin
class User(foodDelivery: FoodDelivery) {
    private val delivery = foodDelivery

    fun orderFood() {
        delivery.order { foodType ->
            receiveDelivery(foodType)
        }
    }
    
    private fun receiveDelivery(foodType: String) {
        print("Received a".plus(foodType))
    }
}

class FoodDelivery() {
    fun order(onDelivered: (String) -> Unit) {
        delay(100)
        onDelivered("Hamburger")
    }
}
```


Obrigado pela atenção até aqui! Qualquer dúvida ou feedback pode entrar em contato comigo nas minhas redes sociais

[Github](https://github.com/Goulartvic)
[LinkedIn](https://www.linkedin.com/in/victor-goulart/)
Coming Soon Page
Tags: 100daysofcode, html, css, javascript
Published: 2021-03-24 15:12:12

the day 94 of challenge #100DaysOfCode

Coming Soon Page Using HTML5, CSS3 & JS

Demo : https://coming-soonjs.netlify.app/

Code : https://github.com/saidMounaim/100DaysOfCode/tree/main/Day94
Language Generation with OpenAI's GPT-2 in Python
Tags: python, machinelearning, deeplearning, tutorial
Published: 2021-03-24 15:10:25

{% youtube YvVQgvAz9dY %}

Easy natural language generation with Transformers and PyTorch. We apply OpenAI's GPT-2 model to generate text in just a few lines of Python code.

Language generation is one of those natural language tasks that can really produce an incredible feeling of awe at how far the fields of machine learning and artificial intelligence have come.

GPT-1, 2, and 3 are OpenAI’s top language models — well known for their ability to produce incredibly natural, coherent, and genuinely interesting language.

In this article, we will take a small snippet of text and learn how to feed that into a pre-trained GPT-2 model using PyTorch and Transformers to produce high-quality language generation in just eight lines of code. We cover:

PyTorch and Transformers
* Data
Building the Model
* Initialization
* Tokenization
* Generation
* Decoding
Results
I would like to buy you coffee and interview you.
Tags: career, meetup, chicago, milwaukee
Published: 2021-03-24 15:09:39

Hello Everyone!  I have an assignment to casually interview someone in the biz.  If anyone is interested in a free lunch or coffee.... and you live in the greater Chicago or Milwaukee areas, don't hesitate to respond. lol I would greatly appreciate it!  I look forward to meeting someone in the career field I am pursuing. I'm enrolled at Thinkful for full-stack web development and engineering.
Rightsizing Recommendations for your AWS Account.
Tags: finops, aws, amazonwebservices
Published: 2021-03-24 14:52:00


Get the Rightsizing Recommendations from Cost Explorer for your AWS Account / Organization.


One of a daily task today is to keep a close eye on your cost to perform optimizing your spendings on AWS. The Task is part of the enabling sequence of the first FinOps phase - [Inform](https://www.finops.org/what-is-finops/).

> ## Inform
>This is the first phase in the FinOps journey, empowering organizations and teams with visibility, allocation, benchmarking, budgeting and forecasting. The on-demand and elastic nature of cloud, along with customized pricing and discounts, makes it necessary for accurate and timely visibility for intelligent decisions. Accurate allocation of cloud spend based on tags, accounts or business mappings enable accurate chargeback and showback. Business and financial stakeholders also want to ensure they are driving ROI while staying within budget and accurately forecasting spend, avoiding surprises. Benchmarking as a cohort and against teams provides organizations with the necessary metrics to develop a high performing team.

<B>Rightsizing recommendations</b> is a feature in Cost Explorer that helps you to identify cost-saving opportunities by downsizing or terminating instances in EC2. 
We created a tool that helps you to see all of your underutilized EC2 instances / across member accounts in a one view to immediately identify how much you can save. After you identify your recommendations, you can take action on the Amazon EC2 console. 

🚀 With that tool you dont need to use the AWS Console - just open the CLI and view your recommendations:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2jt86jr17ww10vy22589.jpg)

</br>
</br>


## Tool
🔗 [rightsizing-recommendation-cli](https://github.com/daknhh/rightsizing-recommendation) </br>
</br>
`python rightsizing-recommendation.py --top RECOMMENDATIONRESULTS --bc BENEFITSCONSIDERED --rt RECOMMENDATIONTARGET --p AWSPROFILE`

Parameters:

- RECOMMENDATIONRESULTS Define how much recommendations results you want to get.
- BENEFITSCONSIDERED The option to consider RI or Savings Plans discount benefits in your savings calculation. Allowed values: t | f.
- RECOMMENDATIONTARGET The option to see recommendations within the same instance family, or recommendations for instances across other families. Allowed values: SAME_INSTANCE_FAMILY | CROSS_INSTANCE_FAMILY


We hope this small [tool](https://github.com/daknhh/rightsizing-recommendation) could be useful for others, too, which is why we open-sourced it on our github. If you have any ideas for improvement, feel free to reach out or create a Pull Request.
How to pass a technical interview
Tags: career, hiring, technicalinterviews, vetting
Published: 2021-03-24 14:39:47

P.S.: This content was originally posted on Remotesome's blog. For a full version (with videos and pics) click here to read it: https://bit.ly/2NOvxYP

*We have done hundreds of technical interviews this past year at Remotesome. Doing so, we spotted a few patterns where many talented engineers fall short to pass a technical interview. Surprisingly, many developers easily pass their interview in their second attempt.*

Reason: they know what to expect on the interview.

This is why preparation for technical interviews is key.

Before we start, I would like to emphasize one thing: being a good developer is not correlated to performing well in a technical interview.

‍Working on difficult problems or working on architecture and app scalability for thousands of users takes weeks of time.

However, during the interview, you usually have about an hour to show-off your knowledge and skill. And this is why at technical interviews, two things are paramount:

* That you can solve problems
* And that you solve them fast

In some ways, this is very different from most of the work you are tackling every day.

Mastering an interview takes practice and it is a skill on its own. Like coding (or anything else really), working on a similar problem for the second or third time will result in you performing better and faster than the first time. There’s a pattern, but sometimes you need to learn to recognize it. And then it unfolds perfectly.

> Mastering an interview takes practice and it is a skill on its own.

That’s why we prepared this guide - to help you prepare for the technical interview. Or any other interview you might have in the future. We believe that with some preparation every talented engineer can easily pass the technical interview. As with everything, it takes practice to make perfect, but good is usually enough. Just put in work to practice presenting yourself properly.

We have split the guide into two categories: **hard skills and soft skills.**

Hard skills are basically everything related to what you are intellectually or physically able to do - code, calculate, analyze … in other words, hard skills are quite internalized, they pertain to you and you alone. You make an input, out comes the output. End.

Soft skills are in reality hard to explain but pertain to everything else on the spectrum of your interaction with the world. How well do you communicate? Do you tend to be short on explanations or water down every argument with unnecessary talking? Do you know how to read what your interviewer wants from you, face mimics? These skills are undervalued because they tend to sound a bit esoteric. But they are essential as they reflect your interactions with other people.

In other words - that’s how you show you are a good fit for the company.

Markdown is killing me :) For a non-deprecated version, please visit this link: https://bit.ly/2NOvxYP

If you wish, I can publish the whole article here, just please say so in the comments :)
A importância da representatividade feminina na tecnologia
Tags: womenintech, wecoded, career, womakerscode
Published: 2021-03-24 14:35:10

Sabe quando você olha para o lado e não se reconhece entre os demais? Isso acontece muito com as mulheres que seguem a carreira na tecnologia! Vou contar a minha história e espero que ela sirva de inspiração para outras mulheres. 

Quando eu comecei a fazer faculdade de Ciência da Computação, na minha turma de 40 alunos éramos apenas duas mulheres. Nas outras turmas, tanto anteriores quanto posteriores a minha, a quantidade também era muito baixa. Como consequência da falta de representatividade eu acabei desistindo do curso, pois durante todo o tempo que fiquei no curso sentia que aquele lugar não era para mim, tive a minha capacidade questionada e saí acreditando que eu nunca seria uma boa programadora.

Depois de desistir, eu cursei Engenharia de Controle e Automação, um curso também de maioria masculina, mas encontrei mais mulheres e me senti representada. Ao me formar, eu já trabalhava numa empresa de tecnologia, porém na parte administrativa, onde me sentia confortável de desempenhar aquelas atividades. Mas eu sempre olhava para os desenvolvedores e pensava, será que eu realmente não sirvo para isto? Lembrando que ali também tinha uma maioria discrepante de homens desempenhando este papel, então continuei onde eu estava e acreditando que não era para mim.

A vida, às vezes, nos dá uns empurrões que na hora não entendemos muito bem, saí desse emprego e comecei outro, também no administrativo, porém eu não me sentia bem desempenhando aquele papel, não sentia que eu estava colocando em prática as minhas habilidades e capacidade. Foi quando eu voltei novamente meu olhar para a tecnologia. Eu questionava o fato de ter me formado numa área também tecnológica e não estar aproveitando da melhor forma o meu potencial. Conversei com uma amiga sobre isso e ela me apresentou o Bootcamp de React da WoMakersCode, uma comunidade que busca o empoderamento feminino na tecnologia. Fui selecionada para fazer o curso, quando cheguei lá e vi tantas mulheres juntas e com o mesmo objetivo, me trouxe aquilo que eu tanto precisava: representatividade! 

Esse momento foi um divisor de águas na minha carreira e hoje eu digo com muito orgulho que sou desenvolvedora! Para que outras mulheres se sintam representadas e entendam que tecnologia também é para mulheres, eu busco formas de ajudar as comunidades e transformar a empresa que eu trabalho em uma empresa mais diversa. E você? Bora ajudar também? Incentive comunidades voltadas para mulheres, cobre diversidade na empresa em que você trabalha e quando perceber que um colega está subestimando a capacidade de uma mulher  intervenha e mostre que você acredita nela.

Sugestão de leitura:
Clube da luta feminista: Um manual de sobrevivência (para um ambiente de trabalho machista)
Top 10 Common Mistakes In Go Programming

Published: 2021-03-24 14:32:27

Go is a popular and  trendy programming language. But Go developers often face particular common bugs and errors. Developers address them as Gotchas. Golang is a comparatively new programming language by Google. Native gophers often face these pitfalls, so here we came with some common mistakes and its solutions. Checkout the following Gotchas and if you have already come across them in Go programming journey, know the solutions of it.

#Top 10 Common Mistakes In Go Programming-
**1. Multiple-value in single-value context-**
Issue-
t  := time.Parse(time.RFC3339, “2018-04-06T10:49:05Z”)
fmt.Println(t)
../main.go:9:17: multiple-value time.Parse() in single-value context
When you try to parse the date and time, you get a compiler error.

Solution-
t, err := time.Parse.RFC3339, “2018-04-06T10:49:05Z”)
  if err != nil {
      // TODO: Handle error.
}
fmt.Println(t)
2018-04-06 10:49:05 +0000 UTC
The parse function with time returns a time value and error value, and explicitly you need to use them. Or To ignore the unwanted error values, you can use a blank identifier _as below:

 m := map[string]float64{“pi”: 3.1416}
_, exists := m[“pi”] // exists == true

Know more at- https://solaceinfotech.com/blog/top-10-common-mistakes-in-go-programming/
Are you using pure Black color for the Text on white background? Stop please.
Tags: java, design, html
Published: 2021-03-24 14:28:40

1- Are you going to implement dark theme in your app?

2- Which text color you should use on white background?



so for the above both task if you are using pure Black 

#000000	rgb(0, 0, 0)
 Stop please.

Then what?
Here is a beautiful post on different shade of black color, which we can use for the same.

https://www.javaoneworld.com/2020/08/best-black-shade-color-code.html?m=1
Loose Coupling Basics
Tags: scalability, coupling, loose, dependency
Published: 2021-03-24 14:23:44

---
title: Loose Coupling Basics
published: true
description: loose coupling basics
tags: scalability, coupling, loose, dependency
---

# Loose Couple Your App

Having a loosely coupled app is a good scalability practice. 

So what is *coupling*?

Coupling is a measure of how two or more components depend on each other. If one of your components stops working if the other component is down, then they are tightly coupled. Retrospectively, the less those components depend on each other, the more they are loosely coupled. Ideally you want your components to be 100% independent.

Suppose that you have a `BookCatalogue` service that is tightly coupled with 2 other services: `BookLenders` and `BookDistributors`. If one day you deprecate one of the `BookCatalogue`'s APIs, there is a good chance that it will also break `BookLenders` and `BookDistributors` because they depend on each other, causing funky bugs! However, if your services were loosely coupled, then deprecating one would not break others.

When you have fully autonomous services, you can freely change one service without worrying that other service will break. In reality, it is nigh impossible to make all your services to be fully independent. Your goal is to write *most* of them to be as self-reliant as possible, as much as you can.

One way to help this is before coding your service, draw a distinct boundary what each service is supposed to do and stick to it. Each service should have a separate responsibility. The clearer the boundary, the easier it is to separate them.

## Advantages of loose coupling

There are several advantages of having loosely coupled services:

- First, it is easier to scale loosely coupled services than tightly coupled ones. If you assign a dedicated server for each service you can easily scale up or down only the server of that particular service.

- Second, it is easier to assign a team to a particular service if it is loosely coupled. Pushing changes should not break the others. The teams can work with great autonomy. This lets your organization to work in parallel so you can get more done with less time!

- Third, it easier to understand the loosely coupled services from a high level perspective. It is easy to see that the `BookLenders` service is responsible for handling the book lending process and `BookCatalogue` is responsible for book listings. Contrast that if you only have one service, `BookLibrary`, that handles both book listing and lenders. It is harder to draw the line in your head what exactly is the responsibility of this service.

You can apply loose coupling methodology at any level in your system. You can have loosely coupled application layers, modules, and even classes. The idea is one and the same: make each component as autonomous as possible and assign each a sole responsibility.
Light & Dark  Mode Icons
Tags: design
Published: 2021-03-24 14:21:37

🕵️‍♂️ I can’t find light or dark mode icons on Figma or a collection of it, so I started searching found some online and decided to create on my own. I use it for landing pages mainly. 

I want to solve a problem and I manage to put this together. I hope it helps those who looking for light & dark mode icons. As a designer, I struggle with design assets at times and I also want to do a quick mock-up on Figma to develop the site. 

🎁 So I've put these together.

• 30+ vector-based icons .fig file
• Black, White, Green, Blue & Gradient
• Simple and Modern Design
• Neatly Organized and Layered

👉 Download here: https://flurly.com/p/lightdarkmodeicons?coupon=fajarsiddiq
Coinbase Pro Portfolio Tracker
Tags: portfoliomanagement, coinbasepro, investment, cryptotrading
Published: 2021-03-27 08:05:00

---
title: Coinbase Pro Portfolio Tracker
published: true
date: 2021-03-24 14:18:02 UTC
tags: portfoliomanagement,coinbasepro,investment,cryptotrading
canonical_url: https://medium.com/coinmonks/coinbase-pro-portfolio-tracker-a6e4a1c6b8f8
---

[![](https://cdn-images-1.medium.com/max/1920/1*gSxKHOVHfIOyBE-GvjXOnw.jpeg)](https://medium.com/coinmonks/coinbase-pro-portfolio-tracker-a6e4a1c6b8f8?source=rss----721b17443fd5---4)

In Coinbase Pro you are able to create up to 5 portfolios. The “Default portfolio” plus 4 additional portfolios. Each portfolio can have…

[Continue reading on Coinmonks »](https://medium.com/coinmonks/coinbase-pro-portfolio-tracker-a6e4a1c6b8f8?source=rss----721b17443fd5---4)