teleren/devto huggingface dataset:
JS Variable
Tags: javascript, tutorial, programming
Published: 2022-01-14 08:30:51

In programming, a **variable** is a container for a value. You can think of variables as little containers for information that live in a computer’s memory. ex) such as a username, account number, or even personalized greeting can then be found in memory.

Variables also provide a way of labeling data with a descriptive name, so our programs can be understood more clearly by the reader and ourselves.

#####In short, variables label and store data in memory. There are only a few things you can do with variables:

1. Create a variable with a descriptive name.
2. Store or update information stored in a variable.
3. Reference or “get” information stored in a variable.

---

The **let** keyword signals that the variable can be reassigned a different value.

- If we don’t assign a value to a variable declared using the let keyword, it automatically has a value of undefined.
- We can reassign the value of the variable.

However, a **const** variable cannot be reassigned because it is constant. If you try to reassign a const variable, you’ll get a TypeError.

**Constant** variables must be assigned a value when declared. If you try to declare a const variable without a value, you’ll get a SyntaxError.

Tip: If you’re trying to decide between which keyword to use, let or const, think about **whether you’ll need to reassign the variable later on**. 

**If you do need to reassign the variable use let, otherwise, use const.**

---
String Interpolation - 문자열 보간을 이용해 string 값

- One of the biggest benefits to using template literals is the readability of the code. Using template literals, you can more easily tell what the new string will be. You also don’t have to worry about escaping double quotes or single quotes.

---
_typeof_ returns a string describing the data type of instances/value.
What they heck is Event Loop
Tags: node, javascript, eventloop, sserverless
Published: 2022-01-14 07:13:05


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qrzvprwbept5t41x8wwj.png)
What the heck is Event Loop in JavaScript

Mike runs to me and says "Excuse me sir, please I have been learning JavaScript for a while now, but this event Loop concept is a mystery to me, can explain to me better?"

Me:
Hahhhahha, I am not surprised, I still remember when learning JavaScript, Event Loop was a headache to me too. Until I stumbled on Philip Roberts' Video, where he explained event Loop visually.

Mike: Sir, what the heck is event Loop?

Me:
JavaScript is a single threaded programming language, what this means is that JavaScript handles tasks once a time on the browser, other programming languages like Java etc have about 200 or more threads to handle tasks concurrently. But JavaScript handles one task at time, when done it moves to the next task. 

What event Loop does is manage the activities, assigning tasks between the stack, event queue and your console(rendering).

Mike: Stack, event queue, and console?

Me: Yes, but we would not dive into those now.

Mike: How  does it work?

Me: I have initially told you that JavaScript does one task at a time, yes, but in the browser there are other things like web API, HTTPS etc, provided by the browser, Javascript extensively use the web API. 

Let assume we pass a callback function and a delay of 5 secs to the setTimeout call. 

Now setTimeout is an API provided to us by the browser, it's extra stuff we get while running the JavaScript run time. The browser kicks off a timer for you. It's going to handle the count down for you, that means our setTimeout call, itself is now complete, so we can pop off the stack. 

 Now we've got this timer in the web API, which five seconds later is going to complete. Now the web API can't just start modifying your code, it can't chuck stuff onto the stack when it's ready.

If it did it would appear randomly in the middle of your code so this is where the task queue or callback queue kicks in.

The web APIs push the callback onto the task queue when it's done. Finally we get to the event loop, It has one very simple job. The event loop's job is to look at the stack and look at the task queue. If the stack is empty it takes the first thing on the queue and pushes it on to the stack which effectively runs it. 

So you can see that now the stack is clear, there's a callback on the task queue, the event loop runs, it says, oh, I get to do something, pushes the callback on to the stack. Remember it's the stack is like JavaScript land, back inside V8, the callback appears on the stack, run, console.log “there”, and we're done. 

Mike: So what are the Benefits of events loop?

Me:
JavaScript events loop enables a developer to build their system around a collection of asynchronously-fired callbacks, freeing the runtime to handle concurrent operations while waiting on external events to happen.

Mike: Wow, this Is more clear now. Thanks.

Me: You are welcome
A Quick 10-Second Programming Joke For Today
Tags: jokes, dailydeveloperjokes, watercooler
Published: 2022-01-14 08:00:17

---
title: "A Quick 10-Second Programming Joke For Today"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes, #watercooler
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1259ab8700f.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
___Q___: Why was nobody given food at the developer conference?

___A___: It was a serverless function!
 -->
[Create a server less web app with MongoDB Realm and React]
Tags: atlashackathon, serverless, mongodb, react
Published: 2022-01-14 07:55:55

[Instructions]: # (To submit to the MongoDB Atlas Hackathon on DEV, please fill out all sections.)


