teleren/devto huggingface dataset:
Introducing: DevOps & Chill
Tags: devops, videos, tutorials, beginners
Published: 2020-04-04 10:40:48

---
title: Introducing: DevOps & Chill 
published: true
description: In the second edition of DevOps & Chill, I'm creating an Ansible Playbook to automate the initial steps for setting up an Ubuntu Server.
series: DevOps & Chill
tags: devops, videos, tutorials, beginners
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/kuvhsgl931y245r9w742.png
---

I've been meaning to try out Twitch for a long time; I think it's a great platform and a fun way to share how to do tech things such as programming and setting up servers. However, every time I'd consider doing it, I would always get to the barrier of *narration*. I don't enjoy solving problems and speaking at the same time, it just doesn't feel natural to me, like a regular working situation.

There are certainly a lot of folks streaming these days, and I can understand how talking over / narrating what you're doing can be helpful and make it more accessible for some people. However, I came to terms with the fact that I don't need to be doing it like everyone else is, and that there must be people out there who are just like me, and prefer learning with their eyes rather than their ears. Some of these people might not even have a choice - so doing a voiceless stream sounded like a viable option, somehow.

And that's the story of how DevOps & Chill came to realization :) The idea is nothing new: screen only, and a chill music in the background, which you can turn off if you want, since audio is not a requirement. I write notes in a text editor with big fonts to give additional details of what I'm doing. And that's pretty much it.

