teleren/devto huggingface dataset:
Insertion Sort Algorithm - Algorithm Design and Analysis
Tags: javascript, webdev, algorithms, computerscience
Published: 2020-04-30 07:43:18

Algorithms are the core of computer science! In this series, Algorithm Design and Analysis, we'll break down common sorting algorithms, data structures and other concepts in computer science. This video will break down the insertion sort sorting algorithm and implement it in JavaScript.

I upload videos like this one as well as live stream coding session on my [YouTube channel](https://www.youtube.com/channel/UCZxtkm5msn0r1etbzvGZx5A).

---

To keep up with everything I’m doing, follow me on [Twitter](https://twitter.com/MichaelSolati) and [dev.to](https://dev.to/michaelsolati). If you’re thinking, _“Show me the code!”_ you can find me on [GitHub](https://github.com/MichaelSolati).
Debouncing
Tags: html, javascript, css, webdev
Published: 2020-04-30 07:23:40

Debouncing is the most common interview question that is asked when applying for a Front-End developer position.

Why is it the hot favorite question?
Most of the companies have a search bar feature that allows the user to search for the products.
And when the user searches for a particular product, for each keystroke it will call the rest API and get the results. This will cause a lot of performance issues as there will be a lot of API calls and also change the DOM structure on each response from the API call.
So how do we handle this performance issue? This is where debouncing comes into the picture.

What is debouncing?
In layman terms, "Wait until the function hasn't been called for some time period." This prevents multiple API calls, simple yet effective performance improvement for the website.

{% codepen https://codepen.io/SashyCashy-1477188903/pen/pojWREe %}

```javascript
let counter = 0;

const incrementCounter = () => {
   console.log(`Counter increased by :${counter++}`);
}

const debounce = (fn, delay) => {
  let timer;
  return () => {
    clearTimeout(timer);
    timer = setTimeout(() => {
      fn();
    }, delay);
  };
};

const debounceProductSearch = debounce(incrementCounter, 1000);
debounceProductSearch()
```
Whatsapp Butler
Tags: twiliohackathon
Published: 2020-04-30 07:16:52

---
title: Whatsapp Butler
published: true
description: My submission to the Twilio x DEV Hackathon!
tags: twiliohackathon
---



## What I built
It's a digital butler which would fulfill your day to day needs. Currently, it is intelligent enough to provide you with the latest news of the day. This feature will be improvised and will be expanded in the coming days. 


## Demo Link
https://drive.google.com/open?id=1Scixs2mvi9zq9OAD9_xi7hX8Q53dcQwa

## Link to Code
https://github.com/ishmeet1995/Twilio-Submission

## How I built it (what's the stack? did I run into issues or discover something new along the way?)
I built it using Twilio's Whatsapp API and Newapi (for gathering news). We can host this on Heroku to ensure a continuous service.
Reading Snippets [56 => Objects] 🎁
Tags: javascript, oop, codenewbie, beginners
Published: 2020-04-30 07:04:38


Objects declared with const can still be muted but they cannot be reassigned. This means that we can add new properties and change the properties of objects declared with const. 


<kbd><small><a href="https://www.codecademy.com/courses/introduction-to-javascript/lessons/objects/exercises/add-property">Codecademy: JavaScript Course</a></small></kbd>
The Lies of "===" operator
Tags: javascript, beginners
Published: 2020-04-30 06:54:55

---
title: The Lies of "===" operator
published: true
description: The two lies
tags: javascript, beginners
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/7kw8v4knkkw7xdefdq9m.jpg
---
It is funny to know that there is two occasions where **===** returns a lying result.
The first is:
```0 === -0 // True```
To avoid this is useful to use **Object.is()**
```Object.is(0, -0) // False```
The second is:
```NaN === NaN // false```
To avoid this is useful to use **isNaN()**
```Number.isNaN(NaN) // True```
[More about comparison operators MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators)
Working from home - yay or nay?
Tags: discuss, homeoffice, covid, developer
Published: 2020-04-30 06:38:34

How was your home office experience until now? In Germany we've been doing it for almost two months - maybe more, maybe less, who knows, what day or year is it anyway?! 

On the downside, besides missing the social interaction, I forget to take breaks and I end up working more than I would work in the office. Consequently, I don't eat or exercise enough. On the bright side, I get to spend more time with my doggo and I can take naps.

How are your days going and what do you like or dislike about this whole situation?
Coders, Software Engineers Find Work with Right Skills 
Tags: coders, softwareengineer, darrenhuston
Published: 2020-04-30 06:33:51

While the national economy has plummeted with over 22 million Americans filing for unemployment, certain job markets are still hiring. Software engineers and programmers are in demand, especially in Silicon Valley. During this time of national quarantine, now might be a good time to learn a new software language or brush up on your coding skills.

High-tech Silicon Valley favorites such as Facebook, Amazon, Google and Apple are looking to hire thousands of software-skilled professionals, according to job listings on CareerBuilder, Linkedin and specific company sites. Job positions are open engineers, data scientists, software designers, and cybersecurity experts. In general, the next most popular listings are for specific language software developers and project managers, followed by systems engineers and IT help desk specialists.

Required skill sets vary greatly but a quick look at your favorite job listing site reveals a host of positions related to software engineering, programming and coding. Many jobs require knowledge of frontends, like UIs, and backend systems, like databases, as well as APIs and other interfaces. Experience with cloud-based infrastructures like MS-Azure, AWS, Google, Oracle, IBM and others are also pre-requisites to landing a job.

Read More: https://www.designnews.com/design-hardware-software/coders-software-engineers-find-work-right-skills/111929773962868
FREE Sentiment Analysis ✌🏼 REST API for the community 🙏🏻
Tags: python, machinelearning, showdev, webdev
Published: 2020-04-30 06:33:22

I've created a sentiment analysis REST API for the community ... Have a look

Link : https://sentim-api.herokuapp.com

# How to use

Just send a POST request to

```
https://sentim-api.herokuapp.com/api/v1/
```
with headers of
```js
Accept: "application/json", 
"Content-Type": "application/json"
```
and body
```js
{ 
    "text": "Your text here"
}
```

And you'll get response like this:

```json
{
  "result": {
    "polarity": 0.11,
    "type": "positive"
  },
  "sentences": [
    {
      "sentence": "We have been through much darker times than these, and somehow each generation of Americans carried us through to the other side,\" he said.",
      "sentiment": {
        "polarity": 0.04,
        "type": "positive"
      }
    },
    {
      "sentence": "\"Not by sitting around and waiting for something to happen, not by leaving it to others to do something, but by leading that movement for change themselves.",
      "sentiment": {
        "polarity": 0,
        "type": "neutral"
      }
    },
    {
      "sentence": "And if you do that, if you get involved, and you get engaged, and you knock on some doors, and you talk with your friends, and you argue with your family members, and you change some minds, and you vote, something powerful happens.",
      "sentiment": {
        "polarity": 0.3,
        "type": "positive"
      }
    }
  ]
}
```

Enjoy 😎😎😎😎
Software innovations makes F-16 more capable
Tags: softwareinnovation, darrenhuston
Published: 2020-04-30 06:24:55

The F-16 Operational Flight Program M-series 7.2+ was released in April 2020 to more than 600 Block 40/42/50/52 F-16s delivering a wide range of new capabilities to the Fighting Falcon.   
 
The $455 million program fielded major capability upgrades such as the Active Electronically Scanned Array Radar (NORTHCOM’s number one priority Joint Urgent Operational Need), integration with the Joint Air-to-Surface Standoff Missile-Extended Range as well as the latest Advanced Medium-Range Air-to-Air Missile, an Integrated Communication Suite, and 42 other modernization enhancements. 

Altogether, the upgrades bring reduced pilot workload, enhanced close air support weapons accuracy, increased lethality, and improved projected mission effectiveness rates, according to Capt. Justin R. Marsh, F-16 OFP Lead Engineer.

The F-16 System Program Office, located at both Hill AFB, Utah, and Wright-Patterson AFB, Ohio, is responsible for development and sustainment of capabilities throughout the lifecycle of the aircraft.  The F-16 SPO, the 309th Software Engineering Group, the OFP Combined Test Force including the Air Force Test Center Developmental Test, 53rd Wing Operational Test, and the Air National Guard Air Force Reserve Test Center are partnered to develop and field software capability upgrades.

OFP M7.2+ development encompassed over 300 personnel at 7 locations. The 100 percent organic, in-house development met all requirements while also increasing the reliability of the F-16s Modular Mission Computer.  In the midst of the COVID-19 pandemic, the logisticians at Hill AFB were able to safely overcome restrictions through the combined use of remote telework, plus mission essential use of base facilities and were able to complete all documentation to release the upgrade to the field.

Read More @ https://www.aerotechnews.com/blog/2020/04/29/software-innovations-makes-f-16-more-capable/
Placeholder title
Tags: twiliohackathon
Published: 2020-04-30 06:08:15

[Comment]: # (All of this is placeholder text. Use this format or any other format of your choosing to best describe your project.)

[Reminder]: # (Make sure you've submitted the Twilio CodeExchange agreement: https://ahoy.twilio.com/code-exchange-community)

[Important]: # (By making a submission, you agree to the competition's terms: https://www.twilio.com/legal/twilio-dev-hackathon-terms)


## What I built
#### Category Submission: 


## Demo Link
 

## Link to Code


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


## Additional Resources/Info
Vue native app starter - Starter app created using vue-native
Published: 2020-04-30 06:08:04

Hello everyone,

I hope everyone is safe!

Have a look at Vue native app starter - Starter app created using vue-native.

I have also enabled sponsorship on my Github. If you find my starter app helpful in any way, please sponsor me on GitHub, minimum you can sponsor $1/month but that will make my day. Every small contribution can make my day and boost me for making more and more open-source projects.

Github sponsor profile link - https://github.com/sponsors/mayur091193

Vue native starter app - https://github.com/mayur091193/vue-native-app-starter

Thanks a lot!
GitHub PR Reviews via Fax
Tags: twiliohackathon
Published: 2020-04-30 06:06:56

---
title: GitHub PR Reviews via Fax
published: true
description: My submission to the Twilio x DEV Hackathon!
tags: twiliohackathon
---

## What I built 
An integration that allows reviewing and commenting on a GitHub Pull Request via Fax

#### Category Submission: 
COVID-19 Communications, Interesting Integrations, Exciting X-Factors

## Demo Link
{% vimeo 413450595 %}

## Link to Code
{% github amykapernick/github_fax_pr %} 

## How I built it (what's the stack? did I run into issues or discover something new along the way?)
Built on Express using Node JS, using the Twilio Fax API, Microsoft's Cognitive Services Computer Vision API and GitHub's API

When a pull request is opened on GitHub, it triggers a webhook to fire. That webhook generates a PDF with information about the PR and sends it via fax.

Comments can be written on the fax, and faxed back, which when received, sends the fax PDF to Microsoft's Cognitive Services Computer Vision to read the text in the PDF. Using the information taken from the fax, a comment is added to the pull request on GitHub.


## Additional Resources/Info 
Built on Twitch stream over a few different sessions
<https://www.twitch.tv/videos/604972244>
<https://www.twitch.tv/videos/605863096>
<https://www.twitch.tv/videos/606613991>

Live Demo also available on request (not hosted, running locally on my computer, but can be set up to demo)
Quasar Shopping - A free and beautiful eCommerce UI template written in Vue.js/Quasar
Published: 2020-04-30 06:06:08

I've made an open-source shopping website template using the Quasar framework.

Please have a look! Feedback will make my day!

Don't forget to have a look at my sponsor page(link in end) - :)

https://quasar-shopping.netlify.com/

https://github.com/mayur091193/quasar-shopping

https://github.com/sponsors/mayur091193
Turbo Tabs - Chrome New Tab Extension made with Quasar Framework
Published: 2020-04-30 06:03:13

Hello everyone!

I've made Turbo Tabs - Chrome New Tab Extension using the Quasar framework. Any feedback/suggestions/new feature requests can make my day!

Don't forget to have a look at my sponsor page(link in end) - :)

https://github.com/mayur091193/turbo-tabs

https://chrome.google.com/webstore/detail/pfagelipodlapancgiiolcjafdbmjoob

https://github.com/sponsors/mayur091193
Pro Tip: Use a screen recorder to debug DOM mutations
Tags: html, javascript, webdev
Published: 2020-04-30 05:13:57

---
title: Pro Tip: Use a screen recorder to debug DOM mutations
published: true
description: Using a screen recorder can help you easily debug DOM mutations.
tags: html, javascript, webdev
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/ussaaa8wuygb2vupsprj.gif
---

These days as web developers we have a plethora of various tools to help us debug. Everything from network to memory to performance issues can debugged from DevTools. But there is one thing that there doesn't seem to be a tool for (at least that I know of); a DOM mutations timeline.

When you're dealing with a fair number of DOM mutations (think transitioning of elements) there can be a lot going on - too much for the eye to catch on its own. Sure you could stare at inspect and repeat the action over and over again to try and catch it... or you could make a screen recording and then scrub through the video 😉

Personally I use Quicktime (perhaps someone can suggest a good app for Windows in the comments). It comes free with Mac and has everything I need to select an area of my screen to record. Just launch Quicktime and select  File > New Screen Recording to get started - simple.

![Example of screen capture gif](https://dev-to-uploads.s3.amazonaws.com/i/ussaaa8wuygb2vupsprj.gif)

Above I'm using this technique to debug a z-index stacking order issue when new cards are added to the stack.

So there you go, another tool to add to your debugging toolbelt.

As always,
Happy coding! 🤓
Project Submission: cchat
Tags: twiliohackathon
Published: 2020-04-30 04:31:35

[Comment]: # (All of this is placeholder text. Use this format or any other format of your choosing to best describe your project.)

[Reminder]: # (Make sure you've submitted the Twilio CodeExchange agreement: https://ahoy.twilio.com/code-exchange-community)

[Important]: # (By making a submission, you agree to the competition's terms: https://www.twilio.com/legal/twilio-dev-hackathon-terms)


## What I built
A terminal based chat application using twilio's programmable chat api. I also added some extra features like 2FA for registration using the Authy api and text messaging using the sms api.

## Demo Link
Since this is a terminal based app, you'll have to run it locally.

## Link to Code
{% github wangonya/cchat %}

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

I built it with Python, using [prompt-toolkit](https://github.com/prompt-toolkit/python-prompt-toolkit). At first I had used [Click](https://click.palletsprojects.com/en/7.x/) since it's what I was most familiar with, but I later figured out it wouldn't work out if I wanted to achieve a full interface.

I integrated the chat api with the sms api and authy to achieve the functionality.

The key thing I learned was multi-threading with Python. This is a feature I had never used before but I had to learn about it to have the server running and listening for connections from the webhook in the background and still keep the chat interface functional in the foreground without blocking.

As for issues, my laptop died along the way so I went like a week without making progress. I would have done a bit more if it weren't for this but oh well 🤷🏽‍♂️. 


## Additional Resources/Info

This app has only been tested in unix terminals (linux & mac). I don't have access to a windows machine so I was not able to test it for windows.

You cannot run two sessions of this app at the same time because the port 8000 will already be in use. 
To test out chatting between different users, you can set up one of the [starter apps](https://www.twilio.com/docs/chat/javascript/quickstart#download-configure-and-run-the-starter-app) with the same credentials in the `.env` so that the app is connected to the same service. 

Below is an example of a chat session between two web clients and the terminal client.

![chat](https://i.ibb.co/nLNKT4t/chat.gif)
How to implement backpropagation from scratch in python without any libraries?
Tags: machinelearning, deeplearning, neuralnetwork, python
Published: 2020-04-30 04:29:37

I am a newbie at deep learning. I came so watching many tutorials, reading some articles on implementing neural networks with hidden layers. But all the tutorials seem to TensorFlow, Pytorch, or something else. I have a concept of SGD,MB SGD,  chain rule, linear algebra. I know how to calculate the gradients for the hidden layer and how to update the weights. But I could not be able to implement it in my own code.
SVG cute kids characters for your creative projects
Tags: graphic, clipart, ui, svg
Published: 2020-04-30 04:25:46

Hello!! We are here to introduce our site https://kidaha.com/ which is the place that you can download alot of premium graphics, kid graphics, character graphics come with SVG and png files. You can use them for your creative projects.
By the way, there are alot of freebie clip arts files for kids and teachers you can download here : https://kidaha.com/freebie/
What I learned from using Svelte to create basic note taking app.
Tags: svelte, learning, web
Published: 2020-04-30 04:18:24

*The code is store on [this repo](https://github.com/pontakornth/svelte-note)*
*This is not production ready. It's not even linted.*


I heard about Svelte that it is simple and good. So I decided to go through the tutorial and created a simple project base on knowledge I have. These are what I learned


# Svelte is easy to setup.

There are official [Webpack](https://github.com/sveltejs/template-webpack) and [Rollup](https://github.com/sveltejs/template) template. However, I used community created [Parcel plugin](https://github.com/DeMoorJasper/parcel-plugin-svelte) as I am more familiar with Parcel.

# Single file component is easy to pickup.

I find that Svelte is easy to learn especially when you use Vue or Nuxt before. There is no need to declare a component. You can just declare a variable and used in template. This is convenient. You might still have to get used to label syntax and dollar sign for store.

Condition and loop are represented by its block so it's similar to how you write other program

```svelte
<ol>
{#each pages as page (page.id)}
 <li>{page.name}</li>
{/each}
</ol>
```

# Svelte syntax may cause false positive error in linting.

I didn't lint the code this time but my VSCode validation report unused label and values even it's used in template. Store is used with dollar sign so it can trigger false positive on some linting program. You might want to use dedicated plugin for Svelte.


# Reactivity may need additional work.

Svelte's reactivity has a problem dealing with array and object update. If you use other methods than assignment, you need to [reassign variable to itself](https://svelte.dev/tutorial/updating-arrays-and-objects). It can lead to redundant code.


This is my first time using Svelte. There are more things I need to learn. I don't know if I am going to use Svelte in next project but this is one of the tool I considered. Thanks for reading. Feel free to comment anything.
Day 6 of #100DaysOfCode: Deploy Django application to Heroku and migrate PostgreSQL
Tags: 100daysofcode, heroku, django, postgres
Published: 2020-04-30 04:16:57

## Introduction
The disadvantage for free user is that the application sleeps ever 30 minutes. However, it’s good enough for us to learn or build the prototype. 

I usually deploy applications on Heroku when I learn languages for building server like Flask or Django.

## Details
Please refer to my article. The article is the note for deploying Django application with PostgreSQL. It includes following topics.
1. Create a PostgreSQL instance on Heroku
2. Create Procfile in the application
3. Modify settings.py in the application
4. Migrate the database from Heroku cli
5. Seed data to the remote database from Heroku cli
6. Create a administrator for Django admin from Heroku cli

https://medium.com/a-layman/deploy-django-application-to-heroku-and-migrate-postgresql-36615b5f19cc


## Articles
There are some of my articles. Feel free to check if you like! 
* My blog-posts for software developing: https://medium.com/a-layman
* My web resume: https://jenhsuan.github.io/ALayman/cover.html
* Facebook page: https://www.facebook.com/imalayman