### Overview of My Submission
Our "Simple Task reminder" is a simple server less web app built with React and MongoDB Realm, Atlas. This app allows a user to create and manage a user account and to Create, Read, Update, Delete a task. A task is a simple to-do kind of thing that you want the app to keep a note and remind you of it timely. A task has a title, may or may not have a description and other data which is useful for backend logic implementation.  
####The user flow of the app will be as follows:
##### User Sign-in/ Sign-up
***This is built using MongoDB Realm***

1. A new user creates an account. Which sends the user a confirmation email to confirm the user's email and notifies the user about the email being sent.
2. User then confirms his email to finish setting up his account.
3. User can always reset his password from the home page by clicking the "Forgot Password" link.
4. When the User login's, the user is then navigated to a page where a list of his incomplete tasks are displayed. If there are no incomplete tasks the user is prompted to create a new task. 
5. User can create an new task by clicking the button that says *"Create New Task"*. Then, a modal appears that helps user to create the task.
6. Once the task is created it is displayed on to the page where user created a task. Initially the task is marked incomplete. 
7. When the user completes the task he can click *"Complete Task"* button to mark task a complete. This updates the task to be completed and removes it from the screen. 
8. Optionally user can Delete his task.
9. All these CRUD operations are implemented using Realm App.
10. Finally, if the user forgot to complete the task. The app will remind the user at 3:00pm AEST every day. This functionality is built using the Triggers and Realm Functions. The email is sent using SendGrid's npm package. 
11. Finally, the user can logout using the logout button on the nav-bar(Displayed only if the user is logged in.)



### Submission Category: 
Action Star; Automation Innovation.

### Link to Code
https://github.com/subhash-malireddy/dev.to_mongodb-atlas-hackathon

### Additional Resources / Info
#### Collaborators
@prerithsubramanya
OROCHI celebrates first 100 stars on github!
Tags: orochi, volatility, hacktoberfest
Published: 2022-01-14 07:55:45


This is an achievement of our whole community! Thank you for each pull request, issue, love and any other commit that you made to improve OROCHI!

OROCHI is an open source framework built on top of Volatility 3 for collaborative forensic memory dump analysis. Using OROCHI you and your collaborators can easily organize your memory dumps and analyze them all at the same time.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0t8r4as4dmtbpymfrntr.PNG)

We are continuously listening to your feedbacks, so please make sure you join us and share your ideas on:

