teleren/devto huggingface dataset:
A beautiful open source comments for your blog
Tags: javascript, node, serverless, productivity
Published: 2020-07-13 21:42:36

![Kucos](https://dev-to-uploads.s3.amazonaws.com/i/zyzuyab7yeuojxdfp5oj.gif)

You don't need a server to host your comment system, you can easily host Kucos on [Vercel](https://vercel.com/) and database on Mongo Atlas where 500mb is for free (for comments it is a lot space :)).

Kucos is focused on complete user privacy and data security, that' s why commenting is completely anonymous, no account is needed.

Kucos is written entirely in JavaScript, backend in _NodeJS_ with _MongoDB (Mongoose)_ and frontend in pure JS. Source of Kucos can be found on GitHub [kucosjs/kucos](https://github.com/kucosjs/kucos), I invite you to test the demo on [this page](https://kucos.js.org), also I'm happy to see pull requests with your fixes or new features :)

A simple _Markdown_ is also available, [here](https://kucos.js.org/markdown.html) you can check out the available Markdown.

## Available functions:

- Writing new comments
- Reply to comments
- Fast quote comments (select text and click _Reply_)
- Hidding/showing children comments
- Voting on comments
- Markdown text formatting
- Adding Kudos under post
- Edit own comments within an hour
- Simple moderation of comments by the website owner [Screenshot](https://i.imgur.com/Zyt0Jxu.gif)
- Checking whether a comment is spam. (Akismet)
- Fast and lightweight code highlighting in comments

## Add Kucos to your website

To add Kucos to your website you only need to add two additional lines.

`<div id="comments"></div>`
`<script src="http://localhost:3000/min/kucos.min.js"></script>`

## Installation

Installation of Kucos is very simple, you need to download the source code then rename the _config.example.js_ file to _config.js_ and fill it in correctly.

`$ git clone https://github.com/kucosjs/kucos`
`$ mv config.example.js config.js`
`$ vim config.js`

Now all you have to do is _npm install_, run the command _gulp_ and _node index.js_ to start the server.

`$ npm install`
`$ gulp`
`$ node index.js`
What We Give
Tags: codenewbie, firstyearincode, javascript
Published: 2020-07-13 21:21:52

My cohort mates and I graduated from Flatiron in April. Such good eggs, they are.

A handful of those good eggs were as active as I was in our Slack channels, but not being tied to the curriculum any longer, communication was petering out (sad face).

Nelson, a cohort mate, suggested a study group to continue sharing resources, and I jumped at the chance. 

Ultimately, my cohort mates and I wanted to code in front of each other because *that* is the most intimidating part about technical interviews (cue the cold sweats).

So each week, we choose a LeetCode problem, pair off into groups of 2 or 3, and we work through a problem together.

It's been a few months of our study group's Friday afternoon Zoom calls, and I have to say, this has been THE most impactful part of my week. Not to mention the best motivation to stay the course and keep practicing for those technical interviews.

Here's why.

###Accountability
+ It can be *so* easy to make excuses for not coding.
+ It's much harder to make excuses when your gang's waiting for you.

###Support
+ You're surrounded by like-minded individuals.
+ There's an abundance of positivity.
+ It's very hard to feel discouraged together.

###Education
+ You get to watch other people code.
+ You get to compare notes and learn from each other.

###Fun
+ Job hunting is stressful! THIS is not!
+ We laugh! We are friendly! We have fun!

###Celebrations
+ We've, so far, seen 2 of our good eggs get hired! DID YOU HEAR THAT?!
+ This is a place to welcome good news, unconditionally.

###One Last Thing
Having just finished *The Splendid and the Vile* (Erik Larson's book on Churchill), something Churchill said struck me:

>"We make a living by what we get, but we make a life by what we give."

These good eggs who gather on Fridays, we are indeed a group who give. The sharing of time, resources, and kindness has not gone unnoticed, and our group continues to grow because of it. 

(Well, except for the folks who leave to work their new, real jobs, but we forgive them.)

Are you looking to practice for interviews? We welcome you! Respond to this post, and I'll share the details for how you can join us.

Thanks for reading!
Divi Presets - Einheitliche Design-Voreinstellungen
Tags: wordpress, divi, elegantthemes, pagebuilder
Published: 2020-08-19 13:52:56

---
title: Divi Presets - Einheitliche Design-Voreinstellungen
published: true
date: 2020-07-13 21:06:41 UTC
tags: Wordpress,divi,ElegantThemes,pagebuilder
canonical_url: https://j0e.org/divi-presets/
---

![Divi Presets - Design-Voreinstellungen](https://j0e.org/wp-content/uploads/2020/07/divi-presets.png)

Divi Presets sind neue Design-Voreinstellungen von Elegant Themes, mit denen du Elemente global verändern und …


Der Beitrag [Divi Presets - Einheitliche Design-Voreinstellungen](https://j0e.org/divi-presets/) erschien zuerst auf [WordPress und Marketing](https://j0e.org).
New FREE Course on Node.js- Creating Server - From INSTALLATION to HOSTING
Tags: node, contributorswanted, techtalks, tutorial
Published: 2020-07-13 21:02:43

## **Course is divided into 8 parts.**

### 1. Installation 
{% youtube HAIW1QhILLo%}

### 2. Create Server with Express
{%youtube hpI_ComJMdA%}

### 3. Connect Node to MongoDB
{%youtube ov5G7t4UKvo%}

### 4. Router in Express.js
{%youtube tbSurnfmRJ0%}

### 5. Models/Schema in MongoDB
{%youtube LEaRoVGSvKg%}

### 6. CRUD operation with MongoDB on Node.js
{%youtube YkiwNVav5b0%}

### 7. Testing on Postman
{%youtube MOeTSnZ79YI%}

### 8. Hosting Node.js App on Heroku
{%youtube 0wV0s0nV-bQ %}
A Helpful Resource on  Securely Connecting Google Analytics to Gatsby
Tags: gatsby, dotenv, netlify, security
Published: 2020-07-13 21:02:17

[Today I came across an article on how to connect Google Analytics to your Gatsby site using dotenv](https://medium.com/javascript-in-plain-english/how-to-connect-your-gatsby-js-landing-page-to-google-analytics-and-deploy-to-netlify-step-by-step-8352467583df). I found this resource to be super helpful and easy to follow. 

You clearly don't want to paste your Google Analytics tracking info in your build code. So dotenv is a great way to securely connect your data. 

I also recently just began to use Netlify, but I am baffled at how easy it is to get builds up and running on the web using this tool.
Smart Way to Structure Vuex
Tags: vue, vuex, javascript
Published: 2020-07-13 20:59:36

After using vuex in several projects, i got used archetecture to import the modules, which will facilitate the code process, and not clutter our store file with several states,getters ... I let you discover this:

First we create a directory store and inside it add a new file **index.js**, but before that don't forget to import it into your main file like this:

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

Edit your **store/index.js**

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

and we notice that we have a new folder **modules** which will contain all our modules **(*.js)** and an **autoloader.js** file

The autoloader.js will import all modules inside directroy and create a new object to eject it in vuex.store

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

Ok, now the rest is up to you, you just have to create **(.js)** files inside the **modules** folder and of course respect the vuex structure for each module like this : 

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

Our final structure directroy will look like this:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/vbtdgr99851txk3mr09v.png)

I preferred to Screen the code than to write it so that you understand what you are going to write rather than coppy & past :D
Add React Icons To Your Projects
Published: 2020-07-13 20:52:12

In this post, you will learn how to use icons from popular icons sets in your React applications. React Icons provides thousands of free, open-source icons. It includes ten popular open-source icon libraries, including Font Awesome, Bootstrap Icons, Devicons, Game Icons, Material Design, ect. It utilizes ES6 imports that allow you to include only the icons that your project is using. 

##Add icons to your project
```
#add with npm
npm install react-icons --save

#add with yarn
yarn add react-icons
```
If you open React Icons documenation, you will see on left-hand side open-source libraries you can use with React Icons.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/e4gfx0ks00a5henn41p7.png)
Also, you can search icons by name in a search bar. For example...
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/9jk7eur8hz7aos1615oz.png)
Once you click on the icon you will be able to copy/paste into your project. In your code editor, you will import icons. In this case I will be using Font Awesome Icon.
```javascript
import { FaBalanceScale } from "react-icons/fa";
```
Withing div tag in your component you will simply invoke it.
```javascript
<div>
   <FaBalanceScale />
</div>
```
How simple is that! Here is how does it look in a browser.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/qfnk7uj5dk1r6td0ux5m.png)
Trust, But Verify (Downloads)
Tags: checksum, security, mac, sha256
Published: 2020-07-13 20:43:53

Have you ever downloaded something from the internet and noticed that the site you're downloading from has a message about verifying the integrity of the downloaded package?  Have you ever been curious how to go about doing that, so clicked the link, only to see a jumble of text displayed?  Believe me, I know the feeling.

While the task of acquiring the SHA256 value of a downloaded file is easy to figure out (there are plenty of resources online on how to do that), most of the examples out there seem to only go that far, relying on your ability to spot the difference visually between the two outputs.

My friends, there is a better way.

#### Option 1: Echo!
1) After downloading the package you want to verify, make a note of where that file is.  If it makes it easier, `cd` into the containing folder so that you don't need to specify the path to it.
2) Copy the SHA256 value from the download site that corresponds with the package you downloaded (that's going to be all the letters/numbers before the spaces and the file name)
3) In your terminal shell, type the command:
```bash
echo "${Copied 256 Value}  /path/to/downloaded/file" | shasum -a 256 -c
```

Let's break that down.  
The echo command will write the copied value to standard out.  The quotation marks ensures that the whitespace is maintained... the two spaces between the SHA256 and the filepath is important.  From the man page for `shasum`, the second space character is for specifying that the type should be text.  It should be noted that in lieu of a space character, you could also set the mode to binary and provide the mode character '*'
The | (pipe character) passes the output (stdout) of the previous command to the input (stdin) of the next, so now the `shasum` command has the values we just passed to stdout
The -a flag is shorthand for -algorithm and tells `shasum` which type of SHA to calculate.  In this example, we're working with SHA256, so we pass 256 to the -a flag.
The -c flag is shorthand for --check

Example:
```bash
 echo "ef0ca4924922514b6ad71469998821f2cf7c596b4b8b59736c3699759e0f1df8  Downloads/VirtualBox-6.1.10-138449-OSX.dmg" | shasum -a 256 -c
```

#### Option 2: Why Echo When You Can Redirect?
1) After downloading the package you want to verify, make a note of where that file is.  If it makes it easier, `cd` into the containing folder so that you don't need to specify the path to it.
2) Copy the SHA256 value from the download site that corresponds with the package you downloaded (that's going to be all the letters/numbers before the spaces and the file name)
3) In your terminal shell, type the command:
```bash
shasum -a 256 -c <<< "${Copied SHA256 value}  /path/toDownload"
```

