teleren/devto huggingface dataset:
JavaScript Developer Heart Messages
Tags: javascript, beginners, codepen
Published: 2022-02-11 14:09:07

 Remember those Valentine's Candy Conversation hearts? For this project I'm recreating them using vanilla JavaScript and CSS. Why, cause I had an idea to do it.

## Draw a heart 

If we're going to write on a heart we need to build the heart first. This is made with some basic shapes, a square and two circles. To make a CSS Circle you make a square and give it a border radius of 50%. 

I added borders so you can see the individual shapes.


![A heart made to two overlapping circles on a square that rotated 45 degrees.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9j8fe71imd5oabefy3re.jpg)


Once the shapes are made use `transform: rotate(45deg)` to turn the heart so the point is straight down. I added a drop shadow to make the heart standout from the background.
 

![a heart.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x4t255tb3zqzmjjfxcqf.jpg)


## Javascript Messages

Next we need a list of messages. Here's some of the messages used for the project. I didn't them list all to save some space.

```Javascript
var messages = [
	"Will you be my variable? ",
	"Be the Fizz to my buzz! ",
	"This ♥",
	"Stickers!",
	"if ( (you + date) < 2) {  </br>   call (me) } ",
	"You\”: \“My heart\" ",
	"I will always write tests",
	"git commit -m \":heart:\" ",
	"01101000 01100101 01100001 <br> 01110010 01110100"
]

```

Next we need a function to pull a random message from the list and put it in the heart Id div that is on top of the Bigheart, the CSS heart.

```javascript
function sweetHeartMsg() {
	var randomNumber = Math.floor(Math.random() * (messages.length));
	document.getElementById('heart').innerHTML = messages[randomNumber];
	heart.style.display = "block";	
}
```
The function is activated by clicking a button.

```HTML
	<div class="login-screen" >
		<h1>"Hello World"</h1>
		Click the button for .random(♥) candy heart message.
                <input type="submit" value="Dev Hearts." class="btn btn-primary btn-large btn-block" id="submit" onclick="sweetHeartMsg();">
	</div>
```
That puts the message on the heart.



![screen shot: A heart next to text that read"click button for message." On the heart it says "I will always read the docs."](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kjg2m2c5a76jr7wvqpng.jpg)


