teleren/devto huggingface dataset:
What's the difference between TLS 1.2 vs 1.3???
Tags: web, programming, internet, knowledge
Published: 2021-06-22 17:39:02

Most people don't think twice of when they connect to a website. The split second it takes for a (new) website to load, an awesome protocol occurs behind the scene - to make sure that the website that you are requesting to view is who they say they are.
TLS stands for Transport Layer Security, and in my personal opinion, is under appreciated, especially for how widely used it is.
The goal of TLS is to have you (client) and the server, agree to using the same key to encrypt and decrypt any messages sent between you two. This is known as a symmetric key.
How do you agree to the same key? If either the client or the server sends they key over, then anyone eavesdropping can just steal the key and use it. To get the same key to both parties, asymmetrical encryption is used.

In TLS 1.2, the client proposes key exchange algorithms and a symmetric key encryption algorithms, and the server sends back which one it prefers to use. This agreement doesn't exist in TLS 1.3, by _assuming_ that the key exchange is going to be in a certain key exchange method, and therefore doesn't have to go through that round trip. Furthermore, TLS 1.3 depreciated insecure features, such as SHA-1, DES, MD5, AES-CBC (and some more). Another cool thing about TLS 1.3 is that it mandates perfect forward secrecy - meaning that there's an assurance that a session's key will not be compromised even if the secrets used in the session key exchange are compromised.

I'm going to make a future post going into the details of the actual exchange of keys and the math behind it. Stay tuned!
Leaflet - or how to make interactive maps
Published: 2021-06-22 17:38:05

When I'm working with maps with Javascript, a tool that I really like is Leaflet. 

Why? Because it's really easy to start with, and if you want you can do a lot of cool things!

---

# Starting with Leaflet
## Initialization
To start with Leaflet, you just need 3 things :
- **do the imports**
  * import the css and the scripts
- define a div which will contains the map
  * A div block with a width and a height
- Initialize the map

