teleren/devto huggingface dataset:
Nodejs, Blocking Vs Non_Blocking
Tags: node, javascript, blocking, nonblocking
Published: 2021-01-28 08:16:18

 Blocking refers to operations that block further execution until that operation finishes while non-blocking refers to code that doesn't block execution. Or as Node. js docs puts it, blocking is when the execution of additional JavaScript in the Node. js process must wait until a non-JavaScript operation completes

Synchronous vs Asynchronous
Synchronous (or sync) execution usually refers to code executing in sequence. In sync programming, the program is executed line by line, one line at a time. Each time a function is called, the program execution waits until that function returns before continuing to the next line of code.

Asynchronous (or async) execution refers to execution that doesn’t run in the sequence it appears in the code. In async programming the program doesn’t wait for the task to complete and can move on to the next task.

I will give this simple illustration so that you will understand this two subject so well. Imagine you visit a restaurant and you order a black coffee, the now the waiter represent the server, he will get your orders but since black coffee isn't yet available, it will just be prepared, the waiter wont wait until they chef finish making your black coffee, he will move to another customer to accept his request or order, keeping in and that you made a request for black coffee and you haven't gotten any yet. 

That is how it works. there is a reminder called call back function in Node, that tells the waiter/server that the coffee is finally ready and the customer which is you can finally get your coffee. This is how it works. All of  this process is what is called Asynchronous.  but when other customer have to wait until your request is being handled completely before they can be serve that is what is called synchronous.

Relating it to node, the waiter is the sever, the customers are the clients/users making requests. and Node.js gives avenue to serve asynchronously without blocking, that is what is called non-blocking. Thank you for ordering our coffee, I hope you enjoyed your coffee...
How do you plan your database in development, before migrating to production?
Tags: database, devops, webdev, help
Published: 2021-01-28 08:02:42

- Do you install database on your machine (like, on macOS), use a real online one (albeit, maybe temporary), like MongoDB Atlas, or use temporary alternative (like SQLite)?
- Do you snapshot, perhaps to rollback database schema, if necessary? I find this convenient with SQLite and Git, but what are professional alternatives?
- How do you migrate development database to production database? Schema-only, or with records? Is ORM necessary or sufficient?
Just make it!
Tags: tooling, cpp, devops, tutorial
Published: 2021-01-28 07:51:22

If you have ever worked on a somewhat big C project, you can get lost in a pile of files! Just working out the dependencies can get frustrating. That is why many people resort to using the `Makefile`, a one-stop solution to a single command compilation process.

However writing a `Makefile` can be quite cumbersome if you list down all the files and dependencies. Instead, I built an opinionated one, where you just follow some already prevailing conventions, and you're good to go!

