teleren/devto huggingface dataset:
Depois do Café - Episodio 11 - Reuniões, pra que elas existem? (com Ricardo Tulio)
Tags: podcast, programação, portugues, reuniões
Published: 2020-05-18 14:50:06

---
title: Depois do Café - Episodio 11 - Reuniões, pra que elas existem? (com Ricardo Tulio)
published: true
description: Neste episódio a gente tenta entender por que reuniões existem e como utilizar o seu tempo do melhor jeito possível, procurando ter empatia com as pessoas que as criaram.
tags: podcast, programação, portugues, reuniões
---

{% spotify spotify:episode:2GDmrrJDo2FoDF3EFM37fa %}

Você também pode ouvir no seu aplicativo preferido: [iTunes](https://podcasts.apple.com/br/podcast/depois-do-caf%C3%A9-com-airton-zanon/id1480842641), [Breaker](https://www.breaker.audio/depois-do-cafe-com-airton-zanon), [Google Podcasts](https://www.google.com/podcasts?feed=aHR0cHM6Ly9hbmNob3IuZm0vcy9lMGU0MDU4L3BvZGNhc3QvcnNz), [Overcast](https://overcast.fm/itunes1480842641/depois-do-caf-com-airton-zanon), [Pocket Casts](https://pca.st/bpyo3i4y), [Radio Public](https://radiopublic.com/depois-do-caf-com-airton-zanon-6r2oLq), [Spotify](https://open.spotify.com/show/4cqX5o40bClwqtYHv9X7Lp) e outros...

Neste episódio a gente tenta entender por que reuniões existem e como utilizar o seu tempo do melhor jeito possível, procurando ter empatia com as pessoas que as criaram.

De um jeito pratico, “Depois do Café” de ser, falamos sobre reuniões. Foi uma conversa bem legal com o Ricardo Tulio, que é Agile Coach, tiramos várias dúvias e ele nos deu algumas dicas.

----------------------

**Participantes:**

Airton Zanon - [@airtonzanon](https://twitter.com/airtonzanon) (twitter)

Elisa Pedrosa Reis - [@liisapedrosa](https://twitter.com/liisapedrosa) (twitter)

Ricardo Tulio - [@ricardoltulio](https://twitter.com/ricardoltulio) (twitter)

----------------------

**Links Comentados:**

Slack do PHPSP - [https://bit.ly/vem-pro-slack-phpsp](https://bit.ly/vem-pro-slack-phpsp)

----------------------

 Para mais episodios e saber mais sobre o podcast acesse https://anchor.fm/depoisdocafe ou https://dev.to/depoisdocafe.

Siga-nos no twitter [@dpsdocafe](https://twitter.com/dpsdocafe)
Ansible Error – “NSPlaceholderDate”
Tags: ansible, bugfix
Published: 2020-05-18 14:48:44

If you are working in ansible and you try to run a playbook and you come across the error below 👇
```
TASK [Obtain secrets and deploy] ***********************************************************************************************************************************************************************************************
objc[6763]: +[__NSPlaceholderDate initialize] may have been in progress in another thread when fork() was called.
objc[6763]: +[__NSPlaceholderDate initialize] may have been in progress in another thread when fork() was called. We cannot safely call it or ignore it in the fork() child process. Crashing instead. Set a breakpoint on objc_initializeAfterForkError to debug.
```
As mentioned in issue:https://github.com/ansible/ansible/issues/31869
This is an issue with macOS 10.13 where Apple changed the way fork() works on the OS which is incompatible with Python fork().

Solution:
```
export OBJC_DISABLE_INITIALIZE_FORK_SAFETY=YES
```

To avoid doing it manually you can simply append it to your `bash_profile`

```
echo "export OBJC_DISABLE_INITIALIZE_FORK_SAFETY=YES" >> ~/.bash_profile
source ~/.bash_profile
```
🔥 Quick Tip: Update an array and avoid mutation
Tags: javascript, tutorial, beginners
Published: 2020-05-18 14:39:25

On this simple trick I'll show how to remove an element from the array and add another one at the same index.

```js
const people = ['John', 'Robert', 'Sylvia'];
const robertIndex = 1;

const slicedPeople = [...people.slice(0, robertIndex), 'Joe', ...people.slice(robertIndex+1, people.length)];

console.log(slicedPeople); // => output: ["John", "Joe", "Sylvia"];
```

What did you think of this tip? Feel free to comment.
new.css - modern websites with only HTML
Tags: css, opensource
Published: 2020-05-17 02:40:29

---
title: new.css - modern websites with only HTML
published: true
description: a classless CSS framework to write modern websites using only HTML.
tags: css, open source
---

[Home](https://newcss.net) / [GitHub](https://github.com/xz/new.css) / [Discord](https://discord.gg/hhuuC4w)

**new.css** is a classless CSS framework to write modern websites using only HTML. It weighs **~4.5kb**.

I make a lot of websites. It's a common sight, while making a super simple website, to find myself writing the same CSS over and over just to clean up ugly 90's styling.

![the interweb](https://dev-to-uploads.s3.amazonaws.com/i/ihtorhcrh1ri3jxcy358.png)

In these situations, it would be a waste to import a giant framework like Bootstrap when I'm going to use precisely 3 components. I made new.css to fill this void, and to start creating websites differently.

The web was made for semantic HTML—let's start using it. You can import new.css into your body's `<head>` using one line.

```html
<link rel="stylesheet" href="https://newcss.net/new.min.css">
```

Here's how that site looks now.

![new.css-ified](https://dev-to-uploads.s3.amazonaws.com/i/z5kho7mw9dwd14wcusmm.png)

It's not going to make you a fancy carousel. It's not going to give you 12 different column elements. All it does is turn basic HTML into something that the Smithsonian isn't going to request for their *History of Computing* exhibit.

There's a demo on [newcss.net](https://newcss.net) and it's fully open-source on [github.com/xz/new.css](https://github.com/xz/new.css).

Let me know what you think. If you have any comments, questions, please let me know!
DAY 1 #gftwhackathon Team Forming and Idea fixing and webmonetization
Tags: gftwhackathon, webdev, react, webmonetization
Published: 2020-05-18 14:24:58

Hackathon Journey



 In this First Post, I am going to tell you guys about how we formed a team and how we are going to work on a hackathon project 

Lets Begin 
## What we are building⚙🛠?
We are going to build two parts of the app. The first one is for the basic plan which is the app can only display covid-19 tracker, and the other one is for the premium plan which can display some news update. Basically, we are going to use web-monetization as its authorization for showing news and more updates. 
So, for the basic plan of the app, we are going to use a COVID-19 API Tracker to display the tracker and for the premium plan is to use web-scraping to display news updates. As the app loads for its first time, it will first show all the tracking parts. Then, for the web monetization part, it will show the news and updates parts. We will show the users that the money will be donated to help for the COVID-19 like hospitals who are in need of supplies.
Once the app is done, we are going to deploy the app.😊🚀 Hally and I are friends on twitter because we are in common in tech stuff. I live in India and she lives in Toronto, Canada.

## Technologies we are going to use 
* Reactjs and API for COVID-19 tracker 
* react materialCoreUI
* web scrapping for showing news to the users 
* web monetization (payment thing here ) for news access/more updates 

## APPS we are using for conversation and for project building 
* Twitter
* Slack
* trello
* Github
* VsCode


So that's it for the Day1 in upcoming days we are going to build more things related to our hackathon project.Thank you  🤗

**Note:** If we add more things related to our app this article will be updated according to that 🔂⤴

#Authors 
* krishna
* hally 

# Team Members
* Follow Hally on Twitter👉[Hally](https://twitter.com/_itshally)
* Follow Me on Twitter👉[krishnadevz](https://twitter.com/_itshally)
* Follow hally on Dev.to👉[hallyDevto](https://dev.to/itshally)
* Follow hally on Github👉[hally](https://github.com/itshally)
* My Github 👉[krishnadevz](https://github.com/krishnadevz)
Blockchain tops the most in-demand job skill in 2020 on LinkedIn
Tags: blockchain, cryptocurrency, bitcoin, blockchainjobs
Published: 2020-05-18 14:15:22

Blockchain has come in at number #1 on LinkedIn’s list of skills employers are looking for in employees in 2020.

According to LinkedIn, blockchain was the number one priority for employers hiring in the UK, US, Germany, Australia and France.

It was the first time blockchain had made it onto the LinkedIn rankings of in-demand skills.

Namrata Murlidhar at LinkedIn said: “blockchain had emerged from the once shadowy world of cryptocurrency to become a transformative business solution.”

Blockchain and cryptocurrency were first introduced in 2009 with the rise of Bitcoin. Since then the industry has grown and moved on from just being about Bitcoin. At first, people said Bitcoin would fall flat on its face and die out, and for a while, it looked like that might be the case. As of 2020 Bitcoin remains and blockchain technology has emerged to become an important tool for businesses worldwide.

Over the past decade, we have seen many tech companies and startups develop robust blockchain systems to offer solutions to real-life problems. Blockchain has risen to become an important technology that can provide a valuable service in many different industries.

The main advantage of using a blockchain is its security. Unlike the internet which is hackable by third parties, blockchain allows people and businesses to move and store data and digital assets securely. This, in turn, has seen many established businesses, namely the financial industry, adopt the technology to provide secure services internally and externally to customers.

As more and more companies look to implement the technology, naturally the demand for blockchain engineers and developers has risen sharply. Those with blockchain experience find themselves being headhunted by some of the best leading companies in the world. For anyone who’s thinking about learning or gaining experience in blockchain development, now is the perfect time to be part of some exciting technology.

Blockchain jobs salary - How much do [Blockchain jobs](https://blockchainjobseeker.com/) pay?
According to [Janco Associates](https://www.e-janco.com/Blockchain-Developer-Job-Description.html), a company that conducts salary surveys, the average blockchain jobs salary for a blockchain developer is now $127,000. For those with experience in blockchain development, you can expect upwards of $172,000.

At Blockchain Jobseeker we aim to connect experienced blockchain professionals with employers seeking the best talent. If you’re a talented blockchain professional, you can join our talent pool and have companies contact you about current job opportunities and blockchain projects.
The simplest way to share data between two unrelated Components in react
Tags: javascript, react
Published: 2020-05-18 13:55:16

There are following ways of component communication in react:

1. From Parent to Child using Props
2. From Child to Parent using Callbacks
3. Between Siblings :
     1. Combine the above two methods
     2. Using Redux
     3. Using React’s Context API

But, **What if you don't want to use the context API hook?**
**What if you want to minimize API calls from listing to detail components?**
**What if you want the communication of unrelated components?**

*Here comes the service that actually holds data on the trigger and passes it to the desired data requested components.*

you have to make a shared service, using exported class in react,
```javascript
class dataHolding {

    constructor() {
        this.data = {};
    }

    getData(data) {
        this.data = data;
        console.log(data);
    }

    setData() {
        return this.data;
    }

}
export default new dataHolding;
```
calling dataHolding service to **store data**,
```javascript
// Component A
this.dataHolding.getData(data);
```

calling dataHolding service to **retrieve data** from service anywhere,
```javascript
// Component B
let details = this.dataHolding.setData();
```
Denoliver - I created a small, dependency free, live-reload file server for Deno
Tags: deno, opensource, showdev, webdev
Published: 2020-05-18 13:51:49

I wanted to get into Deno and see what it had to offer during the weekend so I decided to write a [small file server](https://github.com/joakimunge/denoliver) that:

* Is dependency free. (Meaning no third party dependencies/modules)

* Has live reload

* Supports client routing

* Requires zero configuration

Its purpose was mainly for me to learn how to work with the new runtime, but also to serve as a means of quickly get up and running with prototyping with new web prototypes.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/82q1kxy51run8mgr5l8u.gif)

I'm currently working on improving it and adding a couple of other useful features like _HTTPS_, _CORS_, Optional entrypoints and a better file watcher.

If you want to try it out for yourself, complain about the name or logo, or simply want to contribute you can find the project [here](https://github.com/joakimunge/denoliver)

[Denoliver](https://github.com/joakimunge/denoliver)

Big thanks to [Luke Jacksson](https://twitter.com/lukejacksonn). This project was heavily inspired by his [Servor](https://github.com/lukejacksonn/servor)
Telegram Bot in Java
Tags: java, bot, chatbot, api
Published: 2020-05-18 13:45:47

Hello world, recently I have create a telegram bot using java and spring boot.

This bot will show you random programming joke, programming quote and COVID live data.

you can check source code on my Github repo 

https://github.com/viralvaghela/Telegram-Bot-Array-Index-Out-Of-Bound
Day 19 of #100DaysOfCode: Easy ways for editing HTML code to Improve SEO
Tags: 100daysofcode, seo, webdev, html
Published: 2020-05-18 13:43:46

##Introduction
There are some lowest fruits that we have to do. We don't have to do a lot of efforts for these basic things. All we have to do is to modify the HTML code.

##1. Tips For Meta Tags (invisible code)
#### Title tags
* Each page's Title tag must be unique
* Use Title case
* Put keywords

#### Description tag
* Each page's Title tag must be unique
* Use Title case

#### Keywords tag
* Think about keywords
```html
<head>
    ...
    <title>Profile - Jen-Hsuan Hsieh (Sean Hsieh), Web Developer</title>
    <meta name="description" content="I am a senior web developer with front-end JavaScript framework's experiences." >
    <meta name="keywords" content="Software Development, Tesing, DveOps, SRE, Inteviews, Data Sciences">
    ...
</head>
```
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/2f886gxc7g10gn39pnu9.jpg)

##2. Tips For Body Text (visible code)
#### Heading text
* Use H1 ~ H6 for the heading text

#### Body text
* Put keywords on content

#### Images
* Put keywords on image title tags
* Put keywords on image alt tags
* Put keywords in a caption
```javascript
    var img = document.createElement("img");
    img.className = "card-img-top"
    img.setAttribute('src', ele.image);
    img.setAttribute('alt', ele.title);
    img.setAttribute('title', ele.title);

    var figure = document.createElement("figure");
    var figcaption = document.createElement("figcaption");
    figcaption.innerHTML = ele.link;
    figure.appendChild(img);
    figure.appendChild(figcaption);

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

#### Links
1. Googled bomb
2. Put keywords on Anchor text  

#### Blocked Links
* use text links instead of image links (image source: Linkedin)

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

## Articles
There are some of my articles. Feel free to check if you like! 
* My blog-posts for software developing: https://medium.com/a-layman
* My web resume: https://jenhsuan.github.io/ALayman/cover.html
* Facebook page: https://www.facebook.com/imalayman
Learn Flutter #2
Tags: flutter, programming, dart, appdev
Published: 2020-05-18 13:27:45

There are tons of online resources to learn Dart and Flutter for
cross-platform mobile apps, desktop, and web app development. Some of the notable resources which I could list out are.

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

**Dart Programming Language**
- [DartLang](https://dart.dev/)
- [DartPad](https://dartpad.dev/)

**Flutter App development**
- [FlutterDev](https://flutter.dev/)
- [AppBrewery](https://www.appbrewery.co/)
- [LearnCodeOnline](https://courses.learncodeonline.in/learn/home/complete-flutter-course)

>*What are you waiting for? Go and get your hands dirty with Dart and Flutter and become a pro-Flutter dev with side projects and build your portfolio.*

Keep sharing your learnings and your projects built with Flutter.

Happy Learning under lockdown!!
A brief history of PHP
Published: 2020-05-18 13:19:57

PHP was my first introduction to any Programming language. In retrospect, it was a good introduction, and many of the concepts I picked up in my 'Advanced Music Tech' class that for some reason focused on PHP primarily and had us making dynamic webpages for musicians and a soundcloud-esque music player, have been extremely helpful in learning new languages and coding other types of programs. Today I want to talk about the history behind PHP, as well as some general use cases and code examples.

PHP is a scripting language that was created in 1994 by <a href="https://en.wikipedia.org/wiki/Rasmus_Lerdorf">Rasmus Lerdorf</a>. Originally, he has written some programs in C to perform some actions on his static website he had created for himself on the newly burgeoning internet. In doing so, he had unintentionally laid the foundation for new programming language, one that's purpose was primarily to interact with the servers and databases used to house his static files, and bring more life to the static sites that were the status quo of the internet at the time.

PHP stands for 'HyperText Pre-Processor' which is a recursive algorithm. Not only was this term coined by one of my favorite authors <a href="https://en.wikipedia.org/wiki/Douglas_Hofstadter">Douglas Hofstadter</a>, but the recursive algorithm naming convention was a programming inside joke at the time PHP was created, and more of these 'jokes' a.k.a not to helpful when learning the definitions of things are found in the PHP code base and name.

PHP is scripting language, and it serves a wide range or purposes. Originally intended to handle form data on static websites, it has been developed to become its own programming language used to interact with databases and servers. 

It can be embedded in HTML. Inside a normal HTML document, you can execute php code by adding the tags:


```<?php
..some php
?>

..some html

<?php
...some more php
?>
```
It is a loosely typed language. Meaning that you don't have to specify the datatype when you are declaring or executing variables in the code. This makes it actually a little easier for beginners to pick up, as you don't have to be exactly specific about using common datatypes and it cleans up the syntax a great bit. However, you can opt in to this feature which is required in other  programming languages such as C.  

Here's some examples to get an idea of the syntax:

```
<?php
function printRole($a, $b) {
$role = "Student";
echo "{$a} + {$b}, is currently a {$role}";
}
?>
...SOME HTML
<?php 
printRole(‘John’, ‘Smith’);
?>
```

Another useful feature is that arbitrary code can be executed via the Command Line Interface. Also, PHP Can be used on any operating system or database, because it's been around forever and has become the standard. Most servers these days have a PHP interpreter module. 

Hoping this article can serve as jumping off point in deciding what and why you would want to use this now classic programming language.
Is this project eligible for the #gftwhackathon ?
Tags: gftwhackathon, webmonetization, help
Published: 2020-05-18 13:11:12

---
title: Is this project eligible for the #gftwhackathon ?
published: true
description: 
tags: #gftwhackathon #webmonetization #help
---

So, I've been thinking about a project for a while, and maybe this is a good moment to develop it.

It is a Pronunciation Learning Web Platform, where the user will be prompted with an English word (like, say, "apple") and will try to pronounce it correctly. After that, the system will try to understand that pronunciation with Speech to Text technology and will return if the user has spelled it right or wrong, based on a parameter called "Confidence" in Speech To Text technologies.

Since good STT is still a heavy and expensive technique, I'm planning to make two types of accounts, where:

Free Account - Speech to Text will be done using the Web Speech API(https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API), where the user has to use a browser who have support for that technology.

Paid Account - The user can use mostly any browser, and the Speech to Text will be done in a Server.

I'm planning to make that distinction using the Web Monetization API. I still don't have a good understanding of how Licenses work, but I want to make it Open Source.

Is this project viable for DEV's https://dev.to/devteam/announcing-the-grant-for-the-web-hackathon-on-dev-3kd1 and Mozilla's https://www.grantfortheweb.org/apply Grant fort he Web? I'm asking cause even though I use Web Monetization, it does not seem like I'm helping with the distribution, and discoverability of content online.

Is this project eligible?
NEED FOR SUPPORT TO DEVELOPERS, BASED ON MY ROUTINE
Published: 2020-05-18 12:53:16

"Like many weeks, I often plan my work over the weekend and then document my timesheets on Monday soon after my arrival at work, and then I send my timesheets to my supervisor. So today has been that day for preparing and submitting them. While preparing the timesheets, I reflect on my previous one year as an intern at my host company. I also recall about the annual developer’s survey on stackoverflow, git, and other platforms for developers.

Then it comes to my mind that I have to refactor the code for one of our client’s application and then integrate the application with other similar applications. So thinking through that, I realize that I am the only developer for that task; I’m the product manager, security analyst, code analyser, system analyst, Database Designer, UX designer and I’ll only be required to submit the product to the supervisor and the entire team(in house, before the client) for testing.

 Besides, I recall about the power of using git for version control, but what about the development ecosystems or frameworks? Moving on, I plan on carrying a code analysis and optimization on one of the application on our cpanel account. So instead of the remote analysis, I opt to launch git bash CLI and I then input the cd, git, and some artisan commands so as to start my local application and server. I also launch postman for my backend api testing and refinement.

Finally, I am found going through my UI and UX experience. I think of ReactJs, ReCharts, FlexBoxes, MaterialUI, Reactstrap, ES6. I then decide to smile, think and then I realize that I have developed an application on my own as a developer besides my supervisor and office colleagues, which is powered by ReactJs, Reactstrap mixed with MaterialUI and then ES6, but on the backend!! Mmmh! It is full of api’s in my language of choice… Hence, I am proudly sharing the following(specifically the Dashboards and some modals with validation) which are some of the work that we’re working on and in which I can see my total contribution right from the requirement gathering stage up to the hosting and maintenance stage."

That been quoted, Who knows about the next people to drive our programming world? There might be many developers who are struggling but striving for a better tomorrow in the Software Development Cycle. Besides, Programmers are ever learning and tomorrow it might not be react but something else… So we can together support them, especially the newbie, and embrace them in the development environment. My point is that software developers and all upcoming programmers requires our immediate and appropriate support in order for them to be fully independent in the software development arena.