If you would like to watch it live, you can [join me on Twitch](https://www.twitch.tv/erikaheidi) every Friday at [6pm CEST](https://time.is/compare/1800_3_Apr_2020_in_Amsterdam/New_York/S%C3%A3o_Paulo/London). I'm also uploading these videos to [my YouTube Channel](https://www.youtube.com/channel/UCAjAQ3ulpha8pHmE8CbTXLQ).

Without further ado, I present you the second episode of DevOps & Chill, where we create an Ansible playbook to automate the initial setup of an Ubuntu server. You can mute or speed up the video to 1.5x for instance, to adjust for a faster pace. No audio required.

{% youtube J5ByF6OIhrE %}
Building Decentralised Link Shortner on Ethereum blockchain using Truffle
Published: 2020-04-04 10:38:16

Link: https://blog.joshsoftware.com/2019/07/22/building-decentralised-link-shortner-on-ethereum-blockchain-using-truffle/

Blockchain is emerging technology, it needs no introduction. By any chance if you are left behind and don’t know about blockchain then I recommend reading about blockchain first before reading this article.
Interesting links that I found - vol.3
Tags: articles, css, design, react
Published: 2020-04-04 10:56:55

---
title: Interesting links that I found - vol.3
published: true
date: 2020-04-04 10:25:03 UTC
tags: articles,css,design,react
canonical_url: https://krzysztofzuraw.com/blog/2020/links-3
---

# Coding

- [Design for Developers on Fronted Masters](https://frontendmasters.com/courses/design-for-developers/). This course by [Sarah Drasner](https://sarahdrasnerdesign.com/) blew my mind. I’m still in progress but every video that I watch has something interesting and awesome to show or explain.

- [The experimental layout lab of Jen Simmons](https://labs.jensimmons.com/). I’ve got this link from previously motioned course. Really nice resource to see how you can use a CSS to create a wonderful layout. Also, the code is really clean.

- [Table magic](https://stevecat.net/table-magic/). Really nice multi-format table generator/converter. For example, you can convert CSV to a markdown table.

- [React debugging session](https://jkettmann.com/react-debugging-session-hundreds-of-function-calls/). Nice write about debugging but I like this advice:

> Note: Using the || operator to add a log statement to a function prop is a great way to get around adding curly brackets.

- [react-window-communication-hook](https://www.npmjs.com/package/react-window-communication-hook). NPM package for communication between iframe or browser tabs/windows.
- [Tech choices I Regret at Spectrum](https://mxstbr.com/thoughts/tech-choice-regrets-at-spectrum). It is nice to see what I can learn from others and how decisions of architecture can impact product that you are building.
- [CSS Viewport Units](https://ishadeed.com/article/viewport-units/). Really interesting article about viewport units and why you may need them.

# Other

- [Identifying properties and streets in government data](https://technology.blog.gov.uk/2020/04/02/identifying-properties-and-streets-in-government-data/).A nice blog post about identifying addresses in the UK.
NEEDED: Remote volunteers for mutual aid app 
Tags: react, rails, design, machinelearning
Published: 2020-04-04 10:08:22

Hello!
At https://mutualaid.world we are building an app to make volunteers' and community organizers' lives easier and empower communities to help themselves. This is meant to replace spreadsheets and other administrative tedium. We have a working prototype, but we need:

**UI/UX Designers** 
Because nobody will use an ugly app, that's for sure.

**Devs**
Of course. We use React and Rails, but others are welcome to join in.

**Translators**
What's a global app without localization?

**Marketing folk**
We need to get the word out!

**Data scientists**
For the contact-tracing API behind the scenes, ensuring everyone involved is safe and their information remains private.

**Community organizers and volunteers**
To help with onboarding, testing, and on-the-ground work.

**Animators/artists**
For tutorials and infographics.

Please note that we are a global group of volunteers and as such at the moment nobody is getting paid. Still worthwhile, though. We have another side project (PhoneAFriend.care) as well.

**How to reach us**

Here, Slack ( https://join.slack.com/t/coronadonor/shared_invite/zt-cwm4b79c-12NHPqGWbzZ1aR5geyME1g ), or email me ( dawachi at pm dot me).
How your work is affected by the quarantine?
Tags: work, discuss, it, quarantine
Published: 2020-04-04 10:04:16

---
title: How your work is affected by the quarantine?
published: true
description: Some of us used to work from home, so that is not a true challenge for devs, but what happens to the businesses we’re working for? Are they cutting the salaries? What about the projects and future plans?
tags: work, discuss, IT, quarantine 
---
Talking about the company I work for, we’re not yet affected by the situation. Mainly because the core industries we are working for are fintech, healthcare and proptech. The first two are quite in demand now. 
But several of my friends received notifications that they will fork for their firms just until the July 2020. Their employers will no longer get investments. Well, they worked for air carriers. But there are many other industries such as tourism, HR, etc. which also suffer now. Logistics has a potential but who will start their business from scratch now? 
What is your situation? Is your industry suffers from the COVID-19 outbreak?
Install erxes with a 1-Click App on Heroku
Tags: erxes, heroku, installation, deployment
Published: 2020-04-04 09:35:44

We’re happy to announce that our open source growth marketing solution is now available on Heroku! Developers can now quickly deploy erxes on Heroku’s scalable cloud platform with a click of a button.

### **erxes on Heroku**
Merge all your marketing, sales and customer service tools with erxes for greater output. Our 1-Click App provides users with their own ready-made, self-hosted erxes instance running on Heroku.

### **How to install**
* Please head to https://docs.erxes.io/installation/heroku and follow the guide.
* Make sure you have your Heroku account details ready. If not, [create a Heroku account to get started] (https://id.heroku.com/login).
* Once you have created erxes apps on Heroku, you will just need to update all the config vars.
Compile Podcast Ep 11: Can WFH be productive?
Tags: podcast, developer, covid19, wfh
Published: 2020-04-04 09:29:38

This week my good friend John joins me again to talk about how to be productive while Working from home during the times of quarantine!

{% youtube 4akQHbUJRbM %}

### Breakpoints

 - 00:42 Chill zone and catching up
 - 02:45 Topic intro: productivity while working from home
 - 03:20 Our WFH experiences 
 - 10:35 Establish a clean cut between work and life
    - 16:08 Having a dedicated work area
    - 19:40 Get some fresh air/change of scenery
 - 23:05 Keep your work routine
 - 25:35 Take a breather before starting work
 - 28:58 Our typical work day during the quarantine
 - 35:00 Get your remote toolkit ready
 - 44:15 Be social and avoid loniness
 - 46:34 Distractions and how to moderate them
 - 54:09 "Compile" time

### Reach out to us!

Subscribe and stay tuned! Also send in any comment or request for new topics and we will try our best to make them happen!

My Twitter: https://twitter.com/WujunaoNick

This Podcast is also on:
 - [Google Play Music](https://play.google.com/music/listen#/ps/Ifd5mlxhgc5cmlsytadsglqfd4y)
 - [iTunes](https://podcasts.apple.com/gb/podcast/the-compile-podcast/id1436437367)
 - [Spotify](https://open.spotify.com/show/2UH9hK7VlS7ytjYdM8Vd78)
The Ultimate Git Tutorial Part 3: Branching
Tags: git, productivity, beginners, github
Published: 2020-04-04 09:25:39

**About Me:** I've been a professional web developer for just over 10 years now. I'm currently the lead web development instructor at [Better Coding Academy](https://codebetter.com.au), and as part of what I do, I post videos on our YouTube channel at [https://www.youtube.com/c/BetterCodingAcademy](https://www.youtube.com/c/BetterCodingAcademy).

_(Subscribe for awesome web development content!)_

I'm releasing a full series covering the use of Git from the very beginning! This series will cover everything from cloning, pulling, branching, merging, and so much more. Here's the third video in the series - stay tuned for more to come very soon!

{% youtube QG44fDn_PMc %}

Happy coding!
Twilio Hackathon. App name to follow
Tags: twiliohackathon
Published: 2020-04-04 09:24:19

Hi everyone this is my first blog about the #twiliohackathon 
My goal is to minimize as possible someone going out in this time of quarantine.

I dont have a name yet for the project.

## What I built
I am building a Reddit/9gag like site which a user can post in a certain group for example someone register and post on a group "Seek Help" and other people or professional can help this person by chatting or thru video call. 

## Demo Link
 to follow 

## Link to Code
to follow

## How I built it (what's the stack? did I run into issues or discover something new along the way?)
Vue + typescript
Firebase

## Additional Resources/Info
Looking for help on how to validate a professional ex: Medical Practitioner.
What is JavaScript? 🤔
Tags: javascript, webdev, beginners, codenewbie
Published: 2020-04-04 09:11:31

JavaScript is THE standard programming language of the web. It's used by more than 94 percent of all the websites 🌍 😲

##So, understand what JavaScript is and what it's used for ##


**JavaScript vs. (HTML, CSS and other programming languages)**

In this short video below I explain how HTML, CSS and JS make up a website and how JavaScript compares to HTML/CSS on one hand and other programming languages like Java/Python on the other hand.

**How to approach learning JavaScript?**

![alt text](https://static.wixstatic.com/media/e7182f_a90ebe175405480faa0d9687cae06b85~mv2.png "How  to learn JavaScript")

When you start learning JavaScript you soon hear about React and Angular or other **JavaScript frameworks**. Which can be confusing for a beginner 🤯  So I also explain what JS frameworks are and why they are useful.


{% youtube afSbBjAaqeM %}

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

✅ I will upload a **complete JavaScript Tutorial for absolute beginners**. So if you are completely new to programming this will give you a step by step guide to learn JavaScript. Subscribe on Youtube to get notified 🙂 ✅

I'm happy to connect with you on
- [Twitter](https://twitter.com/Njuchi_)
- [YouTube](https://www.youtube.com/channel/UCdngmbVKX1Tgre699-XLlUA?sub_confirmation=1)
- [Instagram](https://www.instagram.com/techworld_with_nana/)
Does dev.to ever just hang and not load for you?
Tags: discuss, dev, serviceworkers, bug
Published: 2020-04-04 08:54:30

---
title: Does dev.to ever just hang and not load for you?
published: true
description: You might be entitled to compensation! (no, you're not)
tags: discuss,dev,serviceworkers,bug
---

Hey! So. It never occurred to me to check if others were experiencing this bug... on `dev` itself!

Simple question though: Do you ever enter the URL, and nothing happens? Like the browser progress thingy in the address bar makes some moves, but then it just freezes?

If so, you might be entitled to compensation!

No. Not really. But! You might be hitting a ServiceWorker bug that I just submitted a PR for!

If you're experiencing this bug as well, could you comment on [this issue on GitHub](https://github.com/thepracticaldev/dev.to/issues/5434)?

It'd be nice for me to know the impact of what I'm trying to fix!

Thanks,

B
Use custom background in Teams
Tags: teams, background, custom
Published: 2020-04-04 08:53:13

With the lockdown currently in France, my team is extensively using Microsoft Teams.
Last friday, the latest update bring background effect with some background (with some [more features](https://www.pcworld.com/article/3373840/microsoft-teams-taps-ai-to-boost-new-background-whiteboarding-features.html) coming later).

But it was not obvious how we can use some custom background.

It is simple, just put your picture in 
`%APPDATA%\Microsoft\Teams\Backgrounds\Uploads`

You should see your pictures when selecting which background effects you want to use.
Unsplash has [some pictures](https://unsplash.com/collections/1887152/zoom-backgrounds) you can use.
Do you always remember to catch `undefines`?
Tags: discuss
Published: 2020-04-04 08:45:34

---
title: Do you always remember to catch `undefines`?
published: true
description: In my little experience in the world of APIs, most developers forget that an endpoint can come without data sometimes. So most of us forget to deal with situations in which data is unavailable. Are you one of those `(developers) ? (Why won't you consider a response of no data) : (how do you deal with them)`
tags: discuss
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/6y85icktsszs1nba2o7m.png
---
How To Activate Espn Channel With The Help Of espn/activate ?
Published: 2020-04-04 07:24:15

The ESPN channel is just one popular streaming service that enables exclusive sports flows. This channel is now available in your Roku platform. You have to configure the Roku streaming participant so as to stream through 
<a href="https://www.espnactivates.com/">espn activate</a>. The detection and configuration procedures are very simple and easy to handle. Apart from this the Roku streaming apparatus has a very friendly interface to operate with. You are able to set the Roku Player and activate the device for further ESPN streaming. This is why the Roku streaming Devices are attractive and one of the greatest players in the streaming industry.

ESPN is one of the popular first-ever multi-sport subscription-based streaming services. The Streams of ESPN contains games of MLS, MLB, and NHL, Best Rank boxing, and many more. The station gives you access to Live streaming alternatives to other sports stations such as Longhorn Network, SEC Network and much more. The channel automatically categorizes its contents based on top seen videos and current events.
Adding ESPN for your Roku Account

Navigate to the Roku menu on your TV using the Roku Remote controller. You can hit the Roku Channel Store and try finding the ESPN station on the store. It is also possible to use the search station option to locate the channel. Once the channel is found, pick the ESPN channel. Choose the add channel choice to add the channel into the Roku device.
• Wimbledon, US Open, and Australian Open
• Men's and Women's College Basketball
• Thousands more live events airing on the ESPN networks
• NBA Regular Season, Playoffs and Finals
• Major League Baseball
• College Football and the College Football Playoff
• The Experts
• NFL Monday Night Football
• Grand Slam Tennis
• International Rugby
• PGA Tour Golf
• College Sports
• Cricket
• Additionally few ESPN Films
React and Vue development speed discussion
Tags: discuss
Published: 2020-04-04 07:09:33

Is there any dev's that extensively used React and Vue? What do you like more about React/Vue?

I find myself returning to React all the time from Vue, because i don't like Vue abstractions over JS, also TS support in Vue is not superior, React is better there.

But, i have a concern about time-to-market speeds with React, it usually takes, like 30% more time for me to finish an app, than using Vue.
Starting and stopping a Kafka listener after Spring Boot Startup
Tags: kafka, spring, java
Published: 2020-04-04 07:06:25

The example's [here](https://github.com/Arsenalist/spring-kafka-listener-on-off-example).

The relevant bit:

```

	@Autowired
	private KafkaListenerEndpointRegistry kafkaListenerEndpointRegistry;

	public String start() {
		MessageListenerContainer listenerContainer = kafkaListenerEndpointRegistry.getListenerContainer("fooGroup");
		listenerContainer.start();
		...
	}

	@KafkaListener(id = "fooGroup", topics = "topic1", autoStartup = "false")
	public void listen(Foo2 foo) {
		...
	}
```
Lockdown Programming Challenges: 2. Password Generator
Tags: beginners, kata, programming
Published: 2020-04-04 06:53:06

---
title: Lockdown Programming Challenges: 2. Password Generator
published: true
description: 
tags: #beginners #kata #programming
---
This is the second in the series of lockdown programming challenges I'm going to post over the next few weeks. Remember the aim is to learn something new, try a new programming language, brush up on your clean coding skills or just while away the hours under lockdown. Feel free to post your efforts in the comments.

In the [first challenge](https://dev.to/drm317/programming-challenges-6bo) we looked at password complexity. For this second challenge we're going to create a password generator. 

# Challenge 2: Create a Password Generator

Create a program that generates a password. Ask the user to enter the following:

* The minimum total number of characters
* The minimum number of special characters (&*%&^$ etc)
* The minimum number of uppercase letters
* The minimum number of lowercase letters
* The minimum number of digits

Generate a password that follows these rules specified by the user. 

Display your generated password to the user on the screen.

## Advanced

Present a number of password possibilities to the user.

Try different mechanisms to randomly generate characters.
Day 003 of #100DaysOfDesigning
Tags: 100daysofdesign, design, webdev
Published: 2020-04-04 01:37:59

Today, I am bit busy so I would not be able to write that much today. It also affected my design a bit. I was not able to get best out of me for the design.

Today's idea was making a website which helps one to understand CSS border properties easily. A place where one can try changing all different border properties and can see what changes it make to the border. First I researched on several websites like w3schools and MDN for reference and got a list of properties to include in website.

Once that is done, I started designing. Design is very simple. Page starts with box which has code block inside. Just after this box, there is list of different properties where one can change different values. Hope it turns out good!

**Today's design:**
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/2geluzqald5wnprnt7tp.png)

Feel free to drop your feedback on Figma file. I really appreciate it!

**Here is the Design on Figma:** https://www.figma.com/file/7yTlAgrKVltZJIr53hnR7K/003-Borders?node-id=3%3A0

**Plan for Day 004:** Screen Saver Clone Website
Why React Native Framework is a Preferred Hybrid Mobile App Platform
Tags: reactnative, crossplatform, android, ios
Published: 2020-04-04 06:21:28

Cross-Platform Frameworks have gained popularity over Native mobile development over the years. The primary advantage in using Cross-Platform development approach is that it saves time and reduces development expenses as it uses the same code across Android and iOS platforms.

React Native has matured as a leading cross-platform application development framework over various others. In this article, we will see why react native leads the race.

Write Everything in JavaScript

Developers love JavaScript. The lean and fast nature of JavaScript allows you to write and also run the code without using much resources. React Native is written on JavaScript. Such lightweight approach is a boon for a mobile developer, given the resource constraints he will have in running a sleek app on the device.

Community is the king in open source world

React Native Community offers great support in jumpstarting your app development. There is so much offered by the ever-growing community of react native developers. The added advantage is the backing from Facebook Developers Forums, another great community embracing the framework.

Reduce and Reuse

The component-based development in React Native lets you create components that can be reused across the project and in cases, multiple projects as well. The components work the same across Android and ios thus reducing the effort you need to put to support two platforms. The more reusable components you build and use the less is the effort in the full lifecycle – development, testing and release.

Built for Mobile

React Native is exclusively built for Mobile. The UI layer built in React Native is more responsive as close to those developed in Native development and in some cases even better. The very nature of ground up development of the framework built for mobile gives it the edge.

Tons of Tools and Libraries

NPMs, Github forks and other third-party platforms provide a plenty of tools and libraries helping the developers solve their application problem. You can get an assembly line of testing tools, Integration libraries for Maps and Standard UI controls etc.

To Summarize, React Native offers great advantages to developers and business owners in conceptualizing and developing their mobile application. It is a perfect solution for most use cases you would want to solve on a mobile application. It is a mature cross-platform application development framework that reduces cost and increases productivity. More importantly, developers love them for its simplicity!

We hope this article provided you the information that you have been looking for. For further details, discussion, queries, and doubts on the above topic, leave a comment in the comment box. We would help you with answers and solutions.
Failing to fetch API
Tags: react, node, javascript
Published: 2020-04-04 05:27:01

Hi there,

I'm trying to fetch a token and session id from the backend when a button is clicked. However, among all the console.log() functions I put in the handleSubmit function, only the first one worked, printing out "ok." I am wondering what caused the program fail to fetch the data from the backend (my backend code does generate a token and session id on localhost:5000/api/sessions). I attached a screenshot of (1) the backend code, (2) the frontend code, (3) proxy.js, and (4) my project folder. I do not include a proxy string or object in package.json. Thanks!

Backend
https://dev-to-uploads.s3.amazonaws.com/i/aeqesx6nal99naoj7gaw.png

Frontend (fetch API)
https://dev-to-uploads.s3.amazonaws.com/i/fgf8as8f0f7qbagu0xjk.png

proxy.js
https://dev-to-uploads.s3.amazonaws.com/i/fxi1h2iowx4bxq7mlaoy.png

src folder
https://dev-to-uploads.s3.amazonaws.com/i/n788uaysq2p8lb77u7tr.png