- the OROCHI [GitHub repository](https://github.com/LDO-CERT/orochi)
- the [gitter room](https://gitter.im/ldo-cert-orochi/community)

Or get in touch directly with me via [linkedin ](https://www.linkedin.com/in/agaravaglia/)or on [Twitter](https://twitter.com/garanews1)
HelpingHand - powered by MongoDB
Tags: atlashackathon
Published: 2022-01-14 07:55:13

[Instructions]: # (To submit to the MongoDB Atlas Hackathon on DEV, please fill out all sections.)


### Overview of Our Submission
[Note]: # (Please make sure the project links to the appropriate GitHub repository, and includes the [Apache-2 permissive license](https://www.apache.org/licenses/LICENSE-2.0)  and README.)
HelpingHand allows users to stay fit and productive while helping others with some errands too.
- First, the user registers by connecting their Fitbit and Github. Data from Fitbit will be used to set their fitness goals and monitor their stats. Github activity will be used to measure their productivity.
- Users can set a target and place a bet. This creates a pool of funds which are redistributed at the end of the duration of the bet according to the following policy:
1. Users who successfully reached their target receive their portion of the funds back.
2. Users who exceeded their target receive their portion of the funds back along with a bonus. They may use the bonus to mint NFTs which can be used as a "bonus life" for times when they fail to reach their target.
3. Users who failed to reach their target lose their portion of the funds. This is distributed among users who exceeded their target. However, if the user has an NFT worth enough points to reach their target, they get their portion of the funds back.

- Users can also assist others with some errands such as grocery shopping, picking up a package while getting some steps in and making some extra cash along the way.
- Users looking for someone to assist them with a daily chore can call the bot to request for help.


### Submission Category: 
Choose Your Own Adventure
[Note]: # (E-Commerce Creation, Prime Time, Action Star, Automation Innovation, or Choose Your Own Adventure)
Features used: Realm Triggers, Time Series Collections


### Link to Code

[Note]: # (Our markdown editor supports pretty embeds. Try this syntax: `{% github link_to_your_repo %}` to share a GitHub repository)
{% github https://github.com/ebtesam25/helpinghand %}


### Additional Resources / Info
### Screenshots
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w3x3o06wnquasqnjz92p.jpg)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z0aqsvtzrv1runfqzu2n.jpg)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0tv0e97ocnm42913lfiw.jpg)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u0bqzituxng08tpvf9cr.png)
#### Demo
[Watch the demo here](https://youtu.be/zSkmqzkkb0M)

#### Collaborator(s)
@jemsbhai
Creating test plan
Published: 2021-11-14 23:34:24

This lab was about how to create a test plan for the static website generator. First I need to choose which testing framework that I am going to use. I chose [jest framework](https://jestjs.io/) because it seems easy in the professor's lectures. This is a testing framework for node.js. It helps us to test from units to end-to-end testing. 
And below is the steps to implement a testing script to the program.
First, I download the jest framework using npm.
```
npm i jest
```
Second, I added, "test": "jest" to the script in package.json file. 
```
 "scripts": {
      "test": "jest"
   },
```
After that, I created a test.js file for each of the javascript files that needed to test in the same folder of the javascript file. For example,
```
cli.js => cli.test.js
```

Finally, I created a testing plan for the test plan.
First of all, I created a testing plan for all the possible user inputs. I was quite impressed while I am creating the test cases. This is because, previously, I tested manually all the features that I added to the program and all the edge cases. And I need to test again most of the features if I add a feature, just in case if the added feature can affect other existing functions. 

After that, I created unit test cases for converting from the text and markdown file to HTML files. It was also impressive because to test the single function I need to debug with the IDE that I am using or I put the console.log to make sure it runs properly. But as these unit test cases that I create will test all the needed functions, I think it will save lots of my time. 

As creating testing plan, save lots of my manual testing time. From now on, I think I am going to use this framework to test the features of the program that I will create.
Raising Kids
Tags: discuss, growth, personal, improvement
Published: 2022-01-14 07:50:53

---
title: Raising Kids
published: true
description: Quantity of time, and options
tags: discuss, growth, personal, improvement
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ozpfen0cnqknmcs3r4j8.jpg
---

_Originally published on [my blog](https://www.nikola-breznjak.com/blog/daily-thoughts/raising-kids/)._

> Besides your undivided attention when you're with them, and above else the actual quantity of time that you're with them, what you should give to your children is options to explore what they're good at, and then teach them the power of discipline to stick to that one thing.

---

This is [why I write](https://www.nikola-breznjak.com/blog/daily-thoughts/why-do-i-write-these-daily-thoughts-posts/) these 'daily thoughts' posts.
filterd: AI-based Image Moderation for Everyday Websites
Tags: atlashackathon, mongodb
Published: 2022-01-14 07:50:47

---
title: filterd: AI-based Image Moderation for Everyday Websites
published: true
description: My submission to the MongoDB Atlas Hackathon on DEV!
tags: atlashackathon, mongodb
---

[Instructions]: # (To submit to the MongoDB Atlas Hackathon on DEV, please fill out all sections.)


### Overview of My Submission
filterd is a concept of a company that offers an API to help detect and tag potentially offensive content in images, using AI.

A sample use case would be to automate content moderation on blogs / forums / others websites where end-users are allowed to put up images.

The submission includes customer sign-up, authentication, API key issuance, and an API endpoint for annotating customers' images.

On annotating an image with the API, the customer gets a "suggestion" to express accept or decline posting the image on their website. If the analysis is inconclusive, they're nudged to manually review the image.

All data is stored in MongoDB Atlas.


### Submission Category: 

Choose Your Own Adventure


### Link to Code

{% github https://github.com/opeadeyomoye/filterd %}


### Additional Resources / Info
The project uses [Cloud Vision](https://cloud.google.com/vision), MongoDB Atlas and a PHP backend.


### Screenshots
![Header](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zq382kews545rput3vuo.png)

![Pricing section](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sx4jp86sb00x564dq9r4.png)

![Login page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lyr1cv73mre1dx0mt19v.png)

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

![Documentation page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pfqjs1t2zffxxelumhyg.png)

![Sample API call](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oq2v9s24e03bewfert2a.png)
Blockchain testing - a mindmap
Tags: blockchain, testing
Published: 2022-01-14 07:45:03

In my previous blog post, I shared a useful information on [what does it mean to "test a blockchain"](https://dev.to/al8xr/what-does-it-mean-to-test-a-blockchain-and-which-knowledge-do-you-need-for-it-2gla). 

Today, I want to present a mind map of knowledge you need to learn in order to test blockchain and blockchain-based applications effectively. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z2ll1nwp6fsb2ctd8rf9.png)

Feel free to suggest things that I may miss in this map.
How docker help us to solve a certificate ssl issue
Tags: performance, docker, ssl
Published: 2022-01-14 07:43:42

First post of the year on my blog.

In this first post i want to share a technical issue that append on a project.

This post has three goals:

- First go deeper in the subject to clearly understand what's happen and avoid this type of issue in the future.
- To make a remind on that subject and share our solution. 
- Show how to resolve a production problem in a smart way

[link to the blog](https://fredlagage.fr/certificat-ssl/)



Thanks
Wednesday Links - Edition 2022-01-12
Tags: java, jvm, spring, programming
Published: 2022-01-12 14:05:14


How Object Reuse Can Reduce Latency and Improve Performance (9 min)♻️
http://minborgsjavapot.blogspot.com/2022/01/java-how-object-reuse-can-reduce.html

Useful & Unknown Java Features (7 min)👽
https://piotrminkowski.com/2022/01/05/useful-unknown-java-features

Datafaker, an alternative to Production Data (2 min)📟
https://jworks.io/datafaker-an-alternative-to-production-data/

Life is to short to use dated cli tools that suck (1 min)🖥️
https://twitter.com/amilajack/status/1479328649820000256

A tentative comparison of fault tolerance libraries on the JVM (4 min)🪅
https://blog.frankel.ch/comparison-fault-tolerance-libraries/

Differentiable Programming in Kotlin (37 min)🌳
https://www.infoq.com/presentations/differentiable-framework-kotlin

Introducing Spring Integration Groovy DSL (2 min)↔️
https://spring.io/blog/2022/01/06/introducing-spring-integration-groovy-dsl

Improving Micrometer’s Build with Gradle Enterprise (4 min)🩺
https://gradle.com/blog/improving-micrometers-build-with-gradle-enterprise/

Modularity and Performance (3 min)📦
https://blog.thecodewhisperer.com/permalink/modularity-and-performance

Tracing with Spring Boot, OpenTelemetry, and Jaeger (12 min)🔎
https://reflectoring.io/spring-boot-tracing/

Spring Framework CVE-2021-22060 has been published (1 min)👮
https://spring.io/blog/2022/01/05/spring-framework-cve-2021-22060-has-been-published
Lotus Notes to Outlook Converter Tool - Weeom Solution
Tags: lotusnotestooutlookconverter
Published: 2022-01-14 07:36:06

This short post refers you to the best to convert Lotus Notes to Outlook. Lotus Notes to Outlook Converter by Weeom automates the Lotus Notes to Outlook conversion.

Weeom [Lotus Notes to Outlook Converter](https://www.weeom.com/lotus-notes-to-outlook.php) contains advanced algorithms in which you will get a simple GUI and many enhanced features to convert NSF to PST at once in a flawless manner.

- This quick tool allows adding any number of Lotus Notes mailboxes of any size to convert Lotus Notes to Outlook without compromising data.

- 
Allows preview of source NSF items before saving them to PST files.

- 
Folder mapping and Email translation facility while migrating Lotus Notes to Outlook.

- 
Apart from PST, this tool saves NSF data to EML & MSG files.

- 
You can try a demo version in which you will learn all about the performance of this Lotus Notes to Outlook converter by processing the first fifty items per folder.

For more details, visit:- https://www.weeom.com/lotus-notes-to-outlook.php
Generate a resignation letter in a few steps 😀
Tags: atlashackathon, nextjs, mongodb
Published: 2022-01-14 07:35:12

[Instructions]: # (To submit to the MongoDB Atlas Hackathon on DEV, please fill out all sections.)


### Overview of My Submission
I've been seeing lotsa talk about the great resignation so I created a Resignation Letter generator 😁
You pretty much just enter a few details and the letter is generated right in front your eyes. There are over 15 templates available and you can generate a shareable link as well!
I tried out the [MongoDB Data API](https://docs.atlas.mongodb.com/api/data-api/). It made it pretty uncomplicated to insert and retrieve documents via API calls. All that's needed is the API key (of course). They provide excellent documentation and code samples for a few languages (I used Node.js). I'll definitely be using it going forward for the times when I might not want to install the NPM package.
[Note]: # (Please make sure the project links to the appropriate GitHub repository, and includes the [Apache-2 permissive license](https://www.apache.org/licenses/LICENSE-2.0)  and README.)


### Submission Category: 
Choose-Your-Own-Adventure
[Note]: # (E-Commerce Creation, Prime Time, Action Star, Automation Innovation, or Choose Your Own Adventure)


### Link to Code
[Github Link](https://github.com/perplexedyawdie/resignator)
[Note]: # (Our markdown editor supports pretty embeds. Try this syntax: `{% github link_to_your_repo %}` to share a GitHub repository)


### Additional Resources / Info
I used the following tools when building the web app:

- [Next.js](https://nextjs.org/)
- [Theme-UI, it made setting up the layout super straightforward 💯](https://theme-ui.com/)

## Link to Resignator
[Resignator](https://www.resignator.xyz/)
[Resignator - Vercel](https://resignator.vercel.app/)
## Demo Video
[Demo](https://youtu.be/PCMzfPSGbF8)
## Screenshots

![Landing Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9lpkmq71z07cbqrafuhg.png)

![Letter Generator section](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qkocydqo0q6b551a9dh5.png)