teleren/devto huggingface dataset:
Growing Importance of SSL Certificates and their Advantages
Tags: security, websites, softwaresecurity, rapinnotech
Published: 2020-08-06 13:24:00

Today, an SSL (Secure Socket Layer) Certificate serves as the standard method for achieving an acceptable level of
protection and security of customer data and/or transactions on websites and e-commerce portals.
But what is an SSL Certificate? Simply put, it is a file with a cryptographic key of the details of an online entity (like a
website) that activates a lock. Now it can only be unlocked at the receiver side (your web browser) with the same
digital key. Typically, any website address that begins with “HTTPS” instead of the traditional “HTTP” either has or had
an SSL Certification.
Importance of SSL Certificates
The importance of SSL Certificates has only grown over time, some of which are described below:
• Made Mandatory by Google: In 2018, Google decided to flag all websites without SSL Certification as ‘Not Secure’
in the URL bar of its Chrome browser. Soon other popular web browsers followed suit making it risky for websites
not to have one.
• PCI/DSS Requirements: Any e-commerce site accepting credit card payments has to meet PCI/DSS (Payment
Card Industry Data Security Standard) requirements; one which an SSL Certificate helps satisfy. The penalty for
not doing so leads to a ban on accepting online payments, in addition to monthly fines.
• SSL Equals Trust: Beyond authentication and encryption, an SSL certificate imbues trust in a customer. Because
HTTPS offers a basic level of protection against phishing and other related criminal activities online, informed
customers naturally trust sites with SSL certification over those without it.
Advantages of an SSL Certificate
An SSL certification should not be seen as a compulsion. On the contrary, web portal owners have a lot to gain with
HTTPS, some of which are described below:
• Better Search Engine Rankings: In 2014, Google made changes to its search result algorithm to favor the HTTPS-enabled website. However minute, one cannot deny a direct correlation between SSL certification and a website’s
higher search engine rankings.
• Better Page Loading Speeds: Because HTTPS sites have better data integrity, their pages also load faster than
those of an HTTP site. Given that a large number of visitors to sites nowadays are mobile users, this seemingly
simple attribute can be the difference between a user staying on the site as opposed to abandoning it for a faster
alternative.
• Win-Win For All: Just as customers today are concerned about their sensitive data getting leaked, business
owners to are petrified of the detrimental effects of wiretapping, phishing, and MIM attacks on their online
business. With SSL certificate security, both parties get their peace of mind, which in turn fosters a more robust
business viz-a-viz customer relationship.
Input Validation: Client-side or Server-side?
Tags: webdev, discuss, security
Published: 2020-08-06 13:16:39

---
title: Input Validation: Client-side or Server-side?
published: true
description: 
tags: webdev, discuss, security
cover_image: https://css-tricks.com/wp-content/uploads/2017/06/required-input.png
---
There is a rule of thumb to never trust the user input. That is where the input validation does come in.

Where do you normally do this? On the client-side to get quicker feedback to the user, on the server-side to protect against the malicious users, or do you use combination of both?
VSCode Scrolling Fatigue
Published: 2020-08-06 13:02:29

Some of us have the habit of looking in the far right margin of our code for red dots, indicating a code problem. Until now, I had used the mouse to scroll back and forth to find the dots.  Not efficient.

Now I just open the terminal view, and open the problems section, it gives me direct navigation to the next problem in the list.  

No more scrolling fatigue.

JWP 2020
How to use SSL in PostgreSQL The Right Way: Encrypt Your Data in Transit
Tags: security, postgres, ssl, encryption
Published: 2020-08-06 12:47:49

---
title: How to use SSL in PostgreSQL The Right Way: Encrypt Your Data in Transit
published: true
description: How to use SSL in PostgreSQL The Right Way
tags: #security #postgresql #ssl #encryption
cover_image: https://assets.mkdev.me/posts/covers/000/000/012/original/mkdev_article.png
---
In this short video, Kirill Shirinkin will show a trick to improve the security of your client database connections to PostgreSQL database server.

{% youtube Y1lsbF9NWW0 %}

***