## Wrap up
This was a good exercise if I would make a version 2 I'll allow users to enter their own messages to display on the heart. I would also like to thank my friends, Meg and Julia  at VirtualCoffee for helping with message suggestions.
Heart shape inspired by [this post](https://www.hongkiat.com/blog/css-heart-shape/)
Resources that will help you get started as a Technical Writer
Tags: writing, webdev, beginners
Published: 2022-02-11 13:34:08

# Technical Writing 101 
Technical writing means writing a documentation in a way that it is easy-to-understand for both technical as well as non-technical people. 

If you have the right resources, the journey can be a little easier and can save you loads of time:

---

### ✅ Challenges To Commit:

- Write 1 article/ week.
- Write 500 words/ day.
- At least 4-5 blogs/ month.

Consider joining public challenges like 2articles1week by Hashnode. It will give you a push to write as you're committing in public: 
[Hashnode: #2articles1week Challenge](https://hashnode.com/@eyeshreya/joinme)

---

### 🧠 Learn: 

1. Coursera's tech writing course: 
[Visit Here](coursera.org/learn/technical-writing)

2. Google's Technical Writing Course: 
[Visit Here](developers.google.com/tech-writing)

---

### 🧩 Where to Publish -  Build Portfolio

1. Your Own Blog
2. [Hashnode](https://hashnode.com/@eyeshreya/joinme)  
3. [DEV](dev.to)
4. [Medium](medium.com)
 
---

### 💵 Paid Article Writing Platforms 

This is the section that interests people the most. 
But you should have a writing portfolio first as they look out for articles you've published and reach out to you if it goes well.

**Resources**: 
- [Who Pays Technical Writers](whopaystechnicalwriters.com)
- [Paid Community Writer Programs](github.com/tigthor/PaidCommunityWriterPrograms)

---

### ⚒️ Tools
1. [Hemmingway Editor](https://hemingwayapp.com/)
2. [Grammarly Chrome Extension](https://app.grammarly.com/)

---

### 📷 Cover Images
- [Canva](https://www.canva.com/)
- [CoverView](coverview.vercel.app) (this is one of my favorites) 

---

### 📽️ YouTube Channels
🔗 [Amruta Ranade](https://www.youtube.com/c/AmrutaRanade)

---

> Remember you're doing this for yourself only, so don't take it as a liability. Enjoy the process and don't pressurize. 
Don't worry about the completion of goals, something is always better than nothing.

Thanks for reading. Hope it helped you.
Int and double
Tags: dart, flutter, beginners, datatype
Published: 2022-02-11 13:30:20

_The dart programming language is similar to c ,cpp and javascript there is some difference in syntax that's it._



## Data Type in Dart

- int    &  double



## **1. Int**

- Int is a numeric data type in dart.
- Int data type is mainly used for store integer numbers.
- In this data type can't hold floating numbers.

_for example :-_

```
void main(){

// declare an integer variable.
int number = 10;

print(number); // result -> 10.
}
```
the output will be 10.


> the next code block is incorrect way, we can't assign the floating value to integer datatype.
```
void main(){
// declare an integer variable.
// and trying to assign a floating value.
int number = 10.5;

print(number); // result -> error occurs.
}
```

![error when assign value](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4hyauafmia2l96jq6f7r.png)

in this case we will get an error due to we are trying to assign a floating value to integer data variable.

so how we can create a floating variable ? Let's make it.


## **2.double**

- Double is also numeric type in dart.

- This data type can hold floating values.

- also we can save integer data type but it's really happening storing value as a floating .

 


_for example :-_   

```
void main(){

// declare a floating variable.
double number = 10.4;

print(number); // result -> 10.4.
}
```

the result will be 10.4 .


also we can store values like integer  for example :-

```
void main(){

// declare a floating variable.
double number = 4;

print(number); // result -> 4.0.
}
```

in this case we declared variable as floating variable by using double datatype.

Are you thinking how it can possible?

don't worry about it it just storing 4.0, it's really storing as a floating value. 

so the result will be 4.0 .
Docker no Ubuntu usando WSL2 (Windows)
Tags: docker, wsl, windows
Published: 2022-02-11 13:29:20

Como configurar o docker para rodar no Ubuntu usando WSL2 no Windows.

**1. Instale o Ubuntu pelo Microsoft Store.**

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

 Uma vez instalado, rode o prompt de comando/powershell e rode o seguinte comando para verificar se o WSL está versão 2.

```
Seta o WSL para versão 2
wsl --set-default-version 2

Verifica a versão do WSL
wsl -l -v

Se não estiver na versão 2 você pode atualizar a distro.
wsl --set-version Ubuntu 2
```

A saída será algo assim:
PS C:\Users\{youruser}> wsl -l -v
NAME STATE VERSION
Ubuntu Running 2

**2. Instalar o Docker**

Atualize o gerenciador de pacotes 

```
sudo apt-get update
sudo apt-get install -y apt-transport-https ca-certificates curl software-properties-common libssl-dev libffi-dev git wget nano
```

Crie um grupo chamado docker e adicione você nesse grupo para que não precise escrever sudo docker todas as vezes. 
Obs: Precisará deslogar e logar para isso fazer efeito. 

```
sudo groupadd docker
sudo usermod -aG docker ${USER}
```

Adicione Docker key e repo

```
curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -
sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable"
```

```
Atualize o gerenciador de pacotes 
sudo apt-get update

Atualize a distro
sudo apt-get upgrade -y
sudo apt-get autoremove -y
```

```
Instale o docker
sudo apt-get install -y docker-ce containerd.io

Instalar kubectl (Opcional)
sudo apt-get install -y kubectl
```

Instalar Docker Composer
Para instalar o docker composer, siga esse [artigo](https://www.digitalocean.com/community/tutorials/how-to-install-and-use-docker-compose-on-ubuntu-20-04-pt)

**Finalizar a configuração**

Docker não está configurado para iniciar automaticamente, então você deve iniciar o serviço toda vez. 
O código abaixo irá fazer um patch do seu .profile para iniciar o Docker toda vez que você logar.

```
echo "sudo service docker start" >> ~/.profile
exit
```

No Ubuntu a pasta /mnt/c/ irá apontar para c:\ do windows.

```
cd /mnt/c/{seuprojeto}/{suapastadocker}/
```

Navegue até onde está localizado seu docker-compose.yml e execute 

```
docker-compose up
```

**Referências:**

[Install Docker on WSL2](https://dev.to/bartr/install-docker-on-windows-subsystem-for-linux-v2-ubuntu-5dl7)
[WSL Install](https://docs.microsoft.com/en-us/windows/wsl/install)
[Basic Comands](https://docs.microsoft.com/en-us/windows/wsl/basic-commands)
How to change the author permalink in Wordpress
Published: 2022-02-11 13:14:39

Here's a handy snippet to change the default author permalink that Wordpress spits out. I use this quite often so the author URLs don't become email addresses etc.

```
add_action('init', 'cng_author_base');
function cng_author_base() {
    global $wp_rewrite;
    $author_slug = 'profile'; // change slug name
    $wp_rewrite->author_base = $author_slug;
}
```

Currently in use at:
[Wheatpaste Poster Printing](https://wildposters.com/wheatpaste-poster-printing/)
[Same Day Poster Printing](https://wildposters.com/same-day-poster-printing/)
[Large Poster Printing](https://wildposters.com/)
[Large Poster Printing](https://wildposters.com/)
[Poster Printing NYC](https://wildposters.com/poster-printing-nyc/)
[Poster Printing NYC](https://www.printingnewyork.com/poster-printing-nyc/)
[OOH Marketing](https://wildposters.com/ooh-marketing/)
[11x17 Poster](https://wildposters.com/11x17-poster/)
[12x18 Poster](https://wildposters.com/12x18-poster/)
[12x28 Poster](https://wildposters.com/12x28-poster/)
[12x36 Poster](https://wildposters.com/12x36-poster/)
[18x24 Poster](https://wildposters.com/18x24-poster/)
[20x16 Poster](https://wildposters.com/20x16-poster/)
[22x28 Poster](https://wildposters.com/22x28-poster/)
[24x36 Poster](https://wildposters.com/24x36-poster/)
[25x39 Poster](https://wildposters.com/25x39-poster/)
[48x72 Poster](https://wildposters.com/48x72-poster/)
The time of Axios and Node-Fetch is coming to an end?
Tags: news, node, javascript, discuss
Published: 2022-02-11 12:53:46

It's so beautiful how technologies evolve isn't it?

From yesterday to today (10/02/22 - 11/02-2022) we had an impactful change in something that is in our daily lives - Node.JS.

It was officially started in this v17.5.0 of NodeJS the implementation, at the moment experimental, of the native API for Fetch to work with Request and Response .

It was always natural to turn to external libraries to consume external web APIs. But now it looks like all that is about to change.

Unlike what happens in most current browsers where there is, natively, the Fetch API for requests, NodeJS did not have its own feature for this.

As I said, this feature is experimental, so it still needs to be used with the flag: **`--experimental-fetch`**.

I haven't had time to test the functionality yet but just reading it made me salivate. If you try it out there, let us know how the result was and if it met your expectations.

If you want to know more about the changelog of this new version of NodeJS, you can access this [link here](https://nodejs.org/en/blog/release/v17.5.0/)
How to Develop Flutter Apps
Published: 2022-02-11 12:39:44

Flutter was created and released in May 2017 by Google as a free open-source mobile UI framework. Flutter is a Google created and released free open-source mobile UI framework.

Flutter is a cross-platform mobile development framework for creating apps in iOS and Android using one codebase. Depending on the experience of the flutter developer they might be able to develop custom widgets on flutter apart from the use of the framework.

**Types of developers; where to hire flutter developers?**

**1. Freelancers**

**Benefits:**
- With the rise of freelancing platforms, it becomes easy to hire the right talent at a minimal cost.
- Freelance flutter developers are a low-cost option as compared to the other alternatives.
- You just need to pay them on either an hourly basis or a fixed cost price for a certain assigned task.

**You can hire a specialized talent for a particular project or assignment. Drawbacks:**
- Since they work remotely without any kind of supervision, the guarantee for the project deadline seems blurred.
- Coordination with multiple teams like UI/UX, QA, etc. becomes hard.
- It's challenging to communicate with the developers if they’re from different time zones and languages.

**Platforms to find freelance developers:**
- Peopleperhour
- Freelancer
- Guru
- Fiverr

**2. In-house development team**

**Benefits:**
- When your app is already completed and launched, it's good to hire an in-house team for further improvements and updates.
- The whole team can dedicatedly work on a single project that enhances product quality and deliverables.
- It lets you customize the entire development project with minor or major tech needs.
- Easy coordination between design, development, and QA team.

**Drawbacks:**
- Hiring skilled and advanced in-house teams is a highly expensive and time-consuming process.
- You may need to pay developers even though you don’t have enough tasks for them.
- In-house developers are usually high on the salary part as compared to freelance developers.
- There might be an increase in overall company expenditure since they need to bear expenses such as buying new hardware, software, internet expenses, electricity bill, etc.

**Platforms to hire in-house developers:**
- LinkedIn
- Glassdoor
- Dice
- Indeed

**3. Outsourcing companies**

**Benefits:**
- It eliminates the need for any specialist developer in difficult times.
- Timely project delivery without any glitches.
- Such companies usually work on a contract basis. It removes the headache to pay on a monthly basis. 

**Drawbacks:**
- Communication can be a problem with some developers speaking the regional language but it can be solved with a strong and all-rounder project manager.
- Needs to schedule calls sometimes due to differences in time zone.

**Platforms to Hire outsourcing companies:**
- Clutch
- GoodFirms
- IT Firms
- GlassDoor

However, if you’re planning to develop Flutter-based apps, hiring dedicated Flutter Developers from WebClues will serve your purpose.
Hello, Erlang! A new podcast
Tags: erlang
Published: 2022-02-11 12:33:37

---

"Hello, Erlang!" is a show focused on the Erlang programming community. We discuss topics related to the BEAM and the Erlang Ecosystem with exceptional engineers that will share their knowledge and experience with you.

The podcast team includes me (Adolfo Neto), Viacheslav Katsuba and Brujo Benavides.

In the first episode of the "Hello, Erlang!" podcast you will meet the hosts and learn a little more about them!

Spotify:
{% spotify spotify:episode:64dK85yalVzVN2WZavhEEN %}

YouTube:
{% youtube NCW2KHtmQf0 %}


{% twitter https://twitter.com/HelloErlang/status/1491898366434942981?t=mp1VGae7LuHFA-Q_ImNrYw&s=19 %}


Anchor: [https://anchor.fm/helloerlang](https://anchor.fm/helloerlang)

Twitter: [@helloerlang](https://twitter.com/helloerlang)
Best low code tools to get started
Tags: beginners, productivity, opensource, career
Published: 2022-02-11 12:33:07

### What is low code?
Low-code platforms are a great way for budding teams to quickly build and deploy digital tools quickly. Low code no code platforms provide citizen developers an easy way to create scalable applications using a visual drag and drop interface to design applications. These are startup tools that provide pre-built UI components and ready connectors to popular APIs and databases that make it easy for both the developers and business users at fast growing organisations to deploy digital tools fast and increase monetary growth.

### Importance of low code tools in startups
Entrepreneurs using low code tools employ low code/no code technologies to quickly test their ideas and gather customer feedback to ensure (and double-check) that people want what they're doing, all while launching and iterating at a low cost. Thus they can find the market for their product and save capital on software development.

The low code/no code movement has the potential to finally fill that missing productivity gap in the global economy, making our lives better, while saving time for everyone. To get you started with low code/no code development, I have assembled a list of amazing startup tools categorised on how they can help you. List is as follows-

#### Internal Tools

- [DronaHQ](https://www.dronahq.com/)
- [Retool](https://retool.com/)
- [Internal](https://www.internal.io/)
- [JetAdmin](https://www.jetadmin.io/)

#### Data Management

- [Notion](https://www.notion.so/)
- [Airtable](https://www.airtable.com/)
- [trello](https://trello.com/en)

#### Apps

- [Bubble](https://bubble.io/)
- [Outsystems](https://www.outsystems.com/)
- [Mendix](https://www.mendix.com/)
- [Kissflow](https://kissflow.com/)
- [Gumroad](https://gumroad.com/)

#### Automations

- [Zapier](https://zapier.com/)
- [Integromat](https://www.integromat.com/)
- [Automate.io](https://automate.io/)

#### Websites

- [Webflow](https://webflow.com/)
- [Wix](https://www.wix.com/)
- [Carrd](https://carrd.co/)

#### Forms

- [JotForm](https://www.jotform.com/)
- [Fulcrum](https://web.fulcrumapp.com/)
- [ProntoForms](https://www.prontoforms.com/)
- [Coda](https://coda.io/)

#### Email/CRM

- [MailChimp](https://mailchimp.com/)
- [ConvertKit](https://convertkit.com/)
- [Zoho](https://www.zoho.com/)

#### Open Source

- [PyCaret](https://pycaret.org/)
- [Node-Red](https://nodered.org/)
- [WordPress](https://wordpress.com/)
 
PS: Feel free to share your favourite low code/no code tool with me in the comments. I'd also ❤️ to hear your thoughts about low code/no code development. 🥳

##### Stay tuned for part-2 where we dive deeper into why low code is on the rise in 2022!👋
Crowdfunding - those that flew and those that flopped.
Tags: crowdfunding, kickstarter, simplex, opensource
Published: 2022-02-11 12:16:52

Hey, DEV! Ever since my college days I have been crowdfunding around the indie scene. What do I have to show for it? Well £430,000 from 409 backers in 17 countries so far, this was for a company called Clouder that was an integrated e-commerce destination for vape and featured a 1hr delivery, marketplace, subscription service, store locator, and a wholesale destination. 

These days I’m heading into another crowdfunding round with a different indie project SimpleX Chat. Kickstarter is our platform of choice on this passthrough and not Seedrs. The team is better, the product is better, we have a better marketing budget, better crowdfunding platform, and better energy. I feel comfortable looking to raise somewhere between $500,000 - $1,000,000.

How did we get here? A bumpy road through both success and failure. In this spirit I’d like to tell you about “What worked?” & “What didn’t?"... Having read it, let me know in the comments if you think anything needs adding to either list.

Good:
▴ Large email lists.
▴ Pub meets.
▴ Merchandise packs.
▴ Fundraising events.
▴ Display ads done by a professional.
▴ Clear and simple message.
▴ Good design and presentation for your campaign.
▴ Well done script, filmography & choreography.
▴ LinkedIn Sales Navigator & other CRM’s.
▴ Getting lots of uni friends to pitch in a $20.
▴ Having a solid approach to distributing our press release.
▴ Landing page to collect interest.

Bad:
▴ Leaflets.
▴ Physical letters.
▴ Wasting money on ads that don’t convert.
▴ Untargeted social media.
▴ Getting caught up in an investment that will never happen.
▴ Not having enough money in your bank account prior to launching.

Would you like to hear what happened to the crowdfunding campaign that failed? Everything went from hero to zero with one word, namely: coronavirus.

We were heading into a crowdfunding campaign without sufficient money in our bank to survive the year and a half of chaos that ensued. We weren’t expecting a sudden market shift. We certainly didn’t expect to be having to deal with supply issues. Half our partner suppliers, distributors and wholesalers were forced to suddenly close and scale down expansion. 

This misaligned the message we were trying to send from “We are expanding into 35 cities and doubling the number of individual brick and mortar stores on our platform!” to “We are struggling to secure supply for existing customers and have halved in the number of individual locations and those that are still open are working on restricted hours… yuck...”, which is a big shift in attitude.

So what’s next? The crowdfunding journey continues for me and I’ll give it another go! This time around with: 
https://github.com/simplex-chat/simplex-chat
https://simplex.chat/

Hope to see you soon,
VM