teleren/devto huggingface dataset:
I've joined Forem!
Tags: meta, career
Published: 2021-04-06 19:25:07

Hi folks! I’m delighted to share that I’ve just joined Forem in the new role of Special Projects Manager, where I’ll be overseeing logistics on all sorts of exciting projects and events (including Codeland!).

As a conference organizer — of several [RubyConfs](https://rubyconf.org) and [RailsConfs](https://railsconf.com) as well as Codeland 2019 — I know firsthand how amazing it is to collaborate with an engaged, kind, and committed community. To be honest, until recently, I didn’t know the DEV community very well, but it hasn’t taken me long to see that you’ve all built something so special here. I can’t wait to be part of it and to help translate this inspiring community spirit into concrete projects.

In the spirit of getting to know each other, here are a few things about me: I’m a chatty one — it doesn’t take much to get me gabbing animatedly on most topics. 

A few of my favorites?
* LA food
* _Fleabag_
* Intersectional feminism
* Skincare routines
* Sad dad music

I live in Los Angeles with my husband and two daughters, and I’m _highly_ [indoorsy](https://en.wiktionary.org/wiki/indoorsy).

Here’s a pic of me in pre-pandemic times with one of my truest loves: a bag of garlicky Cajun shrimp.

![AbbyAndShrimp](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3btt7aw4seucxpy4qtrf.jpeg)

I'm so looking forward to helping deliver meaningful experiences for all of you devs, and the wider Forem community!
How to Google with a Shortcut
Tags: tip, trick
Published: 2021-04-06 19:24:56

Being a software developer, I have to google quite a few things. And when it comes to doing that, here's what the usual flow looks like for most of us: Ctrl + C, Ctrl + V in the address bar of your browser, and that's if you use shortcuts and a browser that lets you search via the address bar. If you don't have your browser already open then that's one more step to the task. Not to mention the switching if you are on some other application.
What if there was a way to just select a part of any text in any application and have it looked up for you in your default browser with a shortcut combo? That would save so many clicks and make searching more accessible. Apparently, such a future is not built into Windows natively. Let's hope they add it in the near future but for now, I do have something for you.

#Here's what you need to do…
* Download and install [AutoHotKey](https://www.autohotkey.com/)
* Clone or download my script from [GitHub](https://github.com/zaxwebs/google-it).
* Extract google-it.ahk file from downloaded ZIP to your desktop.
* Double-click on this file and you are all set!
You can now press Ctrl + LWin (Left Windows Key) after selecting any text to open it in Google search.

#More about the script…
Like any other AutoHotKey script, you can customize mine to your own liking: changing the shortcut keys, browser, search engine, website, etc. With a little bit of tinkering, you can set the script to run on startup.
This was a fun little experiment out of curiosity that turned out to be very productive and something I now use often. Cheers!
On .NET Episode: A Journey to .NET MAUI
Tags: dotnet, mobile
Published: 2021-04-06 19:22:13

.NET MAUI is the evolution of Xamarin.Forms and a major aspect of the upcoming .NET 6 release.

In this episode, Maddy Leger comes on the show to tell us what .NET MAUI is and what to expect as we get closer to the release.

{% youtube hoC5FIblKz8 %}

If you liked this video and would like to see some more of our .NET content, please subscribe to our [.NET Developers YouTube Channel](https://www.youtube.com/channel/UCvtT19MZW8dq5Wwfu6B0oxw).


## Useful Links
<ul>
<li><a href="https://devblogs.microsoft.com/xamarin/the-new-net-multi-platform-app-ui-maui/?WT.mc_id=dotnet-00000-cephilli" target="_blank">The New .NET Multi-platform App UI</a></li>
<li><a href="https://github.com/dotnet/maui" target="_blank">.NET MAUI on GitHub</a></li>
<li><a href="https://devblogs.microsoft.com/dotnet/announcing-net-6-preview-2/?WT.mc_id=dotnet-00000-cephilli" target="_blank">Announcing .NET 6 Preview 2</a></li>
</ul>
Coding in Public - Intro
Tags: webdev, programming
Published: 2021-04-06 19:18:35

Hello lovely people from around the Globe 🙌

This is the first Post to a wonderful journey through Coding in Public. 

**Cool story Bro, what's this all about?**

So a few weeks ago I reached out to the public. I wanted to achieve something. Not something. 

*I want to build a real-world application with a team of other motivated developers* 

I found 2 really nice and skilled developers/designers / all-around good people to team up with. 

So here we are.

**Why have you reached out to the public, what was your thaught process behind that idea?**

Ok for that let me tell me a bit of myself. I started to code about 5 years ago. I had my up and downs in several languages. But eventually, I found my home in the Javascript world. 
Over there I created several projects - nothing really fancy. It was just clone after clone. I was missing something. 
I think I might found that:

A team. People to chat with. People to keep each other accountable. Lovely people to share the struggle with. 

*People to create something wonderful together*

**Ok sounds interesting, what is your goal now?**

We want to build a new project in public. It's not another to-do list. It's a fully-fledged product that can be used by other people out there. Even thinking about this gets me excited every time. 
So the idea is to write little posts to track the progress so other developers can see and watch closely what we will achieve. 
With all the good and the bad stuff. 

**Nice how can I keep getting updates about the progress?**
I got you. You can follow me here on dev.to obviously. 
You can follow my Twitter: https://twitter.com/shadowdom_
You can follow the Twitter of my new found friends:

https://twitter.com/pseudoselector
https://twitter.com/Soham_Asmi

So give that follow button a little love, so you won't miss out on any progress we make. 

**Well my last question: What is the project about, you got anything to show?**


I'll explain the idea and vision about it in more detail in an upcoming post here. 

**Thx, Bro I'll follow you for sure**
No problem my man, really appreciated.
Include (or omit) Node.js devDependencies in your CI environment
Tags: node, devops, ci
Published: 2021-04-06 19:18:23

**UPDATE:** It's actually simpler to use `npm ci` instead of `npm install` because it [installs `devDependencies` too](https://stackoverflow.com/a/61364681/529829) and is actually more efficient. Hat tip to Lucian 🍻

Ever need to install your `devDependencies` in a CI environment but the environment wants to install only `dependencies`? Here's how to fix it: 

```shell
npm install --include=dev
```

You can also omit dependencies with the `--omit=...` flag.

You can use the options `dev`, `optional` and `peer` in both these flags.

Hope that saves you a few minutes, as it did me! 🍻

_Hat tip to [Ben McCann](https://twitter.com/BenjaminMcCann) on the Svelte Discord for pointing me in the right direction!_

---

_Follow me on [Dev.to](https://dev.to/danawoodman), [Twitter](https://twitter.com/DanaWoodman) and [Github](https://github.com/danawoodman) for more web dev and startup related content_ 🤓
Files
Tags: systems, database, operations
Published: 2021-04-06 19:15:02

`Files are highly recommended to store data for future purposes. But still, when we have a huge amount of data, we tend to move on to database for storing our data.
Why?`

<img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/skdmwys02y48rdg2nxjg.jpg" alt="file" width="500" height="600" class='left'>

<!--{% user noviicee %}-->


## What are Files?
Files can be considered as the permanent store areas for our data. A Normal/Ordinary File on any [Operating System](#) can be classified into two types- Text Files and Binary Files.

*File are so important that many (almost all) programming languages have them as an entire topic!*

Data is stored in flat files and can be accessed using programming languages.

<!--
[File-Handling in Python](#)
-->

## When to use files?

* Files can be used on local devices since they provide on-device access to data.
* Files can be useful for storing data offline.<p>
   Eg:- History feature in a calculator app stores all the operations performed in the calculator. It makes use of files.
* Many chatting apps store messages as files on the user's device. This is done so that the user is able to read the messages accessed through the files if he/she is not online.
* For storing frequent incoming data.<p>
   Eg: Censors in a city, if they read information at every 5 minutes.
* For storing not-so-important data.<p>
   Eg: Error log of a server.

## Why not use Files?

* Files can cause the dependency of program on a physical structure of data.
* The process of retrieving data from files is complex.
* There can be loss of data on concurrent access.
* Files are not capable to give access based on records (Security)
* Storing data in files can cause *Data Redundancy* , which is never desirable.

*Database Management Systems offers several functions that help us overcome problems associated with file-based systems, such as-<br/>Data Management, Integrity, Transaction and Concurrency, Security, Recovery and Utilities etc.*

>Also Read: [The Management of Data](https://dev.to/noviicee/the-management-of-data-6h1)
Utilização de frameworks
Tags: architecture, programming, systems
Published: 2021-04-06 19:11:33

Não é de hoje que existe uma guerra, quase ideológica, a respeito da utilização de frameworks em projetos de software. Seja qual for a linguagem – Java, C#, PHP, Go, Javascript, Python, Ruby, ou qualquer outra –, existe uma grande variedade de frameworks disponíveis que fornecem uma quantidade sem fim de recursos para facilitar o desenvolvimento.

Frameworks são legais. Eles resolvem problemas comuns. Eles provem um conjunto de soluções baseadas em padrões de arquitetura e design. Eles aceleram (e muito) o desenvolvimento de um projeto, fazendo com que valor agregado seja entregue rapidamente. E ainda que fosse muito bom, isso não é o bastante.

Na maioria dos casos, nós não aprendemos a projetar software muito bem na faculdade. Nossas grades curriculares são cheias de matérias técnicas, tais como Análise de Processos, UML e Modelagem de Sistemas, Estruturas de Dados, e Linguagens de Programação. Contudo, pouca ênfase é dada no que chamamos de "abordagem orientada a resolução de problemas". Em outras palavras, somos capacitados a pensar tecnicamente, mas não analiticamente.

O que isso quer dizer? Que estamos rodeados de pessoas com uma mentalidade técnica, mas não tem profundidade na análise e proposta de soluções que _realmente_ resolvam o problema proposto. Essa é uma das bases para um projeto ser executado com qualidade: o entendimento correto do problema e a proposta de uma solução de acordo.

Quando não temos a capacidade de analisar e propor soluções bem desenvolvida, precisamos compensar com algo além: a profundidade técnica. E é aí que entra o dilema dos frameworks.

Como disse Abraham Maslow, "é tentador tratar tudo como um prego se a única ferramenta que você tem é um martelo". Em outras palavras, não podemos resolver todos os problemas que temos com uma única ferramenta – ou então precisaríamos apertar um parafuso com um martelo. Da mesma forma é o engenheiro de software: ele precisa conhecer as ferramentas com as quais trabalha e quais tipos de ferramentas servem para resolver certos problemas.

Com isso, fica claro que, muitas vezes, estamos tentando resolver tecnologicamente um problema que é processual. Uma simples alteração em um processo de negócio dispensa totalmente o desenvolvimento de novas funcionalidades, que só servirão para tornar o projeto maior, mais pesado e mais complexo.

Por fim, o que fica de lição? Seja aquela pessoa que conhece as ferramentas e as usa corretamente (mesmo que de forma desajeitada em alguns casos), e saiba usar muito bem aquilo que pode resolver grande parte dos problemas a pequeno e médio prazo.
Browser Extension to Fight Climate Change
Tags: firstpost, javascript, showdev, opensource
Published: 2021-04-06 18:45:36

[Ecosia](https://www.ecosia.org/) is a search engine that fights climate change by planting a trees. Every ~45 searches is a tree planted. They have planted over 123 million trees. 

I created browser extensions that counts how many you have personally planted. For [Chrome](https://chrome.google.com/webstore/detail/ecosia-count-trees/ahfaljmpjgbkmbldipgdldgiiimdphec) and for [Firefox](https://addons.mozilla.org/en-US/firefox/addon/ecosia-count-trees/).

After the extension is installed it looks like this:

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

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

I use Ecosia as my main search engine. It is not always as good as Google. But many times I have found new and interesting GitHub repos that Google doesn't find with the same search queries. So it is definitely a valid primary search engine.

Get extension:
[Chrome](https://chrome.google.com/webstore/detail/ecosia-count-trees/ahfaljmpjgbkmbldipgdldgiiimdphec)
[Firefox](https://addons.mozilla.org/en-US/firefox/addon/ecosia-count-trees/)

Github repos here:
https://github.com/nake89/ecosia-count-trees
https://github.com/nake89/ecosia-count-trees-chrome
The 7 Most Popular DEV Posts from the Past Week
Tags: top7
Published: 2021-04-06 18:34:24

---
title: The 7 Most Popular DEV Posts from the Past Week
published: true
description: A round up of the most-read and most-loved contributions from the community this past week.
tags: icymi
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sfwcvweirpf2qka2lg2b.png
---
_Every Tuesday we round up the previous week's top posts based on traffic, engagement, and a hint of editorial curation. The typical week starts on Monday and ends on Sunday, but don't worry, we take into account posts that are published later in the week. ❤️_

## Performant, accessible, interactive

What else do you need in a portfolio?! @jemimaabu walks us through how they got theirs to * *chef's kiss* * level 


{% link https://dev.to/jemimaabu/how-i-built-my-perfect-score-portfolio-website-4ek0 %}

## A deep hurt we must confront

In this honest and incredibly important post, @penelope_zone shares a bit about their experience as a trans woman in technology. Instead of summarizing it here, I urge you to read it for yourself ❤️

{% link https://dev.to/penelope_zone/the-incredible-weight-of-being-a-trans-woman-in-tech-45n0 %}

## Hit that save button

Great job on this week’s animation collection, @afif!


{% link https://dev.to/afif/another-100-underline-overlay-animations-the-extended-css-collection-574c %}

## Get hooked!

Despite reading lots of explainers and a few tutorials, @kimberleejohnson understandably didn't really start to “grok” React Hooks until they needed to dig into the Daily React video chat demo. Follow along with this retrospective of their hooks learning process. 


{% link https://dev.to/kimberleejohnson/learn-react-hooks-by-looking-under-the-hood-of-a-video-chat-app-3a5o  %}


## Solve a problem with an unfamiliar solution

So… you’ll still need to try. But @thelogicwarlock shares some priorities that might help what you’re learning about coding soak in better. 


{% link https://dev.to/thelogicwarlock/how-to-get-better-at-coding-without-really-trying-34ed %}


## Keep It Simple, Smarty

If you’ve never heard of Big O Notation, this super simple explanation will feel like a gift from above. It’s actually a gift from @humblecoder00!

{% link https://dev.to/humblecoder00/comprehensive-big-o-notation-guide-in-plain-english-using-javascript-3n6m %}

## A work of art

@fossheim made this _beautiful_ Muson toy synthesizer using only HTML and CSS. Love!


{% link https://dev.to/fossheim/i-drew-a-synthesizer-with-html-css-53f %}

_That's it for our weekly wrap up! Keep an eye on dev.to this week for daily content and discussions...and if you miss anything, we'll be sure to recap it next Tuesday!_
✔||🤢 Commit or Vomit | + cast
Tags: javascript, webdev, discuss, programming
Published: 2021-04-06 18:29:46

> Photo by <a href="https://unsplash.com/@mbaumi?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Mika Baumeister</a> on <a href="https://unsplash.com/s/photos/plus?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
  

Another ✔||🤢, casting to number with +;

Actually found this one in the angular documentation at some point.

```typescript

// example: numberInputField.value = "3"
const startValue: number = +numberInputField.value;

```

### casting to number with + ✔||🤢

❤: Commit (something I could commit)
🏷: Vomit (I'd never commit this)
🦄: I like your post please continue this series!

Let's vote! 😊
Amazing Pure HTML and CSS background animations
Tags: html, css, codepen, codequality
Published: 2021-04-06 18:28:20

<p>Animations are a pretty cool thing, aren't they? They add something extra our websites and make them standout in the crowd! However, coming up the ideas could be quite daunting sometimes and just because you decide to code in html and css (only) does not mean you don't get to spice up your web pages. Here are some amazing ideas to get you started</p>
<h2>Diagonal Color Gradients</h2> 
<p>Created by Alison Quaglia</p>
{% codepen https://codepen.io/hylobates-lar/pen/qBbQeON %}
<p>It's simple,subtle, easy to code and could create a cool hover effect</p>
<h2>Sliding Diagonals Background Effect</h2> 
<p>Created by Chris Smith</p>
{% codepen https://codepen.io/chris22smith/pen/RZogMa %}
<p>Now unlike the previous example which was subtle, this one is aimed at grabbing your attention</p>
<h2>CSS only animated background</h2> 
<p>Created by Nour Ibram</p>
{% codepen https://codepen.io/nouribram/pen/OzqNvJ %}
<p>Gives the party feeling to an otherwise plain background, doesn't it?</p>
<h2>October falling leaves</h2> 
<p>Created by Casthra Demosthene</p>
{% codepen https://codepen.io/incrediblecast/pen/yLBmVXQ %}
<h2>Pattern Animation (Infinite)</h2>
<p>Created by Adam Abundis</p>
{% codepen https://codepen.io/adamabundis/pen/PoYgvYQ %}
<p>Thank you <code>@keyframes</code> for the infinite scroll😁</p>
<h2>Awesome Animated background</h2>
<p>Created by Beshoy Ekram</p>
{% codepen https://codepen.io/beshoooo/pen/jmbGNd %}
<p>Could you just take a moment to appreciate how attractive the animation is?. The color mixture very pleasant and appealing yet does not take attention away from title in the front end.</p>
<h2>Animated forest background</h2> 
<p>Created by Carpe numidium</p>
{% codepen https://codepen.io/carpenumidium/pen/vNNzyG %}
<h2>Floating cubes</h2> 
<p>Created by Mohammad Abdul Mohaiman</p>
{% codepen https://codepen.io/mohaiman/pen/MQqMyo %}
<p>I used this animation in my <a href='https://dev.to/babib/freecodecamp-project-done-4-a-technical-documentation-page-32kb' target="_blank">technical documentation page</a>. Yup it's dope!😀</p>
<h2>Sépion CSS background animation 2</h2> 
<p>Created by Sépion</p>
{% codepen https://codepen.io/Sepion/pen/ZQJyeq %}
<p>Sublte😏</p>
<h2>Floating Cloud Background</h2>
<p>Created by Shaw</p>
{% codepen https://codepen.io/shshaw/pen/DxJka %}
<p>I know I said pure CSS but when I saw this CSS(Less) animation, I figured you'll like it too😏</p>
<p>I do hope these ideas serve as a kick. Feel free to play around with these CodePens and make them your own! This is also just a small sample of ideas; the web is a treasure trove of infinite possibilities.</p>
<p>Happy coding! 😊</p>


                                                     💞 Babi
What important truth do very few people agree with you on?
Tags: carrer, interview, openmind, linkedinposts
Published: 2021-04-06 18:05:10

###### I am always posting provoking post on my Linkedin, and I have decided to replicate those here. [Let's socialize!](https://www.linkedin.com/in/alexsandro-souza-dev)

What important truth do very few people agree with you on?

That is the favourite question of Peter Thiel when interviewing a candidate. He also says, "Brilliant thinking is rare, but courage is in even shorter supply than genius."

Thinking for yourself is often very challenging, and it is easier to maintain the status quo.

A good answer is one that sparks a unique view of the world and shows the candidate doesn't think like their peers.

Original thoughts are difficult to have because you are a product of your environment. If surrounded by people who hold a specific view, you will likely come to hold that view over time.

On my mission to deliver value to customers as faster and cheaper as possible, I am constantly questioning the mainstream thoughts; here some examples:
- Microservices is not the best way to draw boundaries
- Documentation is not a critical success factor in software development
- The "unit" on Unit testing is not methods and classes
- Test coverage metrics are evil
- ORM most of the times is not a good idea
- Over abstraction is evil
- Avoid coding interviews when hiring
- Scrum is not the best Agile framework
- REST-based APIs are not great
- Software estimation is waste
- Consensus decisions are not smart and an illusion of safety
Ran Out of Ideas
Tags: python, ruby, github, meetnewpeople
Published: 2021-04-06 18:01:19

As a newbie dev, I'm looking for partners to work together. You know I feel like unmotivated right now for some unknown reasons. So I thought of changing the pace by meeting with some new people who feel the same. By working on some not-real-world-project or silly ideas together, we can learn how to work in collaboration. We can also share some new ideas together!