teleren/devto huggingface dataset:
Web Components 
Published: 2020-04-05 18:50:31

Web Components are web platforms that allow you to copy them and reuse them all throughout your webpage. This means that you save time because you don't have to rewrite the code that you already have written previously. This is great if your webpage follows the same theme throughout its entirety. In order to see web components, you have to right-click and then inspect the page. Web Components can take many different forms.

The main types of web components are Custom Elements, Shadow DOM, ES Modules and HTML templates. ES modules are specifically for javascript and the rest usually work the best for HTML. Some webpages are harder to spot than others. For example. Youtube is easy to spot because all of the lines began with "yt" followed by the web components. On the other hand, a government website like FAFSA uses divs to hide their web components so the can't be copied and used in another source.

All in all, web components were created so that your webpage can be cohesive and follow with that same style if that is what you choose to do. They make it so you do not have to rewrite the same code over and over again. Lastly, web components can be saved so that when a small site has to grow into a larger one due to business growth. This way they can be easily implemented so the website can become larger and handle more traffic/content. Please watch my video below to understand more.

Youtube Video: https://www.youtube.com/watch?v=2PQe17c3t88&feature=youtu.be
10 Best Free Website Builders in 2020
Tags: freewebsitebuilders, 10bestfree, websitebuildersin2020
Published: 2020-04-05 18:43:09

10 Best Free Website Builders in 2020


This guide is for anyone who wants to create a free website but doesn’t know which website builder to pick. You might be thinking that a free website builder sounds too good to be true. We thought so too, once upon a time – but there’s actually some real quality out there.

We’ve sorted the good from the bad using our own independent research. We also get people like you to test each free website maker and give us their feedback, which we use to rate each platform on factors like ease of use and template design.

Plus, we’re always sure to look at the ‘price’ you pay for these free website builders in the form of a trade-off. Whether it’s garish advertising, a messy-looking domain name, or restricted storage, we’ll cover each free plan’s ‘cons’ in plenty of detail so you can make an informed decision.

10 Best Free Website Builders
Based on our research, the best free websites are made with:

1.Wix – Best All-Around Website Builder.
2.Weebly – Ideal for Small Businesses. 
3.SITE123 – Great Design Assistance. 
4.Strikingly – Made for Simple Websites. 
5.Jimdo – Small Online Store Builder. 
6.WordPress.com – Perfect for Blogging. 
7.IM Creator – Great for White Label Businesses. 
8.Webnode – Quick and Easy Setup. 
9.Mozello – Create Simple Multilingual Sites.ew
10.SimpleSite – Great Mobile Editor. 

Of these free website makers, we’ve ranked Wix, Weebly and SITE123, as the top three because of a few important factors. Wix has a very generous free plan, which is super easy to use – it combines creative freedom with tons of features. Weebly’s simple, stylish designs and handy tools make it ideal for small businesses. SITE123 is very beginner-friendly, with a focus on helping you get online.

By the end of this guide, you’ll have a much clearer idea of what makes a good free website builder, which are the best platforms to use and how to choose the right one for you.

For more knowledge visit our site: <a href="https://wegyani.com/computer-ka-full-form/">Wegyani- worldwide knowledge Proudly in Hindi</a>

Thank you
programming life
Tags: javascript, css, webdev, beginners
Published: 2020-04-05 18:10:49

---
title: programming life
published: True
description: 
tags: #javascript,#css,#webdev,#beginners
 
---
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/90vlr2p4las6ntiuglv5.jpg)
Load balancing algorithms
Tags: loadbalancing, algorithms, distributedsystems, sre
Published: 2020-04-05 18:09:51

Hey folks,
I just published a video on a few load balancing algorithms and their use cases. Do check it out on my youtube channel: https://youtu.be/nW4SVs-DAFE

If you like such kind of content please do consider subscribing to the channel.

Stay safe at home!
~ Adi
India's Extraordinary Experiment against Coronavirus by lights off: Power Grid Issues
Published: 2020-04-05 17:59:14

India's Prime Minister Narendra Modi’s nine-minute “lights off” call to show solidarity in the fight against coronavirus received an overwhelming response at 9 pm on April 5.