{% gist https://gist.github.com/correaswebert/1603308d601b4be8a20034b3b79895db %}

So how exactly do we use it? We sort our code into the appropriate folders, and then run `make`! It's that simple.

You could obviously devise some more constrained targets, but generally, it can handle any small project you are tinkering on.
TIL about SGB Engine for Unity
Tags: todayilearned, unity3d, smilegamebuilder, gamedev
Published: 2021-01-28 05:41:18

2021-01-27

I am always seeking ways to make game development fun because it often isn't <shock>. Can making a game be as fun as playing one? I would like it to be. 

Enter Smile Game Builder. It's a *kawaii* game creation tool for making JRPGs. It's (relatively) easy to use and produces decent results.
![Tiny Window Screenshot of Smile Game Builder](https://dev-to-uploads.s3.amazonaws.com/i/q3fpg4z6qnzveq2t3njc.png)
What's really interesting about it is that with a DLC add-on, you can export your game as a Unity project. I spent an hour or so digging through the generated project and was fascinated to learn a few things. For one, the code that drives the Unity project is actually open source with the liberal af MIT license.
> SGB Engine for Unity 1.12.8.4
MIT License
Copyright (c) 2018-2020 SmileBoom Co.Ltd.

This code is what enables reading/using of Smile Game Builder data in a special Unity game that replicates the original engine's functionality. What's truly impressive is how the SGR files are handled. For example: the SGR files for the maps (level geometry) are made render-able by conversion into Unity scenes and meshes; meanwhile other SGR files for game data (like items and monsters) are read from file streams and stored in a big dictionary called the Catalog. 
I think this is madness, but the kind of madness I like. It's very close to having game data that is not tied to a game engine. We almost have engine-agnostic game development over here! The game data is the true value of a game; it's where most resources are spent and what gamers engage with the most.
Video: configurer un policy Lambda AWS dans un API Gravitee - Gravitee API Platform
Published: 2021-01-28 07:39:16

Configurer un policy Lambda AWS dans un API Gravitee.io, explorer un exemple où la Policy Lambda de l'AWS permet à notre flux API de gagner un contexte supplémentaire sur l'appel API en cours d'exécution:

https://www.gravitee.io/article/video-configurer-un-policy-lambda-aws-dans-un-api-gravitee

#awslamdba #policyconfig #api
One Step at a Time, Always
Tags: devjournal, codenewbie, womenintech
Published: 2021-01-28 07:29:03

_This post was originally published on January 28, 2021 on [my blog] (https://alexlsalt.github.io/blog)._

Pssst! I send weekly newsletters about the self-taught coding journey and my own coding adventures (and misadventures!)  [Sign up here! >>](https://ladies-code-collective.ck.page/e53b5fca44)

-------

I say this all the time, but we just need to keep taking those small steps forward, one at a time, and we'll arrive there at some point.

It's not a matter of if, but when. It's not a matter of "Well, if I keep taking steps in this direction, I might improve my skills."

t's actually, "If I keep taking steps in this directions I will absolutely improve my skills, I just need to stay with it, even if it takes a longer time than expected.

And that's super powerful!

I recently responded to a tweet by CodeNewbie asking: What have you done today to get you one step closer to your dreams?

And I responded: Calmly set aside any internal overwhelm or negative self-talk, made myself a list, set a timer for each item individually, and intentionally/mindfully worked my way through each task.

![screenshot from twitter](https://dev-to-uploads.s3.amazonaws.com/i/7n946oe17wv0914bkxvs.png)

Because, honestly, that to me is the only way to get closer to your dreams. We can make all the grandiose actions in the world, but if we do those once every so often - even if they're larger in scale, they'll never win out over those small (even tiny!) actions every single day that end up compounding themselves into something we aren't even presently capable of imagining or visualizing.

Kind of like a penny (tiny!) that doubles itself every single day until it reaches a million dollars in what seems to be a crazily short amount of time.
Launching Resuminator: single-page resumes without the hassle!
Tags: react, javascript, webdev, opensource
Published: 2021-01-28 06:59:28

# An intuitive and straightforward Resume Builder!
A NEW open-source project for the community ➡  launched in BETA testing stage - all I need from you all is to use this application to build your resumes and suggest me new ways to improve it 😁.

{% github viveknigam3003/resuminator %}

## 💻 Features

* Build by form input: Create resumes with simple form-input format. No fuss about writing LaTeX code for making a ATS compliant resume.

* Style with Markdown: Complete Markdown support for writing job and project descriptions. Use bullet points, insert links, style text. All with simple MD syntax.

* Live Preview : Live rendering preview on the right, inputs on the left. Preview before exporting.

* Drag-n-Drop Layouts: Have the layout style of your choice. Drag and drop sections on the resume preview as if you're playing with Lego.

* Auto Skill Classification: Keep on typing the skills you know, Resuminator automatically classifies them into categories for easy identification by the recruiter.

## 👨🏻‍💻 Tech-Stack
* React 17 
* GatsbyJS
* NodeJS with Express
* MongoDB
* Firebase

**🙌🏻 Join the Beta program and let me know your thoughts on it! I'd also love to collaborate with some devs on this project if you're interested.** Hit me up on Twitter [@_viveknigam_](https://twitter.com/_viveknigam_) or LinkedIn [viveknigam3003](https://www.linkedin.com/in/viveknigam3003/)

Thanks a LOT!! 😄❤
Rename folder to lowercase - Git
Tags: git
Published: 2021-01-28 06:52:14

We are always having issues renaming a folder to lower case because git does not tend to understand the difference even if we change the folder.

The way we would rename is:

First move the folder to another temp. folder
```
git mv src/Home src/homes
```

Then move the folder to the desired folder name:
```
git mv src/homes src/home
```

Finally commit the change 
```
git commit -m "rename folder from Home to home
```

If you are running windows, the rename may not reflect on the windows explorer so we follow similar approach. -> rename to temp folder and rename it back again
```
Rename-Item Home homes
```
commit the changes and again run
```
Rename-Item homes home
```
and finally push your changes.

We run webpack so sometimes it caches the build so have to run a build for prod and then again switch back to the local dev build.
WHITESPACE - Not A Passive Background
Tags: webdev, uiweekly, ux, css
Published: 2021-01-28 06:42:45

#### It is an ACTIVE element.

##### Watch GOOGLE
They use it to make the search bar clearly visible and understandable.
![Google](https://dev-to-uploads.s3.amazonaws.com/i/akd5ytl9ar32ui9z6zwk.png)
<br />
##### Watch APPLE
They use it to increase attention to the product.
![Apple](https://dev-to-uploads.s3.amazonaws.com/i/19re9js8ufmb5o3we5nd.png)
<br />
##### Watch SPOTIFY
Whitespace need not be white.
![Spotify](https://dev-to-uploads.s3.amazonaws.com/i/79evsxqcnq8zqtqtz290.png)
<br />
#### WATCH YOUR DESIGN
_Is there enough whitespace?_

Your role should _not_ be to fill up every part of the canvas.
Whitespace - embrace it.
How to drive traffic to your website?
Published: 2021-01-28 05:50:18

This is a modern era. The era of science and technology. Now, every single person in this world wants to earn passive income and one of the easiest ways to make passive income is to launch your own website. But is it that easy? Launch a website and [make money](https://shinecontents.com/)? The answer is absolute “No”. So, let’s begin with the basic principle. To take the output from something you have to first give it some input.

Just like that, to make money from the website you have to first launch your own website by buying host and domain for your website. It will cost you around 60-70$. And honestly, many people do that. They take the first step but then many of them fail in [driving traffic to their website](https://shinecontents.com/blog/11-effective-ways-to-drive-traffic-to-your-website/).

Why? Because it’s not that easy to provide daily content to your website, update your website daily and it takes a lot of your time too. And suppose you do all that but still it doesn’t work for you. Because there are billions of people in this world who have their own websites and making quality content on daily basis. And among those thousands of websites,

How would you grow your small beginning website? How your work will be displayed at the top of thousands of search pages? How you will rank number 1 among the Google ranks? How will you reach a relevant audience searching for you? So in this article, I’m going to discuss 11 proven ways that would help you to drive traffic to your website.
Day25:100DaysOfCode
Tags: 100daysofcode, programming, productivity, java
Published: 2021-01-28 05:18:06

A good day..
gave 2 contests 
both unrated ,

in codechef was able to solve 1 ques 
another on codeforces did 2 questions...

practised rest of the questions after contest ...
few leetcode ques on max product subarray nd sliding window..concept

continued more with maven and multi threading concept in spring boot...(java)

You can Follow me->
https://github.com/singhtaran1005
https://www.linkedin.com/in/taranpreet-singh-chabbra-27517918a/
Is anybody using separate image storage?
Tags: watercooler
Published: 2021-01-28 05:14:37

Hey guys,

I was wondering if anyone was using a separate file store for images for instance for a blog.

Background:
I don't want to store all my images/gifs/etc in my Eleventy blog hosted on Eleventy.

Currently, I'm getting around this by uploading my images to either Hashnode or Dev.to but I want to move to a place where I can control it more.

I might want to update these images, where it shouldn't break the link.

Any suggestions? (It should also be affordable 😅)
FLECK PRO - Data Hiding Software for your files in your Laptop/PC
Tags: discuss, productivity, beginners, github
Published: 2021-01-28 04:42:04

## Table of contents
* [Introduction](#introduction)
* [Setup](#setup)

## Introduction:
-	Nowadays, people need to store their Sensitive Data like Documents for their verification purpose, Job-stuff, Project Details of students etc... in their PC/Laptop which they do not want to share with others. So the purpose of this Software is simply and completely based on securing their Data using Data Hiding Algorithms protected by a Password and an PIN. Basically this software makes it difficult for the Intruder to get access to your Data by any kind of means or path in the PC/Laptop. (For Windows OS only)


## Setup:
1. Running the Software for the First time, asks you for registering a New User Password and PIN.
2. After that every time you Run the Software it will ask you for the Password and PIN to get access.
3. List of Options:

	a. When you Run the Software for the First time, a new LOCKER Folder is made in the same directory. Place all the sensitive/private files in the LOCKER Folder created outside and then use the LOCK THE FOLDER option so the Software will hide the Folder itself and all the Content (Files & Folders) present inside.

	b. Secondly, when you want to Restore your Data then use UNLOCK THE FOLDER option and so your Data and the LOCKER Folder will be restored in it’s original form.

	c. In Future, if you want to change your Password or PIN or both then you can use the CHANGE YOUR PASSWORD Option and repeat the Step-1.

	d. If you want to make a Zip File for all your Data then you can use the MAKE A ZIP FILE Option which will create a Zip File containing all the Data in the LOCKER Folder with inbuilt Password same as your User Password you’ve entered.
	(7-Zip must be installed and given access to the Path to use this Feature. Also it is necessary that the Data must be Unlocked before using this Feature.) 

	e. If at any point of time you want to remove the Software then you can use the REMOVE THE SOFTWARE Option.

[How to Use Video!](https://user-images.githubusercontent.com/72680045/96177268-34ef6480-0f4b-11eb-84ff-fa82652ceae8.gif)

## Special Note:
-	**The Software is still in it's Prototype Stage so we request you to ensure that you have a backup of all of your Data on which you're testing to prevent deletion of any of your useful data. Under no circumstances shall we be liable or responsible to you or any other person for any damages, loss of any of your useful data by using this Software. The prototype is basically for testing purposes only.**
- **If you lose your Password and PIN then there is no way to access those documents and they'll be lost forever so use this Software carefully. Under no circumstances shall we be liable or responsible to you or any other person for any damages, loss of any of your useful data by using this Software.**

[Download FLECK PRO for Windows](https://github.com/dhhruv/fleck-pro/releases/download/6.0.0/FLECK.PRO.6.0.exe)

[Watch it on GitHub](https://github.com/dhhruv/fleck-pro)
Text To Speech in Python
Tags: python, texttospeech, learn
Published: 2021-01-28 04:13:26

First install pyttsx3 from your terminal or cmd
By running this commond - pip install pyttsx3

 

```
 
 import pyttsx3
 engine = pyttsx3.init()
 engine.say("Hello World")
 engine.runAndWait()

```
Makerwork 001
Tags: budget, python, recommender, makerwork
Published: 2021-01-29 12:51:51

---
title: Makerwork 001
published: true
date: 2021-01-28 04:00:06 UTC
tags: #budget, #python, #recommender, #makerwork
canonical_url: https://makerwork.netlify.app/posts/makerwork001/
series: Makerwork
---

Hey Makers! 👋 

Welcome to the **premier digest** of the newsletter. Miguel has the honor of being the first maker to be featured in Makerwork. 🏆 

The main problem that beginners face when joining StackOverflow is that there are so many experts in so many activities that it is hard for a beginner to find questions that are good first issues. 

With his passion for AI and programming, Miguel took on this challenge and created Answerable, a recommendation system for discovering Stackoverflow unanswered questions. ⭐️

[READ MORE](https://makerwork.substack.com/p/makerwork001)
Cartoon character in HTML and CSS
Tags: css, html, showdev, codepen
Published: 2021-01-28 03:59:59

---
title: Cartoon character in HTML and CSS
published: true
description: Drawing a cartoon character with HTML and CSS
tags: css,html,showdev,codepen
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/dgqx6rpm2t7qiy1v23ge.png
---

Today I completed a new cartoon in HTML and CSS:

{% codepen https://codepen.io/alvaromontoro/pen/xxRKgRZ %}

It started as many of my [CSS drawings](https://codepen.io/collection/AOaOdx), without knowing exactly what it was going to be. I wanted to practice background-shadows, positioning, and sizes and that's how I started... but soon I moved away from them...

Some things I liked/disliked about this drawing:

- Playing with the border-width: browsers will adjust the width of rounded borders so there are no jumps in the connections. This makes it cool to adjust the widths to give a more cartoony effect than just having a same-width border. You can see it in the chin, ear, or nose.
- I wanted to play with the background-images to draw the eyes, maybe the nose and the mouth... but it ended up being a bit more complicated than I initially expected.
- I can't get to draw a proper baseball cap (or a cap in general). It always looks like it's sideways. Need to look into pictures and try to make it more "realistic" (or as realistic as possible for a cartoon.)
- The shadows and details: I really liked completing the shadows and _beard_. It got me to practice the box-shadows after "failing" with the eyes, and I'm kind of happy with the results.

And a time-lapse video of how it was done:

{% youtube fjTI_dzzR2I %}

It was not on purpose, and it may only be me, but it kind of reminds me of Chris Coyier (kind of 😅)

---

I tried to do a better baseball cap and here is the result. Not perfect, but looking better:

{% codepen https://codepen.io/alvaromontoro/pen/JjbPypv %}
Intro to React Helmet
Tags: react
Published: 2021-01-28 01:47:16

I came upon a react component called React Helmet that eases the manageability of a document's head section. It is social media friendly in that it combines server-side rendering and React Helmet itself and makes a dynamic duo for creating apps. React Helmet uses HTML tags and is very simple to use.

##Installation

With npm:

`$ npm install --save react-helmet`

#Features

- Supports all valid head tags: title, base, meta, link, script, noscript, and style tags.
- Supports attributes for body, html and title tags.
- Supports server-side rendering.
- Nested components override duplicate head changes.
- Duplicate head changes are preserved when specified in the same component (support for tags like "apple-touch-icon").
- Callback for tracking DOM changes.

#Example of Use

Import Helmet at the top:

```
import React from "react";
import {Helmet} from "react-helmet";
 
class Application extends React.Component {
  render () {
    return (
        <div className="application">
            <Helmet>
                <meta charSet="utf-8" />
                <title>My Title</title>
                <link rel="canonical" href="http://mysite.com/example" />
            </Helmet>
            ...
        </div>
    );
  }
};
```

Nested or latter components will override duplicate changes:

```
<Parent>
    <Helmet>
        <title>My Title</title>
        <meta name="description" content="Helmet application" />
    </Helmet>
 
    <Child>
        <Helmet>
            <title>Nested Title</title>
            <meta name="description" content="Nested component" />
        </Helmet>
    </Child>
</Parent>
```

outputs:

```
<head>
    <title>Nested Title</title>
    <meta name="description" content="Nested component">
</head>
```

Read more about React Helmet on [Github](https://github.com/nfl/react-helmet) for the full documentation.

**References**

- https://github.com/nfl/react-helmet
- https://medium.com/coding17/what-is-react-helmet-e62be15ba63b
- https://madewithreact.com/react-helmet/
28/01/2021
Published: 2021-01-28 03:45:03

1. Mentoria EU PROGRAMADOR:

Módulo 3 - Live II
Um pouco sobre algoritmos e linguagens de programação

2. Aulas 1, 2 e 3 do Curso de Lógica de Programação do Professor Guanabara (Youtube):

Portugol em VisualG: Variáveis, Operadores...