{% codepen https://codepen.io/adaendra-the-decoder/pen/JjWaeQL %}

## Starting to play!
The first thing you can do is add a marker to your map !

```javascript
var marker = L.marker([51.5, -0.09]).addTo(mymap);
```

This little line of code is enough!

{% codepen https://codepen.io/adaendra-the-decoder/pen/KKWxbga %}

Then you can add circles, polygons and popup!

{% codepen https://codepen.io/adaendra-the-decoder/pen/vYxzvmq %}

## Go further
If you are interested, in the Leaflet website there are a lot of tutorials to do more things with the library.

- [Create custom markers](https://leafletjs.com/examples/custom-icons/)
- [Using GeoJSON](https://leafletjs.com/examples/geojson/)
- [Working with Map panes](https://leafletjs.com/examples/map-panes/)
- ...

---

# Why using Leaflet?

First, it's an opensource project! So it's a perfect entry for some POCs or first projects!

Second, the library offers a lot of functionalities with are enough for a lot of projects.

Then, it's an opensource project! So if you are looking for some specific functionalities, you can develop it and share with the community!

---

# Links
- Leaflet 
   - website : https://leafletjs.com/examples/quick-start/
   - github : https://github.com/Leaflet/Leaflet
- Tutorials:
   - https://leafletjs.com/examples/quick-start/
   - https://www.youtube.com/watch?v=wVnimcQsuwk
   - https://maptimeboston.github.io/leaflet-intro/
- Leaflet with React : https://react-leaflet.js.org/

--- 

I hope it will help you!

*This post is based on the leaflet website and their tutorial.*
Weird rants of a new Devops + Backend engineer 😤 [22 June 21] 
Tags: devops, todayilearned
Published: 2021-06-22 17:37:27


Welcome to the weird notes of a new DevOps and Backend engineer. This is my (quite open) notebook on what was all the stuff I read and learnt. Not necessarily tech, you can just read on and understand what I am rambling on about.

### [22 June 2021]
## Stuff I learnt 📝
- Opentelemetry logs are painful as fuck. Nothing official in terms of documentation :) I swear to god I feel I will find a good implementation and I will DOCUMENT IT FFS.
- The other night I jotted down a blogpost for traces + opentelemetry + sentry. I hope folks would love it. [Golang, Opentelemetry, and Sentry — The Underrated Distributed Tracing Stack](https://levelup.gitconnected.com/golang-opentelemetry-and-sentry-the-underrated-distributed-tracing-stack-69dcda886ffe)
- Also, fluentd ---> OTEL Collector integration? YOU ARE PAINFUL :) Idk what kubernetes service guide I need to revisit because I am sure af not getting anywhere in this respect.

## Stuff I need to check out tomorrow? 📅
- Get done with one more exam.
- Setup the log system locally and see if it works.
- Upload the rules files.

## Stuff I want to work some day in future. 🔭
- Go through the exporter fix PR in the weekend maybe. Or if time allows tomorrow.

Thanks for listening to the rant.
Uddeshya Singh,
Signing off.
👤 How to Use Psychology to Increase MFA Adoption
Tags: mfa, security
Published: 2021-06-22 17:29:17

#### 🧠 Common cognitive biases may be impacting your MFA adoption rates; here are some ways to counter those impacts.

### <br>

Multi-factor Authentication (MFA) has been shown capable of blocking up to [99.9% of brute force attacks](https://www.zdnet.com/article/microsoft-using-multi-factor-authentication-blocks-99-9-of-account-hacks/). Yet a recent IBM/Ponemon Institute study found that only [36% of responding organizations require it](https://www.ibm.com/security/data-breach). And adoption numbers for the general public aren’t encouraging either, with a report from LastPass finding that only [37% of respondents](https://www.lastpass.com/resources/psychology-of-passwords-2020) use MFA for their work accounts. When you add the finding by Verizon that [80% of data breaches](https://enterprise.verizon.com/resources/reports/dbir/) involves the use of stolen credentials, these numbers beg the question, why?

If MFA has been proven so effective as a defense against data theft and brute force attacks, why are adoption numbers still so low? A common set of issues revolve around what are called cognitive biases. We’re going to look at some of the most common cognitive biases, why they’re so effective at keeping adoption of new security measures down, and how you can turn the tables and work with these same psychological ideas to counter their impact and potentially increase MFA adoption. 

![Cognitive Bias Overview](https://images.ctfassets.net/23aumh6u8s0i/3X31s04spm3rcZHMbsjkli/3d974e2b7075f5c5ffc3cf4c37fe4f89/adaptive-mfa-sep2)

## Cognitive Bias Overview

Before we dive in and look at the ins and outs of cognitive biases, it would be helpful to ensure we’re all on the same page about just what is meant by that phrase. A cognitive bias is a subjective reality that we all create for ourselves, most often based on available information and our own life experiences.

Cognitive biases are often the result of using [heuristics](https://www.behavioraleconomics.com/resources/mini-encyclopedia-of-be/heuristic/), a type of mental shortcut or rule of thumb, to speed decision making amidst uncertainty. People walking through the steps of creating a new account, for example, will know, based on experience, if the process seems to contain too many, or too few, actions. If they don’t find what they expect, they may abandon the process in favor of one that feels like it has a better mix of ease-of-use and security.

With all of that in mind, we turn to a sampling of the cognitive biases that may be impacting the adoption of security features like MFA. We will also address how each cognitive bias has a flip side or a way to approach it that can flip its effect from detrimental to beneficial for your adoption rates. A quick note: more information on each bias/heuristic discussed here can be found on [Decision Lab’s list of cognitive biases](https://thedecisionlab.com/biases/).

[Read more...](https://auth0.com/blog/how-to-use-psychology-to-increase-mfa-adoption/?utm_source=content_synd&utm_medium=sc&utm_campaign=mfa)
Drum Kit from JavaScript30
Published: 2021-06-22 17:07:51

Today I have created a repository in my Github with my solutions from JavaScript30 exercises by Wes Bos.
I'm starting to document my entire process so I can see my own evolution and look for new solutions.
For the moment it has only the first exercise , the "Drum Kit"(first day) , which I found really fun to create. Not boring at all 

[link](https://rs-coding.github.io/JavaScript30-mysolutions/)
JavaScript Data Structures and Algorithms (Graphs, part 3)
Tags: datastructures, javascript, codenewbie, graph
Published: 2021-07-10 20:11:24

---
title: JavaScript Data Structures and Algorithms (Graphs, part 3)
published: true
date: 2021-06-22 16:39:09 UTC
tags: datastructures,javascript,codenewbie,graph
canonical_url: https://medium.com/codex/javascript-data-structures-and-algorithms-graphs-part-3-507c91eff33e
---

[![](https://cdn-images-1.medium.com/max/1920/1*K8Fq3nAhj7dS1DTNNKfaeg.png)](https://medium.com/codex/javascript-data-structures-and-algorithms-graphs-part-3-507c91eff33e?source=rss-be00f566a88f------2)

Hello! If you’re reading this and haven’t checked out parts 1 and 2 of this series of articles about graph data structures, feel free to…

[Continue reading on CodeX »](https://medium.com/codex/javascript-data-structures-and-algorithms-graphs-part-3-507c91eff33e?source=rss-be00f566a88f------2)
JavaScript: The Company use cases
Published: 2021-06-22 16:25:58

JavaScript is high-level, often just-in-time compiled, and multi-paradigm. It has curly-bracket syntax, dynamic typing, prototype-based object-orientation, and first-class functions.

Out of over 1.6 billion websites on the Internet, JavaScript is used in 95% of them.

Common examples of JavaScript uses and applications include:

- Presentations
- Web Development
- Server Applications
- Web Applications
- Games
- Mobile Applications 


##Microsoft
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qrf6ovpf6oz11k678t4r.png)
 
 
Microsoft needs to work closely with JavaScript to built its Edge web browser.All browsers want to process and execute JavaScript efficiently, so Microsoft has advanced and keeps its personal JavaScript engine for Edge

##PayPal
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/044x8i7aoxlctquednez.png)
 
PayPal has manifestly been the usage of JavaScript at the  frontend in their internet site for a protracted time, that’s only the beginning.

The online payment giant was one of the earliest adopters of NodeJS. During an overhaul in their account evaluate web page, they determined to attempt constructing the web page in Node on the equal time as their standard Java development.

##Uber
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3jehd5dv7i5wa1wvlbvw.png)
 
Uber wants to handle loads of data in real time. They have a millions of requests coming continuously, and that’s not just hits on a page. Uber wants to track driver locations, rider locations, and incoming ride requests. 

It has to seamlessly sort that data and match riders as rapid as possible.

##LinkedIn
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j86gqn9ue2m2kp7xw69a.png)
 
LinkedIn is predicated on NodeJS for its mobile web website online. A few years back, LinkedIn used Rails for its mobile web website online. As with different different huge Rails applications, it become slow, monolithic, and it scaled poorly.

LinkedIn converted to **NodeJS** to clear up its scaling problems. Node’s asynchronous abilities allowed the LinkedIn mobile web website online to carry out extra fast than earlier than at the same time as the usage of fewer resources.

These are some of the companies which uses Javascript for their various purposes especially User Interface part. But it is not limited to this much companies, more than a million. 

>Hope this article insightful to you to know about Javascript and its real life use cases. Have a good day!!
BASIC COMMANDS IN UBUNTU (PART1)
Published: 2021-06-22 16:14:35

Hi! Today we are going to know about some useful commands. In this part we will learn important commands about system info and if you enjoy i will publish second part. :)
SYSTEM INFO:
1-date:This command showS the date and clock.
2-cal:You can see the calendar
3-uptime:Shows the users and how long you have used your system.
4-w:This command shows the users and full information about them.
5-whoami:It shows current user.
6-finger (user): It shows some information about user(write your user). For this one maybe you should install it with this command: sudo apt install finger. 
7-uname:It shows you system name.
8-uname -a:With this command you can know more information such as kernel.
9-cat /proc/cpuinfo : It shows info about your cpu.
10-cat /proc/meminfo : IT shows your ram info.
11-du: It shows how much directories used of memory
12-free: It shows free memory and swap.
13-lspci: It shows all slots on your system.
14-lsblk:This command shows about apps size and block devices.
15-man (cammand name):With this command you can have a guide about commands such as "man sudo".

Linux has many commands some of them are very useful and some of them are dangerous don't try to run all commands on your terminal. I will publish another article about dangerous commands in linux. I hope you enjoy this if it is helpful share with your friends :).
First step and at which stage you should ship your product.
Tags: career, learning
Published: 2021-06-22 16:12:04

---
title: First step and at which stage you should ship your product.
published: true
description: I took the first step and now I have my own website.
tags: career,learning
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7wpal68y4sg8scq40anv.png
---

I took the first step and now I have my own website. I bought a domain under my name. Thats all it took for me to build my own website in a day.

**Advertisment: My cool website - [ahmadibrahim.io](ahmadibrahim.io)**

### Ship First

Don't wait for your product to be perfect to ship it. It will never happen. Instead what you should do is ship the product first (even the MVP). Roll it out to your user, let them decide what they want and what they need. If your product solves a problem or help them in any way, they will help you to make it perfect. When the product reach actual user you will be more encouraged to work and improve the product.

### Process

Trust the process. It take times for a product to be solid, remember not to look at the $$$. Instead focus on user, collect their feedback and what they need. If you help them they will help you. It's a win win situation. Remember how facebook looked when it's first launched.

### Scaling

Don't scale your product too early without any demand. Spending too much time thinking of a feature without knowing whether the user want it or not is a waste of time, energy and arguments. Instead focus on making the existing product better. (fix bugs, improve performance, enhance ui/ux etc)

### Ship Small, Ship fast

Yes the first launch is important. But it is just a beginning, what is more important is the things to come after that. Remember to keep shipping and improving your product fast by keeping it small. It's not encouraged to ship things in a big chunk. This will consume a lot of time to test and to ship the product to the end users. By the time it reach the user, it might not be what they want anymore.

## Customer Support

This is **very important**. Always take customer complain/feedback seriously and entertain them in a best way possible. Help them to solve their issue in the fastest time possible. Make sure to not leave them hanging. Losing one customer is like losing more than ten people because of word of mouth. But winning one customer will help you gain more customers in the future and keep your product rating very high.

That's all from me. Peace.

[ahmadibrahim.io](ahmadibrahim.io)
Picking the right hosting provider
Tags: hosting, webdev, beginners
Published: 2021-06-22 16:07:28

Most modern technology projects need to be running 24/7/365 to maximise their avaliability and to become a reliable service for their clients. And even if this is not the case for your project, chances are that you’ll still need some form of hosting to make your service avaliable when it’s being used. In this article, I will be covering a small range of the hosting options that are avaliable to you, and I will try to accomodate all budgets and a wide range of technical requirements and skill levels.

Just before I get started, I would like to encourage you to look into some form of shared hosting if you want to run a small website or service with minimal hassle. The hosting providers I’ll be covering will all give you full access to a VM as well as (potentially) other options.

It should also be noted that all of the hosting solutions I mention could be used to host the following (and a lot more too):

   - Websites
   - Apps
   - APIs
   - Databases
   - SaaS
   - IoT

If you think this would interest you, then you can read more about these service providers here: https://www.saluki.tech/2021/06/15/picking-the-right-hosting-provider/

As always, I would love to hear your feedback, either here or via a comment on my blog.
5 Tools to Create Color Palettes for Your Websites and More
Tags: codenewbie, webdev, html, css
Published: 2021-06-22 16:05:29

Here are some of my favorite tools for finding the ideal color palette for the websites. Let's get started: ^_^

► COOLORS

The super fast color schemes generator! Here you can create the perfect palette or get inspired by thousands of beautiful color schemes.
You can find it [here](https://coolors.co/).

![Screenshot from Coolors' Website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/osvqh6izvlgcvdt3pg0r.jpg)


► Adobe Colors

Color wheel (or image in Extract Theme tab) can be used to generate color palette, which can be saved into Creative Cloud.
You can find it [here](https://color.adobe.com/create/color-wheel).

![Screenshot from Adobe Colors' Website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4cb0rre92z494db9r8e5.jpg)


► Khroma

Khroma uses AI to learn which colors you like and creates limitless palettes for you to discover, search, and save.
You can find it [here](http://khroma.co/).

![Screenshot from Khroma's Website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9yaqd1ttycfthl74tr0u.jpg)

► Huesnap

Huesnap let's you create customised palettes. It snap colors from your uploaded images or use the color wheel to create a customized palette.
You can find it [here](https://www.huesnap.com/).

![Screenshot from Huesnap's Website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ipwfvjbcc2aj5kjx7ab0.jpg)

► Eggradients

If you are looking for a twist, use gradient colors and this is the perfect place to create/find such palettes.
You can find it [here](https://www.eggradients.com/).

![Screenshot from Eggradients' Website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nj6z0nnqlapvuveea0lc.jpg)

Those are my magic recommendations, if you have some more, do share them in the comments!

Happy Coding!
Udacity | SUSE: Orchestration - Kubernetes Labs
Tags: devops, devjournal, kubernetes, beginners
Published: 2021-06-22 15:30:48

> *This is the tenth article in the series,* ***Udacity: SUSE Cloud Native Foundations***. *This article will contain the exercises and labs from the previous sections on Kubernetes.*

> *Please note that this is an on-going exercises. I'll be updating this once I'm done with the labs, probably on Saturday (26-Jun-2021). Stay tune!* 😄

---

This section will contain multiple labs:
- [Lab 1 - Deploying a Kubernetes Cluster using k3s](#lab-1-deploying-a-kubernetes-cluster-using-k3s)
- [Lab 2 - Deploying a Kubernetes Cluster using kind](#lab-1-deploying-a-kubernetes-cluster-using-k3s)
- [Lab 3 - Deploying an Application using Kubernetes Resources](#lab-3-deploying-an-application-using-resources)
- [Lab 4 - Access an Application using Kubernetes Resource](#lab-4-access-an-application-using-kubernetes-resource)
- [Lab 5 - Creating Configmaps and Secrets](#lab-5-creating-configmaps-and-secrets)
- [Lab 6 - Creating a Namespace within a Kubernetes Cluster](#lab-6-creating-a-namespace-within-a-kubernetes-cluster)
- [Lab 7 - Deploying Resources using kubectl](#lab-7-deploying-resources-using-kubectl)
- [Lab 8 - Deploying Resources through a Declarative Approach](#lab-8-deploying-resources-through-a-declarative-approach)
- [Edge Case: Failing Control Plane for Kubernetes](#edge-case-failing-control-plane-for-kubernetes)

---

## Lab 1 - Deploying a Kubernetes Cluster using k3s

---

## Lab 2 - Deploying a Kubernetes Cluster using kind

---

## Lab 3 - Deploying an Application using Kubernetes Resources

---

## Lab 4 - Access an Application using Kubernetes Resource

---

## Lab 5 - Creating Configmaps and Secrets

---

## Lab 6 - Creating a Namespace within a Kubernetes Cluster


---

## Lab 7 - Deploying Resources using kubectl

The objective of this lab is to create the following resources:

- a namespace
    - name: demo
    - label: tier: test

- a deployment:
    - image: nginx:alpine
    - name:nginx-apline
    - namespace: demo
    - replicas: 3
    - labels: app: nginx, tag: alpine

- a service:
    - expose the above deployment on port 8111
    - namespace: demo

- a configmap:
    - name: nginx-version
    - containing key-value pair: version=alpine
    - namespace: demo

Note: Nginx is one of the public Docker images, that you can access and use for your exercises or testing purposes.

---

## Lab 8 - Deploying Resources through a Declarative Approach

---

## Edge Case: Failing Control Plane for Kubernetes

---
> *If you enjoy this write-up and would like to learn more, make sure to hit the* **Follow** *just below and bookmark the series. I'll also be glad to connect with you on [Twitter](https://twitter.com/eden_noel08). <br>
See you there!* 😃
____________________________________________

{% user jeden %}
Web Scrapping Puppeteer | New York Times

Published: 2021-06-22 15:24:03

We are going to scrape the article headlines, links, and summary. Let's open the inspect tool to see what we are up against.

You can see with some tinkering around that each post is encapsulated in a tag with the class name asset wrapper.

https://www.youtube.com/watch?v=4ue55mYVqDE&feature=emb_title
"Blockchain is a natural evolution of open source". Thoughts?
Tags: blockchain, opensource, devops, linux
Published: 2021-06-22 15:16:07

I am writing an article for a magazine on how blockchain is a natural evolution of open source. Now I know that open source is conceptual whereas blockchain is an actual technology. But I was wondering if blockchain could be considered a new form of open source implementation of systems given that they both find their roots in the same principles of decentralisation and transparency. Would love to get thoughts of fellow developers on this.
spacexcode
Published: 2021-06-22 15:10:35

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x6wwlsahddh6ci0av93f.png)
I create a front to end website www.spacexcode.com
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a60t2u9rocl9b6w9w082.png)
Search for CMS!
Tags: opensource, css, help, dam
Published: 2021-06-22 15:06:53

I need a (open-source, free) CMS with rich  features to manage large scale 1000-10K images/digital arts.
I tried Strapi, Prismic, GraphCMS, and  few others but none have folder wise media management like in a DAM (Digital Assets Management) Tool.

Can anyone suggest any CMS they already used or know about ?