Example:
```bash
shasum -a 256 -c <<< "ef0ca4924922514b6ad71469998821f2cf7c596b4b8b59736c3699759e0f1df8 *Downloads/VirtualBox-6.1.10-138449-OSX.dmg"
```

#### Result
Whichever option you choose, if your SHA256 values match, you should get a response like:

```bash
Downloads/VirtualBox-6.1.10-138449-OSX.dmg: OK
```
Freelancers needed for various remote contract positions (multiple skills)
Tags: hiring, womenintech, career
Published: 2020-07-13 20:38:05

Toptal is adding freelancers even amid the layoffs and furloughs hitting many industries. 

#Skills Needed:
We provide freelance tech talent to top organizations and are looking for global talent in the following areas:

**React Native, Unity, Java, Shopify, Angular, React, Unreal Engine**

We are also looking for the following skills in the US:

**Python, React, React Native, Shopify**

These are all fully remote positions (even during non-pandemic times), and because we're so diversified geographically and by industry, it's very common for people to transition to companies in other regions or sectors that are doing well while others are facing difficult times.

#Contact:
Please contact me for more info (https://topt.al/GcA8y), and feel free to check out our Toptal page to learn more about our process, our community, our clients, and the work we do.
libnss-ldap vs libnss-ldapd
Tags: ldap, nss, modul
Published: 2020-07-13 20:32:56

Windows ve GNU/Linux ortamlarında Etki Alanı yapısından bağımsız bir şekilde çeşitli NSS modülleri bulunmaktadır. NSS dediğimiz şey "***Name Service Switch***" adı verilen Unix-benzeri  sistemlerde yer alan yapıdır. Özellikle sistem yöneticilerinin çok kullandığı nsswitch.conf dosyası içerisinde yer alan modüllerin kullanılmasına rağmen detaylar pek incelenmemektedir.

Örnek bir nsswitch.conf dosyası aşağıdaki gibidir:
```
passwd:         files systemd ldap
group:          files systemd ldap
shadow:         files
gshadow:        files

hosts:          files mdns4_minimal [NOTFOUND=return] dns
networks:       files

protocols:      db files
services:       db files
ethers:         db files
rpc:            db files

netgroup:       nis
```

Özellikle kullanıcı-grup bilgilerinin yer aldığı passwd ve group alanında kullanılan "ldap" modülü için iki farklı paket kullanılmaktadır. Debian tabanlı sistemlerde libnss-ldap ve libnss-ldapd gibi iki paket şeklinde görülmektedir. 

- - -

### libnss-ldap
Bu paketlerden ilki olan ***libnss-ldap*** ve ***libpam-ldap*** bugün itibariyle en son 23 Nisan 2016 tarihinde commit almıştır ve belki de fiili olarak geliştirilmiyor bile denebilir.
https://github.com/PADL/nss_ldap

- - -

### libnss-ldapd
Diğer güncel olan paket ise Arthur De Jong tarafından aktif bir şekilde geliştirilmeye devam edilip, ***libnss-ldapd*** ve ***libpam-ldapd*** paketleri ile kullanılıp aşağıdaki repo'dan kaynak kodları kontrol edilebilmektedir:
https://github.com/arthurdejong/nss-pam-ldapd

- - -

Sadece son geliştirme tarihi olarak değil, çeşitli özellikler anlamında da libnss-ldapd paketi daha fazla özellik taşımaktadır. Bu nedenle sistemlerde kullanılması daha fazla önerilmektedir. 

Özellikle libpam-ldapd paketi için çeşitli özellikleri arthur de jong kendi sayfasında da içerik üretmektedir:
https://arthurdejong.org/nss-pam-ldapd/

Ducunt volentem fata,nolentem trahunt
Job Search Week 21
Published: 2020-07-13 20:32:49

So this week I started on making my portfolio starting with the backend. When I get this done I'll ideally have a nice portfolio website that can act a sort of CV that also displays my skills as a developer.

Day 1

So I the week by getting my repo set up. I then set up Jest to test my API which I was familiar with thanks to doing the todo API project. I also added my first function and test for creating a project.

Day 2

On Tuesday I started working on the return of the function making sure it was returning the right status code and that it was returning the JSON. I also had to add the jest config file so I could set the test environment.

Day 3

I started connecting to the database on Wednesday. I also continued working on the create project function moving on to error handling and integration tests finishing that function.

Day 4

On Thursday I moved onto the get projects function for retrieving all the projects int the database. I got it set up and returning the correct response codes and returning JSON.

Day 5

Friday I got through the rest of the get projects function adding error handling and doing the integration tests. I then moved onto getting a single project by the id making it return the correct response codes and the JSON as well as adding a try/catch block for acting errors.

Summary

Overall it was a good week I got the backend started and a lot of the other functions will be quite similar so I can get through them quite quickly. I'm happy to get started on my portfolio because it'll be nice to display all my projects in a more interactive way.
Inside The Hiring Manager's Mind - Phone Screen
Tags: career, interview, tips
Published: 2020-07-13 20:22:35

Hi there 👋 

I'm Eric.  

Former VP of Eng now running a recruiting startup. Here to help you along your job search. The phone screen is a filter to see if a candidate has the experience and interest to work at a company. Let me know if you find this helpful in the comments and on social.  

Let’s get started!

## Preparation
Research the following:
* The business of the company
* The goal they’re trying to achieve with a hire
* The background of the person you’re speaking with

Take a minute to think about how it all fits together.  Let questions and concerns bubble up in your mind.  If you’ve got that down, you’re starting on the right foot.  This is a social world.  There are lots of blog posts, videos and content that people put out there about themselves and their company.  Check it out and refer to them on the call.  It’s always impressive to me when candidates do their homework.

Most candidates don't do a thorough enough job.  You will and you’ll have a leg up.

## Your stories
How prepared are you to share the following?

* A compelling story about who you are professionally
* Specific examples of how you’ve worked effectively as an individual and team member
* A clear explanation of your expertise and how you've used specific technologies
* Stories of triumph and failure and what you’ve learned from them
* Why you want to work at that specific company

That’s the minimum you’ll be asked.  If you can think of more stories, put them in your tool belt.  Each one of these stories better draw me in and give me valid reasons for believing that your experiences will translate to working with me.  

Work on them and practice them.  Pull in a few industry friends to listen to them.  You won’t regret it.

# Your interest
Show that you want the job.  Do that by preparing thoughtful questions ahead of time.  

Here are some examples:
* What’s it like to work at your company?
* What pain points are you trying to solve with this role?
* What’s your advice for this person to be successful in the role?

Showing interest will help build a meaningful conversation.  There’s a person on the other side of the phone who has talked to lots of candidates.  Stand out by making the most out of your call.  Drive a level of interest they haven’t seen before.  That’ll help you get to the next step.

# Follow up
Be thoughtful.  Send a brief thank you note with a meaningful message referencing the highlights of the conversation.  It only takes a few moments and people appreciate them.  There is no downside.  Do it.

# Your first steps
Thanks for reading.  Was this helpful?  What other techniques do you use on a phone screen?  Comment 👇 and follow me on social.
#034 Kubernetes - Replicasets
Tags: kubernetes, devops, tutorial
Published: 2020-07-13 20:17:11

# Introduction

this is part 34 from the journey it's a long journey(360 day) so go please check previous parts , and if you need to walk in the journey with me please make sure to follow because I may post more than once in 1 Day but surely I will post daily at least one 😍.

And I will cover lot of tools as we move on.
***
# What replicasets mean?
![replica](https://dev-to-uploads.s3.amazonaws.com/i/4yt9n8mzphhvwy2xc7fh.jpg)
if you work with Databases before you may be familiar with this concept . If not replicasets is the duplication of a thing , if we take example of database if a copy of database down you will have another replication of the database. And how you can synchronize between them so if one got updated all others also got updated.
***

# Theory and Advantages
![fail](https://dev-to-uploads.s3.amazonaws.com/i/4jzia8zo9af6miwgji7q.png)
let's assume that my application is now on the production phase and users can access it , so let's assume that a container fail for some reason , so what is the solution? the solution is do many copy of it so we can feature high availability to the users.
![replica](https://dev-to-uploads.s3.amazonaws.com/i/ja06clpugouupnqxlbxb.png)

they are ordered as we see inside the node(not any node we will mention it) we have replicaset and inside we have the pod then container.
![load balance](https://dev-to-uploads.s3.amazonaws.com/i/l1d1ip5j2mlnwcjhl2re.png)
We insure that we have load balancing , also as we see we have replicaset (in yellow) cover 2 nodes and 3 pods.
***

# yml of replicaset
```yaml
apiVersion: apps/v1
kind: ReplicaSet
metadata:
  name: frontend
  labels:
    app: guestbook
    tier: frontend
spec:
  # modify replicas according to your case
  replicas: 3
  selector:
    matchLabels:
      tier: frontend
  template:
    metadata:
      labels:
        tier: frontend
    spec:
      containers:
      - name: php-redis
        image: gcr.io/google_samples/gb-frontend:v3
```

this how a replicaset look like , don't worry the next part we will explain it piece by piece. What I need from it now selector . We can run all the pods that have type of frontend only and do replica for them.
so in our last example we use restapi
![type](https://dev-to-uploads.s3.amazonaws.com/i/eg5h7w358q1wmu3s3azn.png)
we use the type as restapi so we can do replicas for this type for example.
Don't worry next lecture will make it all clear :)
The 3 steps of publishing to npm
Tags: npm
Published: 2020-07-13 20:12:37

A few days ago, I built a CLI for a key-value store. Now I had to share it with the world. For that, I used npm. And It was incredibly easy.

*STEP 1*
Register at https://www.npmjs.com/signup

*STEP 2*
```bash
npm login
```

*STEP 3*
```bash
npm publish
```

That's it. Now, don't forget to publish your module again after making changes. Also, don't forget to bump the version in package.json before publishing.