teleren/devto huggingface dataset:
Amazing Webfonts? This is where to look 🍌
Tags: typeface, webfont, fontfamily, typography
Published: 2020-06-28 16:47:15

####We all know it - starting with a new web project, but we still lack the perfect font. Then when we go into the Google Jungle of Web Fonts, we feel overwhelmed. If we go to Pinterest, we see many beautiful web fonts, but no source. In this article I am not going to present you subjectively beautiful fonts, but rather the platforms that I have been looking for over years, where you can feel save downloading your brand new typeface. 


>tl;dr
>[BEAUTIFUL WEB TYPE](https://beautifulwebtype.com/)
>[Fonts by Hoefler & Co.](https://www.typography.com/)
>[Fontstand](https://fontstand.com/fonts)
>[HOMELESSFONTS](https://www.homelessfonts.org/)
>[TypeType](https://typetype.org/)

<br>
![Screenshot of the Website "beautifulwebtype.com"](https://dev-to-uploads.s3.amazonaws.com/i/8jon1qo0mkfizdlx2ro4.png)Starting with [BEAUTIFUL WEB TYPE](https://beautifulwebtype.com/), we have a platform that displays well known web fonts such as Google fonts in a very design aesthetic way. It often helps deciding which font to go with, because you already have an impression what this font has to offer. 
__Extra Benefit: all fonts are free to download__ ✨
<br>
![Screenshot of the Website "typography.com"](https://dev-to-uploads.s3.amazonaws.com/i/m8i405c37obv5ayyg525.png)
Next, let's take a look at [Fonts by Hoefler & Co.](https://www.typography.com/) – what is special about this platform is the creative approach to how you can search for a font. It's an interactive journey through unknown but modern typefaces.
<br>
![Screenshot of the Website "fontstand.com"](https://dev-to-uploads.s3.amazonaws.com/i/d5tdctsxz9num5buoltp.png)
[Fontstand](https://fontstand.com/fonts) stands out because of it's easy way to try the fonts before buying – and they do have a lot of individual, well designed typefaces. No Screenshots & cutting out anymore, just download the Fontstand desktop app (available for Mac and Windows) and you're ready to go. In addition, the site shines with its very clear design system.
<br>
![Screenshot of the Website "homelessfonts.org"](https://dev-to-uploads.s3.amazonaws.com/i/yh4hgciwimaoxcno1vvk.png)
If you are looking for a handwriting font, I'd like to introduce you to [HOMELESSFONTS](https://www.homelessfonts.org/). This company creates typefaces based on the handwriting of homeless people – with **all** profit going to the people living on the streets. And the Screen Design of the site doesnt't only touches you heart but your Sense of User Experience ✨
<br>
![Screenshot of the Website "typetype.org"](https://dev-to-uploads.s3.amazonaws.com/i/ibx3512kb5v69szkk7ir.png)
Last but not least, we have [TypeType](https://typetype.org/) with it's well chosen font selection. Also sparkling with a minimal, aesthetic User Interface, you won't feel overstrained when you enter the site.
<br>
#####Always remember that font choice is a good reason for procrastination – don't let it prevent yourself from reaching your goals. 🙌🏼
How To Stay Motivated during #100DaysOfCode
Tags: 100daysofcode, womenintech, motivation
Published: 2020-06-28 16:41:45

##Set A Goal

Why are you completing the #100DaysOfCode Challenge? For me, my goal is to get a job within 100 days using my coding skills. You may want to improve some skills, learn to code for the first time or learn a new stack. Either way, having a goal to accomplish at the end of the 100 days helps you stay motivated. 

##Make A Plan 

What are you going to study during this time? You should have a plan of attack or you may get overwhelmed with completing a 100 day challenge. Make a road-map of skills you want to study and knock them out one by one. 

##Just Do It 

Stop overthinking it silly. Sometimes you can overthink about something and procrastination takes over. Just commit to 5 minutes at a time if that’s all you have. You may be surprised to find yourself coding an hour later because you got into “the zone”. If you can’t solve a problem and it's bothering you, WALK AWAY. I often figure out an issue after taking a break from coding and come back to it. This is how you learn. As long as you start, you will figure out the problem. 

##Balance 

You can burn out from coding too much. Instead of coding in one big chunk of time try taking lots of breaks (your eyes will thank me) and get some fresh air every once and awhile. Spending time on a coding issue while not making any process is going to cause frustration, stress and the worst of all-burnout. It’s super important to have a life balance and it actually helps you solve problems. You may be surprised that you think of the solution while out to eat with a buddy. 

##Join The Community 

This challenge has a huge support network. You can follow #100DaysOfCode and your peers on Twitter. Write a blog post on Dev.to and join #100DaysOfCode on Slack. You will be able to ask questions, find mentiors, follow your peers and sometimes find a job by being active in the community. It's really fun to see what others are completing on their challenge journey.
In what year did you learn Web Development?
Tags: webdev, html, css, discuss
Published: 2020-06-28 16:40:44

How long ago or in what year did you learn web development? 

I started getting into it seriously in 2015, so its been 5 years only. I've always had a passion for design so when I was introduced to it in school I just couldn't get my hands of it!

Let me know when you first started and what motivated you to start in web instead of other types of programming.
Adjust your screen brightness
Tags: linux, coder, frontend
Published: 2020-06-28 16:37:33

---
title: Adjust your screen brightness
published: true
description: safe your eye from being effected during night coding
tags: #linux #coder #frontend
//cover_image: https://news-cdn.softpedia.com/images/news2/Automatic-Windows-Brightness-Adjustment-For-Healthy-Eyes-481070-2.jpg
---

As Developer, working late night in front of computer is common, but working late night has got a brightness problem which effects on eye long run, this script will help you to adjust your monitor brightness *NIX OS!


## Clone
follow the underneath steps:
```
git clone https://github.com/lifeeric/brightness-shell-script.git
cd brightness

# Rename
mv brtns.sh brtns

# Permission
chmod +x brtns

sudo cp brtns /bin
```

## Usage

run the below command:
```
brtns
```

give it brightness value, takes from 1 to 100 or 1 to 10!

```
$ brtns 60
```
or

```
$ brtns 6
```


Thanks!
Go Micro - A distributed systems development framework
Tags: go, cloud, programming
Published: 2020-06-28 16:33:26

---
title: Go Micro - A distributed systems development framework
published: true
description: Go Micro - A simpler way to build services in the Cloud
tags: golang, cloud, programming
//cover_image: https://direct_url_to_image.jpg
---

Just like Java, the adoption of Go in the Enterprise will be driven a framework. Micro is that framework. Built for the next generation cloud and developers. https://github.com/micro/go-micro #microservices #golang #cloud
Bootstrap 5-alpha has arrived!
Tags: html, bootstrap, webdev, bootstrap5
Published: 2020-06-28 16:30:39

Bootstrap 5 alpha has arrived and it arrived with many good updates. I’m a bootstrap lover and I have made most of my websites and web applications with bootstrap for the structuring of my projects. The seamless UI and grid system that bootstrap has provided in these years was the major thing that I have loved about bootstrap to create any website.

*Note: Bootstrap 5 is still in the alpha phase so there will be some breaking changes until the first beta release is out.*

**Summary**
Bootstrap 5 has dropped jQuery and written plugins with plain javascript and plugins such as buttons are not completely working with HTML and CSS support for toggles and all toggles are now supported by checkboxes and radios which makes it more reliable. Internet Explorer 10 & 11 support is dropped.

[Read full article](https://codewithghazi.com/bootstrap-5-alpha-has-arrived/)
I Created a Responsive Portfolio Website Using Pure HTML, CSS and JavaScript
Tags: html, css, javascript, webdev
Published: 2020-06-28 16:25:01

I have always ignored having a portfolio website for a long time. It's very important to have one though especially if you are a freelancer.

One of the questions you will get from potential clients every time you approach them is, "Do you have a portfolio?" or "Can you share some of the related projects you have done before?"

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

Having a portfolio is a simple and great way to showcase your skills, interests and projects you have worked on before. Therefore I decided to create one using pure HTML, CSS & JavaScript and I would like your feedback on what you think about it.

Tell me, what amazes you? What should I change? Should I create a YouTube tutorial showing you how to create it?

**Here is the link to the portfolio:** https://chaoocharles.netlify.app/

Also, [Help me reach 5k subscribers on my YouTube Channel] (https://www.youtube.com/channel/UCe8uN9zoKksCb1hfw61myRw?sub_confirmation=10)

Your feedback will be highly appreciated.

Always stay awesome 💙
LDAP Injection
Tags: ldap, ldapinjection, security, applicationsecurity
Published: 2020-06-28 16:08:26

**LDAP** or **Lightweight Directory Access Protocol** is a methodology designed to read data in a directory, file or device. This is actually a directory access service which, for instance, can be used to provide information about a user who is trying to login as part of a single-sign-on, SSO process.
Common uses of LDAP is to provide centralized authentication, so, it can be used to validate the users to allow access to restricted modules of any application. LDAP's main job is to extract information in a usable format from an Active Directory(AD), which is a domain controller containing huge, cryptic data. LDAP uses a simple, string based query to extract information from the AD.
LDAP injection is a vulnerability where query statements are created from unreliable inputs which are not properly sanitized or validated. This uses special characters as input parameters. Those characters affect the type and number of objects that can be retrieved from the AD. If the malicious user can submit the input containing those special characters, they can alter the query and change the desired behavior.
The queries that are submitted to the server are known as LDAP search filters. They are constructed using prefix notation. This notation goes to the server and if not properly sanitized or validated can change the meaning of the query and return all the users in the AD. Special characters like "*" can create other malicious queries as well. There are a lot many LDAP injection loopholes that can be executed on a vulnerable server.
How to prevent LDAP injection:
1) Strong input validation
2) Escape input with encoding
3) Strict directory authorization
Launched Synk - A newsletter for web developers!
Tags: showdev, webdev, javascript, beginners
Published: 2020-06-28 16:02:16

---
title: Launched Synk - A newsletter for web developers!
published: true
description: A no bullshit, biweekly snapshot of the web dev industry.
tags: #showdev #webdev #javascript #beginners
cover_image: https://i.ibb.co/c8cgzb0/Screenshot-2020-06-28-at-16-40-30.png
---

Hey everyone! We're two web devs (junior and lead) who have been working on this for the past few months and we're really excited to finally show it all off!

We started Synk because we want to give back to the community and also learn ourselves. Here's where we're hoping Synk can provide value to web developers:

* Take the anxiety out of trying to keep up to date with the latest news in our ever-evolving industry.
* Expose developers to a wider range of technologies that would allow them to become more well rounded and at the very least hold a conversation with someone using different tech.
* Help junior developers broaden their horizons and sound smarter during interviews 🤓

Our first issue is due to come out in a few weeks time and we'd be really happy to hear any feedback from anyone and everyone 🙏

If you have any questions, be it Synk or generic web dev, do not hesitate to reach out!

[![Synk Up!](https://dev-to-uploads.s3.amazonaws.com/i/z11wth58uqh03dryrnp0.png)
](https://synk.sh)

We are also on [ProductHunt](https://www.producthunt.com/posts/synk-sh-stay-in-synk) and [IndieHackers](https://www.indiehackers.com/product/synk)!
Help Me Improve And Get Better!
Tags: beginners, motivation, codenewbie, watercooler
Published: 2020-06-28 15:51:47

Hope everyone out there is staying safe. This semester, I have been enrolled in an Intro CPP class. Needless to say I didn't get my pick of the litter when it comes to profs because 

A.) The pandemic
B.) It's summer and most profs are on holidays. 

With that being said, the prof I have now is pretty bad at his job. There were things that were on the test that had nothing to do with what he taught during the first half of the semester. Luckily, I was able to figure somethings out and did a patch job for things I didn't really know how to figure out yet. I am definitely more of a hands on approach learner than I am by reading it.

So, what should I do to keep myself motivated and to keep learning? Are there any websites that you would recommend? I had a classmate who finished the test easily. He's probably the smartest in the class..but with what was taught, I asked him for tips. I mean, I figured you're only going to get better, right?
Bootstrap 5 is out!
Tags: bootstrap, css, html, bootstrap5
Published: 2020-06-28 15:48:22

---
title: Bootstrap 5 is out!
published: true
description: Bootstrap Version 5 Alpha is Out
tags: #Bootstrap #CSS #HTML #Bootstrap5
cover_image: https://i.morioh.com/2019/12/17/f1ce6a0af5cb.jpg
---

Just a short announcement for those who didn't know.

Bootstrap 5 is out! The most recent version of the most popular CSS framework, Bootstrap is out. 

 [https://v5.getbootstrap.com/] (https://v5.getbootstrap.com/)

I never liked Bootstrap that much, but this version may be worth a try.

Here are few highlights of Bootstrap 5:
* Vanilla JavaScript replaces jQuery
* Hugo replaces Jekyll
* etc. etc.

A few videos on YouTube already:

[Get Started With Bootstrap 5 Alpha] (https://www.youtube.com/watch?v=3TpDnVF5Lm8)
[Tutorial Git] Reconfigurando diretório HTTPS para SSH
Tags: https, ssh, git, womakerscode
Published: 2020-06-28 15:38:11

Depois de ter feito a [validação da sua chave SSH com o Github](https://dev.to/womakerscode/tutorial-git-acesso-ao-github-com-ssh-4kg9); caso você já tenha na sua máquinas projetos que usam o HTTPS, é possível fazer a troca de de **HTTPS** para **SSH**.

Vá até o repositório desejado e digite, no terminal:

```
$ git remote -v
```

- **$** indica que você deve usar o **usuário comum** para fazer essa operação.

O retorno será algo como:

```
origin	https://github.com/danielle8farias/potential-broccoli.git (fetch)
origin	https://github.com/danielle8farias/potential-broccoli.git (push)
```

Observe que após a palavra **origin** temos o endereço do nosso repositório remoto iniciando com **https**. Isso indica o nosso tipo de conexão.

Para fazer a troca para **SSH**, digite:

```
$ git remote set-url origin sua_url_ssh
```

No meu caso, temos:

```
$ git remote set-url origin git@github.com:danielle8farias/potential-broccoli.git
```

Se você não souber sua url ssh, ela é encontrada no Github na parte de **clone or download**, do seu repositório.

![clone or download](https://dev-to-uploads.s3.amazonaws.com/i/exsv92md03lmywat9e8p.png)

Verificando nosso repositório novamente

```
$ git remote -v
```

temos o retorno:

```
origin	git@github.com:danielle8farias/potential-broccoli.git (fetch)
origin	git@github.com:danielle8farias/potential-broccoli.git (push)
```

Indicando que a troca foi feita com sucesso.

Caso queira fazer a troca de SSH para HTTP, basta fazer o caminho inverso desse.
Programming is easy!
Tags: beginners, discuss, career, programming
Published: 2020-06-28 15:36:28

__Gottcha!__ But seriously, there is still this misconception that programming is easy and that anyone can do it. Although, I do believe that anyone can become a programmer it certainly is __not easy__.

## Get rich quick

_"You're a programmer? Oh boy, you must be rich!"_

I hear this far too often, though it is true that programming jobs pay well, this is not always the case and most of the time not for those that are starting their journey or in junior positions. This does, of course, depend on where and as a what you work as but the majority of the time it is, unfortunately, the latter. 

I was interviewing graduates for a grad placement in the company I work for. 4/10 of the graduates asked me what my salary is, albeit it is because I am around the same age as them and I don't see anything wrong with this as it can be an incentive to sign up with us but, its the idea behind it that was evident from their follow up questions. 

__You can get rich from programming, but probably wont__. If this is your only incentive to start or continue, I suggest you look at other career choices.

## You need a certain mindset

I would argue that this is very much the case, you do need a certain mindset for this. There are several nights and days that I have spent staring at my monitor thinking 'It looks fine.. why are you not working!!?' Only to find a typo, improperly called variable or an unset property. This is frustrating beyond belief and can and will most certainly make you doubt yourself and your skills but you must keep pushing through and not give up. I am guilty of such crimes and have given up on many of my earlier projects because I've just become frustrated and did not enjoy what I was doing anymore.

__Programming is problem-solving.__ Before you even type a single line of code you are solving a problem, your idea or your work has stemmed from an identified problem regardless of what it is.

## Times have changed

Many languages are becoming more and more beginner-friendly and this is a good thing! but is it a great thing? The problem with simplifying things is that you lose the ability to do certain things. Take C++ and C#. In my opinion extremely different; C# supports garbage collection and automatically handles memory allocation (to mention a few) while C++ does not do either meaning you need to code the _'low-level'_ stuff.

_It is getting easier and faster to do things, but by speeding down the highway you lose control over a few things... Sometimes important things_. Take this as you will.

A few points I'd love to discuss in the comments;
- Is knowing one language enough?
- What would your response be to the title?

Still no gin,

Rus
Creating a complete golang rest api from zero to Hero
Tags: go, rest, gorm, swagger
Published: 2020-06-28 15:22:11

After a lot of time spent building golang API's in my job and getting a lot of experience in this wonderful language, i think it's time to share some of this experience with the community that has helped me so much in this journey. This post will be the first of a from zero to hero series on how to build a complete REST API in golang.

I will show you how to build a simple CRUD. But you need to know others things that are necessary to take your project to another level, like to unify your error handling, provide a documentation with swagger, project logging and how to send those logs to a log center (ELK, Splunk, etc), produce a simple repository layer with GORM, use migrations to version your database scripts. I will show you all that and also how I normally structure my projects.

If you search for the tools that I used in this project individually you can find many tutorials online, including how to use they in golang of course, but I could not find any tutorial teaching how to use all of them to provide a complete project, of course you will see something like that in a paid course but I think that it's time to share this information completely free.

Please, feel free to share your opinion in the next posts, it may help me or other people. Or contact me directly.
CRUD - MongoDB
Tags: mongodb, javascript, react, database
Published: 2020-06-28 15:02:02

This article contains the basics of MongoDB. A no-SQL database that stores your data in the form of the collection like Tables in SQL.

__REQUIREMENT__
1. Basic Javascript - Promises, Error handling
2. CMD 
3. ROBO3T GUI
4. Your Native mongodb must be running.

###Install - 
2. npm install mongodb

Then create a file(any_name.js) inside a Folder(Any_name):

###__Then inside of your "any_name.js" file :__

const MongoDB = require("mongodb");
const MongoClient = MongoDB.MongoClient;

const databaseName = "first-project";
const connectionUrl = 'mongodb://127.0.0.1:27017';

MongoClient.connect(connectionUrl, { useUnifiedTopology: true }, (err, client) =>{
if(err){
console.log(errr)
}


#### This creates a database automatically
const db = client.db(databaseName);

### INSERTION

#### INSERTION ONE

      db.connection("User").insertOne({
      name: "Saurabh",
      age: 21
      }).then((error) =>{
      console.log(error)
      }).catch((result) =>{
      console.log(result)
      })

#### INSERTION MANY

        db.connection("User").insertMany([
        {
        name: "Saurabh",
        age: 21
        },
        {
        name: "Gaurav",
        age: 21
        }

        ]).then((error) =>{
        console.log(error)
        }).catch((result) =>{
        console.log(result.ops)
        })

#### .ops -> Is used to give you an array. This is not generally used in case of `insertOne` as it only gives you only one object. This is generally used in Case of `insertMany`

### READ

#### `findOne` is used to find a particular data and `find`  is used to to extract multiple data -> Here we can use different methods. Like - toArray(), count etx.

    db.collection('Task').findOne({
         age: 12
    }).then((output) =>{
       console.log(output)
    }).catch((error) =>{
        console.log(error)
    })

    db.collection('User').find({age:45}).toArray((error, result) =>{
        console.log(result)
    })

### UPDATE 

Here, we use `updateOne` to update a particular value. And `$set` it takes a new value that we want in place of the previous data.

    db.collection('User').updateOne({
        name:"Saurabh Kumar"
    },{
       $set: {
           name: "Gaurav Kumar"
       }
    }).then((result) =>{
        console.log(result)
    }).catch((error) =>{
        console.log(error)
    })


### DELETE
Here, we use `deleteMany`. And in the below wxample we put a constraint that is Age. 

    db.collection('User').deleteMany({
        age: 45
    }).then((result) => {
        console.log(result.ops)
    }).catch((error) => {
        console.log(error)
    })


})


## Hope you like it :D
## For more you can visit over here - 
http://mongodb.github.io/node-mongodb-native/3.5/api/Collection

## Complete Code over here -
https://github.com/skwebdeveloper/CRUD_Basics_MongoDB
Building a serverless runtime for learning
Tags: serverless, node, go, devops
Published: 2020-06-28 14:57:53

I spent a portion of my time off learning and experimenting with serverless platforms. I managed to implement a basic runtime in Golang that can build, load, and run functions written in NodeJS and Golang. The source code is available at the following repositories.

- [Runtime](https://github.com/evanxg852000/eserveless-platform)
- [Sample NodeJS functions](https://github.com/evanxg852000/node-eserveless-example)
- [Sample Golang functions](https://github.com/evanxg852000/go-eserveless-example)

The following video is a short demo of the toy project executing a sample cloud function.

{% youtube 0kF_P5H4-Ec %}

A full article explaining more implementations details and project structure is available on my [Blog](https://evanxg852000.github.io/tutorial/golang/2020/06/28/how-i-built-a-serverless-runtime-for-learning.html)