teleren/devto huggingface dataset:
Code + design + write = SUPERPOWER
Tags: beginners, codenewbie, writing, decodingcoding
Published: 2021-10-12 23:13:43

---
title: Code + design + write = SUPERPOWER
published: true
description: Stack code, pixels and words for maximum, multiplier effect
tags: beginners, codenewbies, writing, decodingcoding
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7b0rhzzxzh94avi5gugz.jpg
---

### *Stack code, pixels and words for maximum, multiplier effect*

---

Maker Twitter is awesome. Here’s a [tweet by @jdnoc](https://twitter.com/jdnoc/status/1289358595616718848?s=21) that got me excited:

> If you know how to code you can help people.
> 
If you know how to write you can influence people.
> 
If you know how to design you can attract people.
> 
> If you know how to do all three you can build incredibly valuable things.

I never thought about it that way before, even though I’d been dabbling in all three spaces. I’d been doing design for many years now, it’s literally my day job and keeps me and my family provided for. Writing, on and off since my teens but only got more serious and regular the past few years. Coding, more recent, probably at baby stage now. 

And yet I had never quite thought of stacking them together for maximum, multiplier effect. Right now the activities are mostly exclusive to each other, with writing being the most overlapping. I guess it’s the nature of the job market and how work is done – people want to hire specialists and you’re mostly only known for one thing and hired for one thing. But it makes perfect sense to stack these three skills as an indie maker, since we have to do literally everything when it comes to building, designing and marketing our products. 

I should definitely seek more opportunities where I can combine all three skills. A few I can think of right now:

* Write about my experience as I learn coding, while designing nice mini projects in public that are not just good for learning but also attractive to look at (I realised this when I was browsing Codepen – I tend to preview those that are well-designed, even if the function is small).
* SEO-ing my products. Stunning landing pages, great writing content, combined with optimising the website with code.
* Making great products. Designing in a user-centered way, using code as a way to address user needs and painpoints, and being able to talk/write about it in a way that resonates deeply with users.

*What other opportunities are there to stack code, pixels and words?*

---

Follow my daily writings on [Lifelog](https://golifelog.com/goals/30), where I write about learning to code, goals, productivity, indie hacking and tech for good.
Collaborate across the states
Tags: beginners, unity3d, javascript
Published: 2021-10-12 22:55:19

I have been having some brainstorm meetings with a friend talking about creating a game. Something pretty simple a turn based RPG in the vein of Final Fantasy Tactics. But where multiple people can play at the same time. 

They are in the industry with a prevalent database company and I am the frontend worker for now. combining our knowledge to teach each other and make one cohesive product.

We have decided how we want to build our backend what data will be needed and how we want version 1.0 to look and play. The place we are now is deciding which engine to use. 

We are deciding if we want to use Unity or something like the GO-DOT engine. neither of us have used either, but I have spent the last few days reading over and trying to decide. 

I think we are both going with Unity. as it has been really well utilized for similar games. and the awesome Unity learn!

We both currently live in different states but thanks to google meet and other things we have been on a tear developing our idea.

We started by whiteboarding the database entities. Building multiple database tables for the characters, dungeon master, monsters and other related and connected tables. There is a 3-tier setup. An elementary version has fewer data sets and fewer tables. Afterwards, if we make progress faster than expected and the functionality is smooth, a second version will be created. In the Golden Child version, we incorporate all of the dream ideas we have to make the full game we are dreaming of. 

##Basic version
```
characters {
name:
race:
characterClass:
skills:
health:
armor:
weapons:
spells:
movement:
}

Game_master {
name:
monsters:
characters:
campaigns:
objectives:
}

campaigns {
name:
objectives:
game_master:
characters:
}

monster {
name:
type:
damage:
health:
armor:
skills:
features:
movement:
}

items {
name:
type:
effect:
}

weapon {
name:
type:
requirements:
damage:
magic:
}

armor {
name:
type:
requirements:
armor_class:
magic:
}
```

These are our basic tables. not including the spells, skill, and feats tables we are still working on. but you can see from this small sample we have a whole lot working off each-other to make everything functional in the way we want it.

This upcoming week we start to implement things and get it from the paper and pen phase into the codebase and see what we can do.

As far as game engines Unity, Go Dot or whatever you use or even not using a game engine what do you all think is a good way to go for a turn based multiplayer RPG?
String.prototype.substr() vs String.prototype.substring()
Tags: javascript, tutorial, beginners
Published: 2021-10-12 22:41:08

#String.prototype.substr() 

This method extracts a portion of the given string from the specified index and returns the specified number of characters

##Syntax: 

 str.substr(start, length)

```js
let str = "The quick brown fox jumps over the lazy dog";

console.log(str.substr(4,7))
// OUTPUT: quick b

console.log(str.substr(4))
// OUTPUT: quick brown fox jumps over the lazy dog
```

##Parameters:

**start** 
- The starting index from where the characters will be 
extracted in the given string

**length**(Optional)
- The number of characters that will be extracted from starting index onward


###Parameter values:

- If start is **negative**, the new substring will be extracted from the end of the string.
```js
console.log(str.substr(-8,6))      
// OUTPUT:lazy d
```
Here, start's value is equal to subtracting its absolute value(value without negative sign) from the length of the string
```js
//start = str.length - start's absolute value
console.log(str.length)        //43
console.log(str.length-8)      //43-8=35
console.log(str.substr(35,6))  // OUTPUT:lazy d
```

- If the length is **negative**, it will be treated as zero and will return an empty string.
```js
console.log(str.substr(4,-7))  //length=0
// OUTPUT:
```

- If the parameters are **NaN** they will be treated as zero .

The start will become zero and therefore extract characters from index zero.
```js
console.log(str.substr(NaN,7))  //start=0
// OUTPUT:The qui
```
 The length will become zero and return an empty string.
```js
console.log(str.substr(4,NaN))     //length=0
// OUTPUT:
```
---
#String.prototype.substring()

This method returns a portion of the string between specified indexes (excluding the end-index).

##Syntax : str.substring(start, end)
```js
console.log(str.substring(4))
// OUTPUT:quick brown fox jumps over the lazy dog

console.log(str.substring(4,13))
// OUTPUT:quick bro
console.log(str.indexOf('o'))
// OUTPUT:12   
//index of last character in substring is 12           
//This shows that the end-index(13) is excluded
```
##Parameters:

**start** 
- The starting index from where the characters will be extracted in the given string 

**end**(Optional) 
- The index(excluding) upto where the characters will be extracted 

###Parameter values:

- If any parameter is **NaN** or **negative** it is treated as zero.

- If **start > end** then they will be swapped .i.e start will become end and end will become start. 

```js
console.log(str.substring(NaN,10))  //start=0
// OUTPUT:


console.log(str.substring(4,NaN))     
//end=0, start=4  => start=0,end=4  
//start and end gets swapped since start becomes greater than end
// OUTPUT:The quick



console.log(str.substring(-5,15))    //start=0
// OUTPUT:The quick brown


console.log(str.substring(5,-15))     
//end=0, start=5  => start=0, end=5  
//start and end gets swapped since start becomes greater than end
// OUTPUT:The q
```
Shopping List
Tags: angular, quarkus, docker, github
Published: 2021-10-12 22:22:57

The Shopping List project is open source and you can find it on [GitHub](https://github.com/felipewind/shopping-list).

There, you are going to find instructions on how to build it and how to run it locally.

The frontend is written in Angular and the backend in Quarkus. The database is PostgreSQL. They are deployed as containers on Heroku and the HTTP communication is protected by JWT tokens.

I describe the technique used to deploy them as containers on Heroku in [this article on medium](https://medium.com/@felipewind/deploying-quarkus-postgresql-and-angular-nginx-on-heroku-as-containers-7244507e548f).

You can access [this demo version running on Heroku](https://best-shopping-list.herokuapp.com/#/) and try it right now. But as this is only a demo, please don't use a real password there!
- The application get dormant after some time without use, so the first access can take some extra time.

![Shopping List Presentation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/628eds0n6r5vzbe5vfiy.gif)

## Business description

Shopping List is a web application that was created especially for mobile devices.

You'll be able to organize the products you want to buy and do your shopping more quickly.

Once you create one account, you can create shopping lists and add products to them.

When you're buying products at the market, you can check the products updating your list and switch from one shopping list to other very easily.

You can, for instance, create one shopping list for fruits, other for cleaning products and another for grocery. So, in the top menu, you will be able to switch between these shopping lists while you're checking the products you already bought.

## Architecture

![Architecture](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gq5f1doj5370yo9b4onr.png)

## Demo version running on Heroku

[Application](https://best-shopping-list.herokuapp.com/#/)

[API swagger](https://shopping-list-back-end.herokuapp.com/q/swagger-ui/)

## Angular

I used Angular Material and [Angular Flex-Layout](https://github.com/angular/flex-layout) in this project.

## Quarkus

On the Quarkus project I used Hibernate Panache to control the database and SmallRye JWT to protect the endpoints.

Perhaps you can find it interesting the Swagger-UI, created automatically by the SmallRye OpenAPI, that has the possibility of doing one [Authentication](https://github.com/felipewind/shopping-list#authentication-on-swagger) to test the endpoints protected by JWT.

## Final words

Thanks for reading this article and feel free to talk with me in case you got interested in this project!
Day 470 : Utility
Tags: hiphop, code, coding, lifelongdev
Published: 2021-10-12 22:19:19

_liner notes_:
- Saturday : Worked on my side project and had the radio show. It was a good day! The recording of this week's show is at https://kNOwBETTERHIPHOP.com

![Radio show episode image of the cover artwork for Blockhead's album "Space Werewolves will be the end of is all" that is an illustration of a city being destroyed by UFOs and a giant werewolf with lasers coming out of its eyes and people running away with the words Oct 9th 2021 Beet wants Beef](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qy4t8lssmwuka406jayc.jpg)

- Sunday : Did my untilit.works show and did a bunch of tasks like laundry, post radio show promo and worked on my side project. Ended the night watching a new "Demon Slayer" episode and "The Walking Dead", "The Walking Dead: World Beyond", and "Talking Dead".

- Monday : Was Indigenous People's day. Worked on my side project and watched an episode of "Squid Game". I thought it was one movie and not a series of episodes. I guess I'll watch one a day. I also got some packages of things I ordered a while back. Got a stylus for my phone so I'll be looking to get back into drawing. Also got this laptop shell thing, that I can connect with my phone and use my phone as the operating system of the laptop. Pretty cool. My plan is to take that to any presentations I give.

- Professional : Today I got confirmation that the fix I put in for a demo application I made is working, so that's good. Also reviewed some PRs for updates to the Client SDK. They looked good so I merged them. Had a meeting with my manager. Planned out what I'll be working on. Worked on finishing up a future blog post. Pretty good day.

- Personal : For my side project, I wrote code and laid out some elements on the pages. Made a component for the switch. I think I may also make a component for the Chat Bubbles. Next, I'm going to work on the settings page where the user will be able to turn on and off the functionality. Once I get that working, I can start saving and retrieving data from the local storage. Getting closer to the finish line with this project.

![Looking at a canyon in Fjaðrárgljúfur, Iceland with green moss covered cliffs made of gray stone on both sides of a river](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/em7kyufwl7dbgp7pbo3x.jpg)

So this detachable keyboard for my Chromebook tablet is starting to go. haha The space key sometimes doesn't work and it makes typing a pain. So many typos. I've also noticed that when I code, if I copy and paste something it may have a bunch of 'v's at the end. Or if I cut something, there will be a 'c', in the space. I think it may be some latency issues. Also, it seems I have to charge the keyboard more often. Don't think I'll be using Bluetooth keyboards any more. My next Chromebook will be a laptop model. I already have my eye on one, but it's not out yet. Nothing super fancy looking, but has some utility to it to get work done. Going to work on my side project.

Have a great night!

peace piece
Dwane / conshus
https://dwane.io / https://HIPHOPandCODE.com
{% youtube 72H3OfeMx-Q %}
Hate switching Google accounts in Chrome? 
Published: 2021-10-12 21:58:59


A year ago, I joined a fully remote team, and I began to rely on event notifications to remind me of upcoming online meetings.

Since I had multiple email accounts, I had a painful workflow for every meeting:

1. Open calendar through event notification -> Calendar opens with my default Google account.

2. Switch calendar to work account and click Google Meet link -> Google Meet opens with my default account.

3. Switch to work Google Account

I'd probably done this a hundred times which eventually frustrated me enough to look for a [solution.](https://chrome.google.com/webstore/detail/default-google-account/bnocikekcdchphdpfffcgikiblhnkdad?hl=en:)

It was such a relief not to go through all these steps to attend a meeting! 

And with the extension, we can also create specific rules per Google App. For example, you can set Google Keep notes on your personal account.

Meetings feel so much smoother! I hope yours does too!
Why FlaskCon insists on having publicly listed reviewers
Tags: flaskcon, flask, python
Published: 2021-10-12 21:54:43

---
title: Why FlaskCon insists on having publicly listed reviewers
published: true
description: 
tags: flaskcon, flask, python
//cover_image: https://direct_url_to_image.jpg
---

Python conferences all have a team of reviewers. Not made public. Since the first edition of FlaskCon, we made our list public. This encourages transparency and builds trust. People often ask: Why? If some great conferences don't do it, that means it is not important or necessary. But not necessarily so ...

Before we dig deeper, please have a look at Python conferences having a list of **publicly** disclosed reviewers for 2021 [1]:

| Conference | Has public list of reviewers  |
|---|---|
| PyCon US | ❌ |
| EuroPython | ❌ |
| PyCon India | ❌ |
| PyCon Japan | ❌ |
| FlaskCon | Yes |

[Django Con](https://2019.djangocon.us/news/call-for-community-reviewers/) had a call for community reviewers. First come, first serve.

Well, at FlaskCon we are adamant that people who review talks be competent in the field they are in. And, they should be displayed. So that we know it's not my cat's backyard buddy who is helping out with the reviews. We just want as a conference to get the best talks possible selected. 

So if a big conference does not have that feature, that does not mean we should tick it off. And i do think it's very weird for conferences who go to great lengths at perfecting details not to have it. An even more unsettling question is: Why keep it a secret. Is there some dark business going on? We hope no ...

[1] As far as i searched
MVC Routing In Node JS
Published: 2021-10-12 21:45:55

 Hello and welcome in this post we are going to talk about MVC Routing In Node JS. I am going to show you coding example of how you can create route in node JS with Express JS Framework in MVC Pattern. So let’s get started and dive into interested content.
Read Complete Post [Here](https://crunchythings.xyz/mvc-routing-in-node-js/)
Developer Diaries: Week 13 | Celebrating the wins
Tags: devjournal, programming, productivity, codenewbie
Published: 2021-10-12 21:39:20

If anyone is following closely, you might have noticed I missed last week! Sorry about that - was a bit of a crazy week. But as I prepped for this week (realizing it's _technically_ week 14 as a developer), I thought writing about how I was actually able to set up an new app to run locally almost all by myself, and was I like "I've come so far!" and took a little moment to celebrate. 

It reminded me that we all need to take a moment to celebrate the wins, and I think as developers we don't do that enough. We go from solving one bug to jumping to the next. We come up with ideas left and right and implement them as quick as we can.

And then sometimes, we just have those days where it feels like NOTHING we did worked, and maybe we don't even know what we're doing. You know it - imposter syndrome. On days that like these, I find it helpful to reference a list of things I **can** do that I know even when I have those down days, I've still come along way. 

So I'm going to list out some **things that I can do now that I couldn't do 13 _(er, technically 14)_ weeks ago**. This post might not be useful for anyone else except myself - although I hope it will encourage each of you to do the same, no matter where you are at in your developer journey.

- Using Github desktop
- Running new apps locally (for the first time!)
- Catching bugs/problems/areas of improvement in code reviews (admittedly, this still doesn't happen much)
- Create a utility function and being able to reference it in multiple places in my apps
- Create a React App Project and build a landing page completely from scratch with components in less than 2 hours. ([Here it is](https://penge.netlify.app/))
- Create tests with Jest (for both frontend AND API)
- Sign git commits
- Upgrade dependencies
- Understand the difference between Sprint and Kanban view in Zube
- Regex for replacing special characters with "_"
- A javascript function that doesn't require me to write regex to replace special characters :) 


Things I still can't do? 
- Spell `component` right on the first try.
- Explain what `this` is and how it works
- Get the right audio source on zoom
pr-compliance-action
Tags: github, hacktoberfest
Published: 2021-10-12 21:39:00

I started contributing to the [Open Sauced](https://github.com/open-sauced/open-sauced) project earlier this year, and I have really enjoyed it.  @bdougieyo has put together a great community around this project, and I've learned quite a bit about Jamstack, Git, React, and the Github platform as I've put together PRs for this project.

This was before my time, but apparently during last year's Hacktoberfest, the Open Sauced maintainers (along with other maintainers on Github) got a lot more pull requests than they were ready for, and the quality was not always what they hoped to see. One thing that was especially important was that every PR would ideally be related to an issue that had already been created. I had my challenges as I got started in contributing, so I can see where the learning curve is in submitting PRs that comply with a project's Contributing Guidelines. On the other hand, I can see what kind of time commitment can be involved in making sure that inbound PRs aren't put together in a way that will have a negative impact on the project.

In watching live streams and in other venues, I had heard @bdougieYO talk a handful of times about having a GitHub Action that would look at multiple aspects of an incoming PR other than the code modifications, and take appropriate steps such as leaving a comment with what needed to be adjusted, and possibly closing the PR.  I had been wanting to make a GitHub action of my own, and the business logic seemed like it would be straightforward enough.

Inspired by this need of the project, and some of the work in [pr-lint-action](https://github.com/MorrisonCole/pr-lint-action), I managed to create and do a pre-release on [pr-compliance-action](https://github.com/mtfoley/pr-compliance-action), and it was implemented in the Open Sauced project last week!

## pr-compliance-action Functionality

It looks for the following:
- PR Title formatted according to [@commitlint/conventional-commit](https://www.conventionalcommits.org/en/v1.0.0/).
- PR Body refers to an issue, as detected by a regular expression
- PR originates from a protected branch e.g. "main", (based on head ref)
- PR includes modifications to specific files that should be reviewed carefully (e.g. package.json)

This action drives the following outcomes by default, but these can be tweaked:

Check | Outcome on Failure
--- | ---
PR Title Lint Fails | Action shows as failed check. Action leaves comment.
PR without linked Issue | Action closes issue. Action leaves comment.
PR Originates from Protected Branch | Action closes issue. Action leaves comment.
PR Updates Watched Files | Action leaves comment.

## Try It Out

I hope that someone can find value in this Github Action - I'd love to hear what folks think of it!
Hello I'm Franck!
Published: 2021-10-12 21:17:56

---
title: Hello I'm Franck!
published: true
description: 
tags: 
cover_image: https://pbs.twimg.com/profile_banners/14915984/1596832629/1500x500
---

I live in Cusco.

I love coding and software architecture.

Find me on Twitter as @franckmercado

Happy to be in Dev! :)
Data Science or computer science
Tags: computerscience, datascience, aws, node
Published: 2021-10-12 21:16:25

Hello all,

I am a mid level front end react dev have been working for 4 years as a dev. I want to get a degree but am bit confused on the path.
Ideally I want to do data science machine learning, understand databases and work with data.

I self taught a lot of computer science already so do you think I should do computer science first the do data science after or just jump into data science degree first S:

very confusing any advice appreciated