teleren/devto huggingface dataset:
Blog Posts Section Design💄
Tags: codepen, html, css, ux
Published: 2020-07-20 06:58:13

Hello coding people, Happy [sawan](https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&cad=rja&uact=8&ved=2ahUKEwjz5qCTn9vqAhUTILcAHdkVD04QFjAAegQIAhAB&url=https%3A%2F%2Fwww.indiatvnews.com%2Flifestyle%2Fbooks-culture-sawan-somvar-vrat-katha-monday-fasting-sawan-story-shubh-muhurat-lord-shiva-mahedev-vrat-vidhi-somvar-vrat-katha-aarti-537100&usg=AOvVaw12WIyQs1o3wm-tGRi2OwuV) 🕉

In this [Dev Post](dev.to/atulcodex) you will learn to make an amazing website blog section with just HTML and CSS 🩰. You don't need to know about a little bit of JS, So check out this CodePen 👩🏿‍💻 code and you will understand everything 😉

{% codepen https://codepen.io/atulcodex/pen/JjGaGjr %}
New version of Crystal Blast 2.0
Tags: gamedev, indiegame, indiegamedev
Published: 2020-07-20 06:19:50

---
title: New version of Crystal Blast 2.0
published: true
description: 
tags: #gamedev, #indiegame, #indiegamedev
//cover_image: https://direct_url_to_image.jpg
---

Hi everyone!

Finally, we have just published the new version of [Crystal Blast - Google Play](https://play.google.com/store/apps/details?id=com.balconygames.CrystalBlast) and waiting for review success in [Crystal Blast - App Store](https://apps.apple.com/us/app/crystal-blast/id1451868968).

 We added the wonderful sound effects, more ways to earn coins (it's only about the monetization, we added for the players to fast grow their weapons, ships), leaderboard.

As part of this build, I started to use my own game server for collecting analytics, storing player game settings, leaderboard. 

Working on cleaning up the server-side code and share with the community as a good entry point for indie game developers.

Stack:
- Go
- Redis
- ClickHouse
- NSQ
- ansible + docker-compose as the fastest way to just deploy the app.

Thank you for reading!

Best regards,
Alexandr.
My Heisenberg, Breaking Bad VS Code theme
Tags: vscode, themes
Published: 2020-07-20 06:17:53

---
title: My Heisenberg, Breaking Bad VS Code theme
published: true
description: A Visual Studio Code theme based on the colors from the hit TV show, Breaking Bad.
tags: vscode,themes
cover_image: https://images.amcnetworks.com/amc.com/wp-content/uploads/2012/06/BB_S5B_004_L.jpg
---

I don't know about you but I find myself switching between color themes in Visual Studio Code on an almost weekly basis. I thought I would create my own and used the colors from the hit TV show, Breaking Bad. The colors used are explained below with credit to Luke Villapaz's article on why the director chose to use certain colors during filming.

GitHub Repository: [Heisenberg Theme](https://github.com/andrewmcoupe/heisenberg-theme)

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

🚨Red - When characters in the series are wearing the color, it tends to connote aggression, violence, danger and murder.

🟠 Orange - the color used for warning and danger during the show. Often in the “Breaking Bad” series, orange clothing will be worn by characters or orange objects will be present in a scene right before something dangerous or deadly happens.

🟡 Yellow - In the “Breaking Bad” series, yellow is most often associated directly with the meth cooking, selling and laundering operation. Yellow also signifies caution, which is taken more and more as Walt becomes more experienced in the meth business.

🧪💵 Green - Green serves as the personification of desperation, envy, and greed. Starting from the pilot of "Breaking Bad," Walt is seen wearing a green apron as he makes his first batch of meth. While he initially turned to meth cooking out of desperation to secure his family's future, it evolved into greed as he experienced the power and vast wealth his meth provided him.

💎 Blue - Blue serves multiple symbolic purposes. When objects are colored blue, they tend to signify purity, escape and security. The iconic blue meth Walt and Jesse cook was of the highest purity.

🟣 Purple - Gilligan offered this explanation of the color purple in his interview with Vulture, “Well, Marie would say purple is the color of royalty.”

💖Pink - Well, Jesse Pinkman 😉

⚪️ White - Walter White 😎 White is often used in direct contrast with black. The White family lived on Negro Arroyo Lane. In Spanish this translates to, “black stream”. In the case of Walt, a dark path he is leading his family down.

⚫️ Black - Black represents several things throughout the series. Death, deception, nefariousness, evil, and power are all represented through it. One of the of signature uses of black in the “Breaking Bad” series is seen through the black hat Walt puts on at different times of the series. Every time he puts on the hat, he is affirming his power and scheming for a dark purpose.

Credits: [Breaking Bad color theory by Luke Villapaz](https://www.ibtimes.com/breaking-bad-color-theory-subtle-symbolism-meanings-behind-colors-amcs-hit-series-1411632)
Is low code replacing traditional development?
Tags: azure, cicd, serverless, sogetilabs
Published: 2020-07-20 06:14:22

---
title: Is low code replacing traditional development?
published: true
date: 2020-07-20 06:12:59 UTC
tags: Azure,CICD,Serverless,SogetiLabs
canonical_url: https://peterrombouts.nl/2020/07/20/is-low-code-replacing-traditional-development/
---

<small><em>Originally posted on SogetiLabs: <a rel="noreferrer noopener" href="https://labs.sogeti.com/is-low-code-replacing-traditional-development/" target="_blank">https://labs.sogeti.com/is-low-code-replacing-traditional-development/</a></em></small>

Spoiler alert; no.

## Low code vs Traditional Dev

My colleague, friend and SogetiLabs Fellow [Daniel Laskewitz](https://labs.sogeti.com/experts/daniel-laskewitz/) and I frequently talk about this topic. His field of expertise as Microsoft MVP covers the Microsoft PowerPlatform including low code systems like Power Automate (formerly Flow).

All too often people see a division between low code and traditional development using languages like C#, Java, TypeScript and Go.  
In the real world however, these systems work together perfectly.

Most of the times, you cannot solve a problem with _only_ low code. Think about scenario’s where you should link to old legacy systems or complex API calls. In those cases low code without any enhancement cannot natively connect to those systems.

## Behold custom connectors

In the Microsoft ecosystems, [custom connectors](https://docs.microsoft.com/en-us/connectors/custom-connectors/) allow you to bridge this gap. This way, the low code system can interact with any system you write a connector for. This may be common knowledge, but the fact is that most developers do not see how big this really is.

This means you can link any PowerApp, Microsoft Flow, or LogicApps to your custom connector, and reuse those within your entire organisation.  
You could even publicly publish these if you have a service you want to expose. So if you are an ISV, this can help you get more traction on your product.

## Bridging the gap

In the end it all comes down to developers of any system and language understanding the capabilities of the platforms they and their companies are using. For low code developers this means sometimes calling in the help of traditional developers. And more importantly, this also means traditional developers should learn that these low code systems can help you simplify (and thus speed up!) your development by using ready-to-roll systems and connectors available to you.

As there are [over 325 connectors](https://docs.microsoft.com/en-us/connectors/connector-reference/) available, that should really speed making connections up!

## Get started!

Want to explore custom connectors? Look at [these resources](https://docs.microsoft.com/en-us/connectors/custom-connectors/samples) or feel free to contact me or Daniel, we strongly believe bridging this gap between low code and traditional dev is key for succes in the future of development!
this week target
Published: 2020-07-20 06:00:30

learning tailwind + nuxt + purgecss
https://tailwindcss.id/roadmap/
https://medium.com/@mhdnauvalazhar/mempelajari-tailwindcss-dalam-30-menit-673742056e0c

learning codewar 
1 katas perday 

javascript functional 

array.reduce, map & filter
Good Resources to Learn Deno
Tags: typescript, deno
Published: 2020-07-20 05:44:40

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

The following links are using `TypeScript`. If you are not familiar with that, so I recommend you to check TypeScript first.

## The Net Ninja
{% youtube 2iLeRzHvc10 %}

{% youtube CLLtnaOGIqo %}

## Traversy Media
{% youtube NHHhiqwcfRM %}

## freeCodeCamp.org
{% youtube TQUy8ENesGY %}

## Web Dev Simplified
{% youtube Bkzem7vLjlA %}

## lyty.dev
lyty.dev shared their page with me. The site looks good to me. If you are not familiar with `TypeScript`, lyty.dev is for you!
https://lyty.dev/deno/index.html

## deno.land
Also, deno.land is a good resource since you can check the published libraries' code easily. 
https://deno.land/std
https://deno.land/x

## Dev.to
{% post https://dev.to/brunnerlivio/create-your-first-module-with-deno-575k %}

This article was very useful for me to publish a third party lib to `deno.land`.

## medium
https://medium.com/javascript-in-plain-english/creating-your-first-news-cli-app-using-deno-e1470398c627

This article explains how to create a simple CLI tool with Deno.

## Go lang packages
If you want to publish a lib and can read Go lang code, Go lang packages site is helpful since Deno doesn't have a system like npm which means all libraries will be checked by contributors/code owners.
I saw a PR that someone tried to publish isOdd/isEven for Deno, then a reviewer just rejected the PR because they were just one line code, so they didn't need to be a lib.

https://golang.org/pkg/


[Follow me on Twitter](https://twitter.com/koji_kanao)
Auto Updating Profile Readme with Waka-Readme
Tags: github, git, showdev, python
Published: 2020-07-20 05:37:35

Profile Readme are a new way to show off your GitHub profile and gives you all the powers of Markdown for doing it. Let's discuss a way you can add a nerdy stats to your profile readme with Python and GitHub Actions and how I use them to update my Profile Readme.

So I would like to introduce you to [waka-readme](https://github.com/athul/waka-readme). It's built with Python and can be used to generate a graph like this in your Profile Repo. It mostly uses regex and GitHub's REST API for Python to update the readme. This graph will be updated every day at 00.00 UTC on schedule thanks to GitHub Actions.

```text
Week #29 : July 13 - 18

Python      8 hrs 52 mins       ███████████████████░░░░░░   75.87% 
Go          1 hr 15 mins        ██░░░░░░░░░░░░░░░░░░░░░░░   10.79% 
Markdown    52 mins             █░░░░░░░░░░░░░░░░░░░░░░░░   7.43% 
Docker      16 mins             ░░░░░░░░░░░░░░░░░░░░░░░░░   2.32% 
YAML        7 mins              ░░░░░░░░░░░░░░░░░░░░░░░░░   1.07%
```

Currently waka-readme has nearly 50 ⭐️s on GitHub and 3 Contributors and about 64 people use this in their Profile. It's not that fancy in any way but totally nerdy in my opinion🤓.

## FlashBack

I don't know if any of you remember, but there was a time when pinnable gists came and the GitHub world just went for new tricks and hacks for creating pinnable gists. I saw some people [rickrolling](https://www.youtube.com/watch?v=dQw4w9WgXcQ) with pinnable Gists. That was a perfect time time for creating some cool hacks and GitHub Actions were still in the early beta phases. I was a user of [WakaTime](https://wakatime.com) and the [waka-box](https://github.com/matchai/waka-box) workflow and had been using it till the Profile Readme came.

## Waka-Readme

Once I was able to get the profile readme on my GitHub profile, I tried to hack on it a bit and the first hack was to include the WakaTime stats in the profile readme. The first method I used was to scrape it from the Gist I made for waka-box by simply a GET request to the Gist's raw URL. Then I thought that this wouldn't be useful for any other people since that would simply introduce a bit more overhead for people not using waka-box. So I went to hack on it a bit more and used WakaTime's API to get my data and generate a graph with Python. I used the percentage part of the API response and divided that with 4 and used that value to generate a graph with 25 blocks of `█` and `░`. This will give a good graph for the metrics in regards with the percentage of time spent on a language. This data is collected from the WakaTime plugin in your code-editor and it support almost editors the last time I checked.

I encourage you to update your Profile readme till it gives a whole idea of who you are and if you have time do try waka-readme and fell free to open an issue or ping me on twitter [@athulcajay](https://twitter.com/athulcajay) for any queries plus drop a ⭐️ if you found it useful. Your feedbacks are highly appreciated.

{% github athul/waka-readme %}
How to do a code review
Tags: tutorial, beginners, webdev
Published: 2020-07-20 05:37:18

---
title: How to do a code review
published: true
description: People rarely talk about it, but in many companies, code review makes developers feel like sh%t. This is a practical guide on how to create a code review process that developers love.
tags: [discuss, tutorial, beginners, webdev]
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/d55og1zv664xsouqfggs.png
---

In a team I sat next to, a junior developer asked a senior to conduct code review for a newly completed feature. According to the process, that Senior had to approve all changes going to production. Here is how it went:

Junior: “Could you please take a look at my code?”

Senior: “No, I am busy. Send me a PR; I’ll take a look when I have more time.” (never)

Junior: “This is urgent; our key customer needs this fix. Can you take a look now?”

Senior (eyes rolling): “O.K.”

For the next ten minutes, the senior was scrolling the code back and forth, revealing no emotions in dead silence; he looked very unhappy. Because the silence was unbearable and senior showed almost no signs of life, the curious Junior interrupted the busy reviewer by sending an ACK packet. The server senior responded:

> Tsshhhhh. I am still reviewing. Everything sucks. Need more time. Go grab a coffee.

Junior, hoping to learn something, was still sitting next to Senior. The air was tense and smelled with trotyl. The senior – like a C4 – was ready to explode if someone moves or says a word.

**[Continue reading...](http://sizovs.net/2020/07/19/the-code-review#continue)**
How I automated my Blog posting workflow using Gatsby
Tags: gatsby, jenkins, github, amlanscloud
Published: 2020-07-20 05:34:50

For my blog which I developed using Gatsby, to avoid the repetitive task of manually building and deploying the site every time I post a new content, I automated the process using GitHub Actions. I also developed an alternate process using Jenkins. Here is the post about how I did it:

https://amlanscloud.com/blogworkflow/
Why is no one using Elixir for torrent and webtorrent ?
Tags: elixir, torrent, erlang
Published: 2020-07-20 05:27:40

---
title: Why is no one using Elixir for torrent and webtorrent ?
published: true
description: 
tags: Elixir , Torrent , Erlang 
//cover_image: https://direct_url_to_image.jpg
---
if Elixir is good at handling to many connections why no one tried to make atorrent solution with it ? Or re rewriting the webtorrent lib in elixir .
Why is my promise not resolving correctly?
Tags: help, javascript, node
Published: 2020-07-20 03:02:56

```
exports.addUser = async (req, res) => {
  const { username, email, password } = req.body;
  //hash password
  const password_hash = await hashPassword(password);
    //check whitelist
    this.checkWhitelist(email).then( function(response) {
      if (response) {
        console.log("RESOLVED TRUE")
        //POST user to Airtable
        new Promise(function(resolve, reject) {
          return usersTable.create(
            {
              email,
              username,
              password_hash,
              "email_verified":"false"
            },
            function(err) {
              if (err) {
                resolve(false);
                console.error(err);
                res.send({
                  "Success":false,
                  "responseCode":502,
                })
              } resolve(true);
              res.send({
                "Success":true,
                "responseCode":200,
              });
              }
            ).then( function(response) {
              if (response) {
                const EMAIL_SECRET = "xxxxxxxxxxx";
                jwt.sign(
                  {
                    'username': username,
                  },
                  EMAIL_SECRET,
                  {
                    expiresIn: '1d',
                  },
                  (err, emailToken) => {
                    const url = `http://localhost:3000/confirmation/${emailToken}`;

                    transporter.sendMail({
                      to: args.email,
                      subject: 'Confirm Email',
                      html: `Please click this email to confirm your email: <a href="${url}">${url}</a>`,
                    });
                  }
                )
              }
            })
      })} else {
        console.log('RESOLVED FALSE')
        res.send({
          "Success":false,
          "responseCode":403
        })
      }
    }
  )}
```

For some reason, the promise I created at usersTable.create is not resolving correctly. When I call .then() after, I get the error: UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'then' of undefined.

For context, this is the user registration flow for a webapp. First, the pass is hashed, then the email is check against a whitelist (so far this logic is working). Now I just need to verify the email, but can't get the .then() to call correctly.-

What's going on?
Build a Tinder Clone with Flutter, Firebase and Bloc part 6/40 Login States
Tags: flutter, tutorial, dart, career
Published: 2020-07-20 04:52:16

---
title: Build a Tinder Clone with Flutter, Firebase and Bloc part 6/40 Login States
published: true
description: Tutorial on building a Tinder clone with Flutter, Firebase and Bloc
tags: #Flutter #Tutorial #dart #career
//cover_image: https://direct_url_to_image.jpg
---
Hi good people.

In this series of videos we are going to build a Tinder clone with Flutter, Firebase as a backend and Bloc as our state management solution.

In this video we set up the Login States.

Protip: Watch video at 1.25 speed.

{% youtube RpgqyeESnXo %}
Your code to the future civilization - GitHub Archival Program
Tags: github, news, opensource, webdev
Published: 2020-07-20 04:44:44

Hey all!
   Hope you're aware of Github storing the code all of the public repositories at Arctic. If not, this post is for you. 

### Introducing Github Archive Program

This is an initiative by Github to preserve the open source softwares for future generations. So they have shipped all of the public repository code to the Github Arctic Code Vault. The purpose of this program is to preserve open source software for the future generations by storing our code in an archive that is build to last a thousand years.

### Will your code be sent too?

Did you have public Github repositories before February 2, 2020 ? Then chances are, *Yes!*, you're code is also at the Vault now. Safe and Sound. Snapshots were taken on February 2, 2020 and the code was successfully deposited in the Arctic Code Vault on July 8, 2020. 

### How much of Data was sent?

Around 21TB of repository data was written to around 186 reels of digital photosensitive archival film, by Github's archival partner Piql. It was sent to Svalbard which is around 1000kms north of the European mainland.

### What will they do with the code?

The code will be preserved for more than 1000 years, and the future generations will be able to access the code. It feels great to know that, the civilization living after 1000 years might look back at us even if there occurs huge disasters.

### Have you received the badge yet?

Visit your Github profile to find it out. 

![tharunshiv github](https://dev-to-uploads.s3.amazonaws.com/i/2ozmn1p5o9d15ehg1i5w.png)

### The official video:

{% youtube fzI9FNjXQ0o %}

It feels great to know that the code which we wrote will be preserved safely at the Arctic. So, when the future civilizations open the code and go through them, they would definitely pronounce my name wrongly ( haha! ). Jokes apart, thank you GitHub. 

> You have just shown how Open-source Open-source is.

### Hey!

*Has your repository gone to the Arctic? Share the profile/screenshot with us below. It is definitely something to be happy about. How do you feel? Tell us in the comments :)*

Written by [Tharun Shiv - Blog](https://www.tharunshiv.com)
{% user developertharun %}


__For more information, [Github Archival Program](https://archiveprogram.github.com/)__
Black Friday Shopping Hackathon: Part 1
Tags: beginners, python
Published: 2020-07-20 04:36:48

This week I decided to participate in a hack-a-thon provided by analyticsvidhya.com. Here is the link: https://datahack.analyticsvidhya.com/contest/black-friday/#About. The basic premise of this problem is to be able to predict how much money a customer is going to spend this Black Friday based on criteria ranging anywhere from age, occupation, gender, to marital status.

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

## Initial Thoughts

My initial thought at looking into this data set is that I probably have to do a linear regression model based on the type of information that I have. Most of the data in these columns are numerical values. There are approximately 170k nulls in the Product Category 2 column, 380k in Product Category 3 column, and none in the other columns. For my first run through, I always drop the columns with a large amount of nulls. Next I try to see if there's any relationships between the columns and target, like do girls spend more than guys or do married individuals spend more than unmarried ones. 

#Exploratory Data Analysis
YouTube Video | CSS Crash Course - 3
Tags: css, youtube, webde, showdev
Published: 2020-07-20 04:26:18

Welcome to another beginners course specially targeted at people, who want to start with web-development. You should first learn about HTML, before moving to CSS. **CSS** is known as **C**ascading **S**tyle **S**heets and is used to style websites.

Here is the third part of the series.

{% youtube 47JK0reOUdM %}

Please do like it and [Subscribe](https://www.youtube.com/channel/UCRf7mazcufqZxd2pR3oQJuQ?sub_confirmation=1) to my channel for more videos.