Apart from Germany, Australia and Japan, countries like Afghanistan, Nepal, Bhutan, Bangladesh, Maldives, Vietnam, Israel, Tunisia and Mexico joined in the 9 pm 9 minute campaign.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/sdyn6a0w6853yva91uvw.jpg)
It was a wonderful experience as Indian today for me. It's like Diwali ( A festival of Hindusin India) re-celebrated today.But it was call of our Prime Minister to every citizen to show solidarity in the fight against coronavirus.

Also, He said: "No one is alone in this Fight".

But there was a technical hitch. Experts said decreasing power generation to cope with the nationwide nine-minute shutdown and raising it within such short period of time will be a challenging task for grid operator and threatens its stability.

Our National Electric Grid due to sudden down fall in demand was expected to fail. Generally, our Grid System can swing between 5-8 % from norm but this blackout activity may lead to 10-12% differ from norm and leading to complete Grid Failure. 

“As it is the electricity demand in the country has crashed due lockdown and the grid is balancing excess generation with low demand. If not blackouts, the announcement can lead to anxiety among grid authorities in these challenging times,” a former bureaucrat said.

*How authorities managed to save National Electricity Grid from Failing?*

1. They did not allow all power substations to switch off together. Instead, they put a plan and each power station stopped electricity supply one after another. This kept Grid away from sudden demand blackout.

2. They advised citizens to switch off lights at different intervals before and after 9.00 to 9.09 pm.

3. The domestic lighting load is much less than 20 percent. Such kind of sudden reduction in demand can be fatal to our National Electric Grid. So, We only switched off Lights not our AC, Fans, etc keeping it more comfortable for our engineers. 

4.the lights in Hospitals and all other essential services like Public Utilities, Municipal Services, Offices, Police Stations, Manufacturing Facilities, etc will remain on. The call given by Hon'ble PM is to just switch off lights in residences.

This experiment of to show 'unity' to Fight against Cornavirus was not possible if public was not aware of the technical hitches of the grid and their responsibility to keep it healthy.

Check images at google for Diwali and India lights off for 9 minutes.

Guys, If you're quarantined or have time to join a open source project on Human Race Health (OSINT-HRH) Please let me know at manishfoodtechs@gmail.com

A raw wiki is here:
https://github.com/Manishfoodtechs/OSINTHRH/wiki
Maintaining your website
Tags: security, webdev
Published: 2020-04-05 17:56:52