*You can always hire [our mentors](https://mkdev.me/en/specializations) and learn directly from them!*
List of Wordpress bad coding paradigms
Tags: wordpress, cms, php
Published: 2020-08-06 12:45:06

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

**Here's a short and purely subjective list of bad coding paradigms that are used in Wordpress for years. Some of them are critical security issues that WP developers don't seem to care about:**

- all files are stored in public directory
- access to php files in main dir and template dirs is not forbidden by default in .htaccess
- no official template engine support
- templates are written in php mixed up with html
- autoupdate installs new themes made by WP developers by default
- wp-login lacks any protection from bruteforce attacks
- no official SQLite database support
- classic editor is only available as plugin now

Fortunatelly, some of those problems can be avoided. I don't imagine using Wordpress without clean [MVC](https://en.wikipedia.org/wiki/Model-View-Controller) template structure, [Twig](https://twig.symfony.com/), [SQLite](https://github.com/aaemnnosttv/wp-sqlite-db) (for smaller pages), denying access to everything except assets in template dir and disabling a lot of default «features» that can cause you a lot of trouble. 

If you know more bad coding paradigms examples in Wordpress, feel free to share it in the comments section.
Convert accentuated character to their ASCII equivalent in PHP
Tags: php, utf8, accents, accentuated
Published: 2020-08-06 12:37:54

---
title: Convert accentuated character to their ASCII equivalent in PHP
published: true
description: Useful to make slugs
tags: ['php','utf8','accents','accentuated']
//cover_image: https://direct_url_to_image.jpg
---

A a french developer, I often come across non-ASCII characters in user-input data. In order to generate clean, search friendly equivalents, I created the following function that removes the accents while preserving the string integrity.

## Example

```PHP
$str = "À l'île, en été, quelle félicité !";

echo accent2ascii($str); // A l'ile, en ete, quelle felicite
```

## The function

```PHP
/**
 * Converts accentuated characters (àéïöû etc.) 
 * to their ASCII equivalent (aeiou etc.)
 *
 * @param  string $str
 * @param  string $charset
 * @return string
 */
function accent2ascii(string $str, string $charset = 'utf-8'): string
{
    $str = htmlentities($str, ENT_NOQUOTES, $charset);

    $str = preg_replace('#&([A-za-z])(?:acute|cedil|caron|circ|grave|orn|ring|slash|th|tilde|uml);#', '\1', $str);
    $str = preg_replace('#&([A-za-z]{2})(?:lig);#', '\1', $str); // pour les ligatures e.g. '&oelig;'
    $str = preg_replace('#&[^;]+;#', '', $str); // supprime les autres caractères

    return $str;
}
```

---

Don't forget to leave a like to encourage me to post more useful PHP snippets.
MovieDex - My first React project!
Tags: showdev, beginners, react, node
Published: 2020-08-06 12:13:36

### A React and Node.js app that searches for movies using the TMDB and OMDB database ⚛✨🎥. Try it out here: [MovieDex](https://moviedex.js.org/)

## The Project

I came across this article: [9 Projects you can do to become a Frontend Master in 2020](https://dev.to/simonholdorf/9-projects-you-can-do-to-become-a-frontend-master-in-2020-n2h) while I was browsing around Dev and I wanted to build the first one in the list and so I did! 

I made the first prototype in a single sitting. My app was able to search for movies and display them. Great! 

**But I wanted to amp things up!**

I thought what if you even showed the movies details in form of modals?

[And here you are](https://searchmoviedex.herokuapp.com/), an app that searches movies and gives you the relevant details!

![MovieDex full screen desktop](https://dev-to-uploads.s3.amazonaws.com/i/689ab7wqhv7bf8lf114x.png)
![MovieDex search](https://dev-to-uploads.s3.amazonaws.com/i/99461kgflphqxwk6o3s1.jpg)
![MovieDex information modal](https://dev-to-uploads.s3.amazonaws.com/i/y5fny28jcd6ei38sf5vg.jpg)

## Powered by ✨

- [Node.js](https://nodejs.org/en) : A server for handling all the API calls to the TMDB and OMDB API. I did not implement the calls in the client side as they involved calling with secret API keys.
- [React ](https://reactjs.org/) : What I really focused on in this project. ⚛💙
- [Material-UI](https://material-ui.com/) : Absolutely loved the components! Some of the components I've used in this project are: Card, TextField, Dialog and my personal favorite, Skeleton loaders.
- [The Movie Database](https://www.themoviedb.org/) : For searching the movies.
- [Open Movie Database API](http://www.omdbapi.com/) : For extensive data. (Ratings were not provided by TMDB API).
- Logo by me. Font used: [BLANKA](https://www.behance.net/gallery/15451401/BLANKA-Free-font). Some Photoshopping around and Ta-da! 😂

## Some background about my React journey:

I started learning React in the beginning of July, I guess? 
My learning sources included [the awesome React tutorial](https://www.youtube.com/playlist?list=PLC3y8-rFHvwgg3vaYJgHGnModB54rxOk3) by [Codevolution](https://www.youtube.com/c/Codevolution/) on YouTube and the [official React docs](https://reactjs.org/docs/) and some random but highly insightful blog posts by various authors.

I highly recommend the above mentioned tutorial.

I hope to make better and bigger things in the future! Continually learning and improving. If you like the project, please consider giving it a star on GitHub and sharing!😇 Any suggestions and feedback is greatly appreciated. 😄 

In case you missed the links,
- [here is the app deployed on Heroku](https://moviedex.js.org/)
- [here is the GitHub repo](https://github.com/abhijit-hota/MovieDex)

Stay safe! =)

*Update: Thanks to the people at [js.org](https://js.org/) for giving Moviedex a neat domain!*
In one sentence, how would you sum up the Internet? 👨‍💻👩‍💻
Tags: watercooler, discuss
Published: 2020-08-06 12:11:29

I was casually browsing through Reddit when this post from Team XenoX's [subreddit](https://www.reddit.com/r/TeamXenox/) showed on my feed:

![just another cat meme](https://preview.redd.it/d9sar1bpgdf51.jpg?width=236&format=pjpg&auto=webp&s=88defe8a487dcd32f10a71cfa814e7bcbd0229ab)

I had a good chuckle, but now I want some more internet humor! How would you people describe the internet in one sentence? 😮🙄😛

Memes welcome!
Daily Developer Jokes - Thursday, Aug 6, 2020
Tags: jokes, dailydeveloperjokes
Published: 2020-08-06 12:00:02

---
title: "Daily Developer Jokes - Thursday, Aug 6, 2020"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
cover_image: "https://private.xtrp.io/projects/DailyDeveloperJokes/thumbnail_generator/?date=Thursday%2C%20Aug%206%2C%202020"
published: true
tags: #jokes, #dailydeveloperjokes
---

Generated by Daily Developer Jokes, a project by [Fred Adams](https://xtrp.io/) ([@xtrp](https://dev.to/xtrp) on DEV)

___Read about Daily Developer Jokes on [this blog post](https://xtrp.io/blog/2020/01/12/daily-jokes-bot-release/), and check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/).___
### Today's Joke is...
![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1259369613c.png)

---
*Have a joke idea for a future post? Email ___[xtrp@xtrp.io](mailto:xtrp@xtrp.io)___ with your suggestions!*

*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:___ How does a sysadmin keep a fire going?

___A:___ They rotate the logs.
 -->
S1E03: XR Collaboration, Part 2
Published: 2020-11-18 00:43:23

---
title: S1E03: XR Collaboration, Part 2
published: true
date: 2020-08-06 12:00:00 UTC
tags: 
canonical_url: https://anchor.fm/xrseapod/episodes/S1E03-XR-Collaboration--Part-2-ef8f31
---

In this episode, we're going to continue our conversation around XR collab software & talk about best practices that have been implemented & should be incorporated. 

Check out this episode's [blog](https://www.xrseapod.com/podcasts/xr-collaboration-part-2) for more insights & resources. As always, we'd love your [feedback](https://twitter.com/xrseapod).  Let us know if there is a topic, company, or person you would like us to interview.

--- Send in a voice message: https://anchor.fm/xrseapod/message
S1E02: XR Collaboration, Part 1
Published: 2020-11-18 00:43:35

---
title: S1E02: XR Collaboration, Part 1
published: true
date: 2020-08-06 12:00:00 UTC
tags: 
canonical_url: https://anchor.fm/xrseapod/episodes/S1E02-XR-Collaboration--Part-1-eeu41f
---

In this episode, we have a discussion about XR collaboration platforms and the acceleration of this exciting technology post Covid-19.

As always, we'd love your [feedback](https://twitter.com/xrseapod).  Let us know if there is a topic, company or person you would like us to interview.

Thanks!

--- Send in a voice message: https://anchor.fm/xrseapod/message
What makes a good resume
Tags: beginners, career, discuss, resume
Published: 2020-08-06 11:56:19

Hello Everybody,

I'm Wali, a bachelors student at BME, Budapest. I'm current studying Computer Science. Over the past few months, I have applied for various intern/trainee opportunities in IT/Software Engineering fields, but without any luck.

I used to believe that my resume was pretty average (considering that I'm a student with minimal professional experience), but after continuous rejections, I decided to overhaul my resume, and start from the scratch. This is what I ended up with:

https://drive.google.com/file/d/1pDuQtHAPSzq1yVVeGb7erSMQZqiGN2El/view?usp=sharing

Here is my LinkedIn profile: 
https://www.linkedin.com/in/wali-ullah-0101/

I would really appreciate your feedback/review and tips about how to further improve my resume.
#100DaysOfCode | Day 12
Tags: 100daysofcode, challenge, python, codenewbie
Published: 2020-08-06 11:47:22

Hey everyone, Today I finished the _First Part_ of my article about `self ` in python classes.
Today and Yesterday I spend my whole time to write that article and as cleanest as I can.
and finally I prepared that post that I'm gonna share with you in the next post.
Today I will watch some tutorial about Python OOP and coding to train my mind muscles! 
Tnx for being with me in my journey and motivating me ...


Keep Moving Forward __ツ__

Enjoy Your Journey 👊

Code with __💛__

__🅑🅐🅝🅙🅘__
Share your dream multiplayer game scenario!
Tags: java, gamedev, help
Published: 2020-08-06 11:34:31

Soon I am going to start the next side project. Because I am going to learn Java I want to learn by practice networking. And it may be game or some kind of network tool.

Some time ago I have created solo and with my team few a few synchronous and asynchronous multiplayer games on WebSockets with Phaser and Unity to learn gamedev patterns, so I know good multiplayer is hard to create but I prefer done than perfect. ;)

Anyway, what type of multiplayer game you recommend? Simple RPG? Fighting? Racing? Flying? I will pick one idea and eventually create a simple and open-source game based on it.
bash Environmental Variables Override
Tags: sysadmin, linux, bash
Published: 2020-08-06 17:09:26

---
title: bash Environmental Variables Override
published: true
date: 2020-08-06 11:32:58 UTC
tags: sysadmin,linux,bash
canonical_url: https://jjasghar.github.io/blog/2020/08/06/bash-environmental-variables-override/
---

If you don’t know, environmental variables are used to override options for scripts,apps, and other things you run on computers. In `bash` they normally look like,something like this:

```
DEPLOY=production ./release-app.sh
```

In this contrived example, the `DEPLOY` option is set to `production` and anyoptions that are required in `./release-app.sh` would do make those changes.

Now, I was experimenting with some scripts lately, and discovered somethingI hadn’t expected. Lets walk through an example that will hopefully explainit all.

## Example

Ok, lets say we have this following script:

```
FOO="in the script"
echo "This was outputted from" ${FOO} 
```

It outputs:

```
$ bash script.sh
This was outputted from the script
```

Perfect, now lets override this:

```
$ FOO="from the shell" bash script.sh
This was outputted from the script
```

What! This wasn’t what expected. I wanted `This was outputted from the shell`.Ok, lets try something different:

```
$ export FOO="from the shell"
$ bash script.sh
This was outputted from the script
```

Damn, this didn’t work either.Looks like we need to edit the script a bit, I removed the `FOO` line and changed:

```
echo "This is outputted ${FOO:-"from the script"}
```

This gives the `FOO` variable the default of `from the script` if it’s not declared:

```
$ bash script.sh
This was outputted from from the script
$ FOO="from the shell" bash script.sh
This was outputted from from the shell
$ export FOO="from the shell"
$ bash run.sh
This was outputted from from the shell
```

OK this seems more reasonable, now I can change the variables around if I want to.

One last experiment, and hopefully this should make it make total sense on the scoping of environmental varibles in `bash`.

Let’s take it one step farther, lets say we have a file of `VAR`s that we sourcethen run the script:

```
FOO="from a file"
```

So we edit our script one more time:

```
source ./vars
echo "This is outputted ${FOO:-"from the script"}
```

What will happen now?

```
$ bash script.sh
This was outputted from a file
$ FOO="from the shell" bash run.sh
This was outputted from a file
```

Well, that’s interesting. So even on the command line, using `source` you’ll stillget the most “local” decaration of the `VAR` in `bash`.

Hopefully this show’s the scope of how `bash` scopes it’s variables, and if you’relike me, and like to have options to run scripts, this’ll help you in the future.
Load Balancing containers
Tags: express, loadbalancer, nginx, docker
Published: 2020-08-06 11:23:47

In me [previous post](https://dev.to/tirthaguha/run-express-in-docker-2o44), I demonstrated a simple scenario of how we can run express based web applications in docker containers.

Often, for performance or resiliency, we run more than one instances of Web Applications. When you containerised your Web Application, you should be able to distribute the traffic evenly/weighted between multiple containers too. 

In this exercise, I'm going to demonstrate how we can load balance between two containers.

## What we need
1. A system with docker installed in it. 
2. Complete the exercise in my previous post. If your system has docker, it won't take more that 15 mins. 
3. Basic knowledge of nginx

## Lets get started
Quick recap: I have a repo in github with a basic express application. we're going to run this in a docker container.

### Clone, Build and Run Container
```bash
$ git clone https://github.com/tirthaguha/card-deck-test.git
$ cd card-deck-test
$ touch Dockerfile
```
Open Dockerfile in a editor and paste the following
```bash
FROM node:12-slim

WORKDIR /app
COPY ./package*.json ./
RUN npm ci --only-production
COPY ./ ./

EXPOSE 4000
CMD [ "node", "./bin/www" ]
```
Build the Image
```bash
docker build -t card-deck-test .
```
Run Multiple Instances of the same container image

```bash
docker run -p 4000:4000 -d card-deck-test
docker run -p 4001:4000 -d card-deck-test
```
Open the following URLs in your browser to check if they are running fine on their individual ports
http://localhost:4000/card-deck/shuffle
http://localhost:4001/card-deck/shuffle

## Load Balance them
Enter nginx. nginx is a popular simple open-sourced webserver, often used as a loadbalancer and reverseproxy.

### Create the nginx.conf
In a different directory, **outside** the `card-deck-test`, create a directory 
```bash
$ mkdir nginx-docker
$ cd nginx-docker
$ touch nginx.conf
$ touch Dockerfile
```
Open `nginx.conf` in your editor and enter the following code
```
upstream card-app {
    server 172.17.0.1:4000 weight=1;
    server 172.17.0.1:4001 weight=1;
}

server {
    location / {
        proxy_pass http://card-app;
    }
}
```
Here, you're redirecting web traffic between 2 docker containers running on `172.17.0.1:4000` and `172.17.0.1:4001` respectively. `172.17.0.1` is _default docker gateway_ IP address. You're giving them the `weight=1` for both, so traffic is going to be evenly routed, in a _round-robin_ fashion.

### Create the Dockerfile for nginx
Open the `Dockerfile` in the editor and lets put this code in it
```bash
FROM nginx

# remove default nginx conf file
RUN rm /etc/nginx/conf.d/default.conf

# Copy the nginx.conf file as default conf
COPY nginx.conf /etc/nginx/conf.d/default.conf
```
### Build and run the nginx docker container

Build the nginx image
```
$ docker build -t nginx-load-balancer .
```

Run the nginx image
```
docker run -p 8080:80 -d nginx-load-balancer
```

You now can run the nginx URL on the browser
http://localhost:8080/card-deck/shuffle

Happy Load Balancing!
Best Free SEO Chrome Extension that enhances your SEO efforts 
Tags: webdev
Published: 2020-08-06 10:57:38

Most, SEOs prefer Google Chrome extensions, but having too many SEO chrome extensions doesn’t relate to higher productivity. This can lead to slowing down your computer. So, with so many options, the challenge is in choosing only the ones you need. Well, we’ve already done a lot of hard work for you. So today, we are going to show you the most powerful Google chrome extension for SEO that’ll enhance your SEO efforts.
  
Best Free SEO Chrome Extension

We are the <a href="https://www.weblieu.com/search-engine-optimization">Best SEO company in Noida</a> so, we use these extension for daily basis. Now, the free SEO chrome extension we share with you is no particular order and this list is by no means complete. In other words, we found some Best google chrome extensions for Seo to improve your SEO efforts. Instead of going to share 1-3 extensions that help with common SEO categories and those are link building, keyword research, on-page SEO, and technical SEO, and of course, we’ll show you how they work.
So, Get Started With Some Best Free Chrome Extensions For SEO
1. SEO Minion.
2. SEO Quake Chrome Extension
3. Grammarly
4. Lighthouse
5. Window Resizer
6. SEO Meta In 1 Click
7. NoFollow Extension
8. Alexa Traffic Rank

Weblieu Technologies Pvt. Ltd. - <a href="https://www.weblieu.com/static-web-designing">Best website designing company in Delhi</a>