![Results of NPM audit](https://parallel45.io/static/npm-audit-03b2c5af6de31c87fd9f9ace0cbb87e7.png "Results of NPM audit")

Once a website is ready and online, it might be tempting to simply let it be. The website serves its purpose and is updated from time to time. Nice and easy.

However, the problem of a website is that it can not be left alone once it’s online. Why? Well, unfortunately, there are people on the internet who spend a lot of time and resources to find vulnerabilities and exploit them. No website is perfectly safe and it’s a matter of time before a weakness becomes public. Once an entryway is found into your website, then all your sensitive data is exposed.

Customer email addresses, purchases, and other personally identifiable information (PII)… Once a hacker has found their way in, they will not stop at your website. The data might be sold on the black market and used to create bank accounts or make online purchases, making your customers vulnerable to identity theft.

So, when you update your website, you’re not just doing housekeeping. You’re helping protecting your customers!
Day 005 of #100DaysOfDesign
Tags: 100daysofdesign, webdev, design
Published: 2020-04-05 17:36:26

On the 5th day of my challenge, I am focusing to learn HTML5's Drag and Drop API. I had an idea to create website where one can order different JS frameworks as they wish. This is a very simple website which focuses on one learning objective.

I started designing the website by adding some fun element in background to make it more interesting. After few google search, I ended up using JavaScript Logo.

After that, I started working on the frameworks list. I put VueJS at the top because I love its simplicity! I am not making any statement that VueJS is best, It's just my own preference. I added light background color from each framework's logo. This helped to bring color and charater to the website.

When I was working on about page, I found that it was not looking very interesting as it did not had any interesting elements in the page. That's why I decided to go with a list of framework's logo. I am planning to convert these logos into links during development process and link them to their official website.

_Feel free to drop a comment if you have any feedback regarding design in Figma or below this post._

**Design on Figma:** https://www.figma.com/file/vec0lCMGthvdozzTPiFk8Y/005-Rank-JS-Frameworks?node-id=0%3A1

**Plan for Day 006:** Design mobile version of websites (from Day 001 to 006)
Is your boss spying on you? and more - This Geek in Review for 3 Apr 2020
Tags: geek
Published: 2020-04-05 15:30:54

![](https://ryancollins.org/wp-content/uploads/2020/04/looking-through-window-1-480x320.jpg)

I'm sorry, but if you can't trust your employees when they work at home
then your business has some major issues. [Middle managers everywhere
are scrambling to buy spyware to monitor their employees working at
home](https://www.bloomberg.com/news/features/2020-03-27/bosses-panic-buy-spy-software-to-keep-tabs-on-remote-workers).

Hopefully you'll forgive me for posting a link to TikTok, but this hack
was too good to share. Here's how to make it look like your [paying
attention in your Zoom conferences](https://www.tiktok.com/@zacherycura/video/6803437434785877254).

The repercussions from COVID-19 are more than just economical. With the
closing of the Las Vegas casinos [the food source of 4,000 pigs is now
gone](https://www.fox5vegas.com/coronavirus/farm-scraping-by-to-feed-pigs-without-las-vegas-strip/article_36332c44-6ff2-11ea-a485-079755158304.html).
The farmer is scrambling to find food for his hogs.

One of the most influential companies in modern history was founded 44
years ago, [Apple](https://appleinsider.com/articles/20/04/01/apple-was-founded-44-years-ago-on-april-1-1976).
It's been one heck of a ride. This week I set up my //c+ as a terminal
to use for work.

![](https://ryancollins.org/wp-content/uploads/2020/04/iic2020-04-02-18.29.45-480x360.jpg)

Here's a look at [weird internet careers](https://kottke.org/20/03/weird-internet-careers). My current job didn't exist when I graduated college, so for those out there that don't know what you want to do, find something to do while you wait.

Luckily, I made sure my library card was active before the stay-at-home
orders were released. This allows me to check out books through
Overdrive. If you don't have an active library card, [Archive.org has
lifted their limits on checking out books](https://blog.archive.org/2020/03/24/announcing-a-national-emergency-library-to-provide-digitized-books-to-students-and-the-public/). An Adobe account is required to check out books, and the one I tested downloaded as a scanned book. That means I can't load it on the Kindle, but I can load it on a laptop. I'm not going anywhere, so it's not that big of deal.

The spread of the spring breakers
---------------------------------

I don't know what's scarier, how fast the infected spread across the US,
or the ability to track so many people solely by their smartphone.

{% youtube cq2zuE3ISYU %}

RetroFair2020
-------------

Since the vintage computer fests have been canceled throughout the US,
some intrepid souls have brought it online under the [RetroFair2020
banner](http://www.retrofair2020.com/). Scroll through and watch
delights of computer past. I'm always fascinated by old Unix boxes:

{% youtube QaItM-kiAtE %}
Official Government Communications on WhatsApp.
Tags: twiliohackathon, laravel, php, react
Published: 2020-04-05 17:25:43

[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
I have created a web app that uses the twilio WhatsApp api to communicate with its users on WhatsApp messenger in these tough times of the corona virus pandemic. The user can ask questions and be answered like “Where can I get tested from covid-19?”
The app also sends official communications from the government on vital information like supply of resources and condition of patients.
This solves the problem of miscommunication and wrong information to the people. 

I will also integrate the twitter api so that I can pull tweets from the ministry of health which are most obviously correct information. This is also very helpful since WhatsApp does not have channels to get such first hand information.

## Demo Link
 🔜 Coming soon ..⛔️🚫

## Link to Code
🔜 coming soon .. 🚫

## How I built it (what's the stack? did I run into issues or discover something new along the way?)
- I am using laravel php framework for the backend.
- Twilio WhatsApp API

## Additional Resources/Info
- Twitter API
Getting my hands dirty on Machine Learning Algorithms
Tags: machinelearning, perceptron, classification
Published: 2020-04-05 17:22:23

---
title: Getting my hands dirty on Machine Learning Algorithms
published: true
description: Perceptron Details and limitations
tags: machine-learning, perceptron, classification
---
Today I'm sharing how I implemented Perceptron and the major reasons why it doesn't work for XOR type classification problems. Check out this notebook for details.

https://github.com/rishiraj824/MachineLearningAlgorithms/blob/master/perceptron/perceptron.ipynb
Merge Two Sorted Lists
Tags: javascript, algorithms, interview, career
Published: 2020-04-05 17:17:52

Question: Given two sorted linked lists, merge them! 

eg: 
```javascript 

List 1 : 1 -> 3 -> 5
List 2 : 2 -> 4 -> 6

Merged list: 1 -> 2 -> 3 -> 4 -> 5 -> 6

``` 

If you've solved merge sort before, the approach is similar to that but here we have to play pointers. So let's play with them!

Algorithm : 

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

```javascript 

var mergeTwoLists = function(l1, l2) {
    let dummy = new ListNode(-1);
    let head = dummy;
    while(l1!= null && l2 != null){
        if(l1.val<l2.val){
            head.next = l1;
            l1 = l1.next;
        }else{
            head.next = l2;
            l2 = l2.next;
        }
        head = head.next;
    }
    
    if(l1 != null){
        head.next = l1;
    }
    
    if(l2 != null){
        head.next = l2;
    }
    
    return dummy.next;
};

```

That's it!

github : https://github.com/AKHILP96/Data-Structures-and-Algorithms/blob/master/problems/mergeTwoLinkedList.js
BCD segments display - HELLO
Tags: codepen, css, html, beginners
Published: 2020-04-05 16:52:51

<p>I created a nice BCD display to print out HELLO.</p>

<p>I used the same approach as in BCD display with 8 segments and turning on only the ones we want</p>

{% codepen https://codepen.io/FlorinCornea/pen/VwLJygj %}

<p>Nice and easy Sunday css fun</p>
Managing Application Secrets like a Pro using Google Secret Manager
Tags: programming, googlecloud, springboot, security
Published: 2020-04-05 16:48:25

---
title: Managing Application Secrets like a Pro using Google Secret Manager

published: true
description: Google has announced its secret management solution - Google Secret Manager
tags: programming, googlecloud, springboot, security
cover_image: https://miro.medium.com/max/2000/1*Tspz7ZpoFJvvsoTz3gOaLA.png
---

At the beginning of last year, I wrote an article titled [How to secure and manage secrets using Google Cloud KMS](https://medium.com/@rameshlingappa/securing-managing-secrets-using-google-cloud-kms-3fe08c69f499), explaining how we can use Google Cloud KMS (Key Management System) to encrypt secrets and securely use it in our applications.

I mentioned it is a decent approach because of the lack of support for good secret management solutions within the Google cloud ecosystem. It is kind of, a hacky way to get the job done, because,
- it requires a lot of code setup
- had to keep the encrypted version within version control
- no easy way to manage these secrets (like a console UI)

Finally, there is now an easier & better a solution, Google has announced their secret management solution Google Secret Manager.


Huge shout-out to Google Cloud and their team behind this solution 👏👏👏

> Secret Manager is a secure and convenient storage system for API keys, passwords, certificates, and other sensitive data. Secret Manager provides a central place and a single source of truth to manage access, and audit secrets across Google Cloud.

Let's get our hands dirty…

[Read more...](https://medium.com/swlh/google-cloud-run-service-with-grpc-using-spring-boot-e43daf155752)
From Startup Idea to Interaction Diagram
Tags: tutorial, startup, techtalks, motivation
Published: 2020-04-05 16:36:40

---
title: From Startup Idea to Interaction Diagram
series: Brave Goals Vlog - Startup Goals
published: true
cover_image: "https://dev-to-uploads.s3.amazonaws.com/i/cf5ohbmgm5ne0bwg6zum.jpg"

description:
tags: tutorial, startup, techtalks, motivation
---
How to create an Interaction Diagram and use it to determine how your app idea might work. 

Once you’re at the phase where you’ve completed some thorough vetting of your idea, and you’re ready to invest more time to bringing your idea to life, then it's time to create an Interaction Diagram. 

An Interaction Diagram is a useful tool to navigate the details of your how your app idea might actually work, and its a helpful visual guide to use when explaining your project to others.  <a href="https://www.youtube.com/watch?v=TGEkoAV40Ro" target="_blank">This video</a> will explain how to create an Interaction Diagram that describes what the experience of your app feels like.

<a href="https://www.youtube.com/channel/UCsXxotlXptM7XWLoH1ZEkhw">Brave Goals</a> is a YouTube channel focused on helping you take your idea from concept to an actual product and potential business. 

Even if you're not a technical person, you can bring your tech ideas to life.

<b>Tools referenced in this video</b>
[Omnigraffle](https://www.omnigroup.com/omnigraffle)


I'm Charles, a Product Engineer, and my motivation with this series is to help you along this journey and share what I've learned from 13 years of working as part of teams of talented engineers and designers breathing digital life into what was initial just an idea. 

Also, this is a fun way for me to structure my side-projects in a way that makes each development phase it's own enjoyable mini-project - creating an informative vlog.
Creating SQL Server on Linux with Docker is surprisingly easy!
Tags: sql, database, beginners
Published: 2020-04-05 16:20:38

A few weeks ago, I wanted to test out a problem for SQL Server within a virtual machine, but then I thought: "Why not on Linux? That's what I've been wanting to try for ages and I could do it on Docker which I also wanted to try for ages". I've put it aside thinking that this could take quite some time until I've done it. 

I was wrong. It is surprisingly easy to get a docker image by Microsoft. Since Microsoft already has a tutorial for this, I am just going to point to this tutorial and give more links for this really neat stuff! This small collection of links will make sure that you will see the most important sites you need for this. 

* The first link is a tutorial by Microsoft: https://docs.microsoft.com/en-us/sql/linux/quickstart-install-connect-docker?view=sql-server-ver15&pivots=cs1-bash
* If you prefer to watch a youtube video done by an expert, watch the video by Microsoft Data Platform MVP Grant Fritchey here: https://www.youtube.com/watch?v=nHI3fxoS5kw
* Keep in mind that this docker image runs on Linux, so SQL Server also runs on Linux. While this is possible, it comes with some limitations though: https://docs.microsoft.com/en-us/sql/linux/sql-server-linux-editions-and-components-2019?view=sql-server-ver15#Unsupported
* There is also a FAQ by Microsoft as to questions like licensing etc: https://docs.microsoft.com/en-us/sql/linux/sql-server-linux-faq?view=sql-server-ver15

Have fun!
Corona statistics
Tags: corona, analysis, plot, predict
Published: 2020-04-05 16:05:57

There are many statistics and plots related to the corona-virus. I wanted to have an interactive plot with all countries (or a given subset) so I created this repo:
https://github.com/AckslD/corona_statistics

It uses `plotly` to plot statistics of cases in different countries.

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

I've also started exploring some ways to predict future cases. If anyone would like to contribute or have some ideas, feel free to contact me or open a pull request in the repo. Any contribution is very welcome :heart:
📦 npm Cheat-Sheet [infographic + pdf]
Tags: beginners, npm, node, inthirtyseconds
Published: 2020-04-05 15:58:05

Second one in the series. This time it's on **npm**.

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

📁 [pdf version](https://github.com/godcrampy/cheat-sheets/blob/master/npm/npm-cheatsheet.pdf) of this cheatsheet
🌟 All my cheat-sheets are in this [repo](https://github.com/godcrampy/cheat-sheets/) (Star it!)
🚀 Find me on [Instagram](https://www.instagram.com/godcrampy/) | [Github](github.com/godcrampy)
😄 Have a wonderful day!