teleren/devto huggingface dataset:
¿ Cómo Encontrar Plugins Para Vim ?
Tags: help, vim, discuss, spanish
Published: 2021-04-14 16:55:12

Lo prometido es deuda, La pregunta que la mayoría de personas me hacen es como encuentras plugins para tu amado Vim, el día de hoy te voy a contar varias webs para temas de color plugins etc.

# Webs para Temas de Color

Mucha gente no se pasa a vim por que dicen que "se ve feo" pero si sabes buscar en el lugar indicado te encuentras con varias obras de arte tales como *Gruvbox, Gruvbox Material, SpaceDuck etc* estas webs son:

1. **Vim Color Schemes** [Link](https://vimcolorschemes.com/)

2. **Vim Colors** [Link](https://vimcolors.com/)

3. Este es un plugin el cual contiene varios colorschemes hermosos [Link](https://github.com/rafi/awesome-vim-colorschemes)

# Webs para Plugins y Temas

Ahora que ya tenemos hermoso en apariencia a Vim podemos proseguir dándole funcionalidad, existe la web más famosa para eso que te la voy a presentar a continuación pero también existe Github que para mí es el repositorio de plugins más grande que existe y te enseñare como buscar en Github los plugins que necesites

1. Esta es la web más famosa para encontrar plugins se llama **Vim Awesome** [Link](https://vimawesome.com/)

2. Ahora empezamos la forma de como buscar en github

## 2.2 Buscar en github

1. En la barra de navegación tu puedes encontrar el botón o link **Explore**

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yx9sh979kj4mt0buo6ff.png)
 
2. Click en topics

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2ttxuhacm17ej11p94fk.png)

Una vez allí puedes buscar el tema que necesites en nuestro caso Vim puedes dar click en **Load More** y luego ver hasta la V el tema Vim

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2v0a28nu6l3622xnchzf.png)

Una vez allí podemos buscar entre todos los plugins lo que necesites,

O otra forma es buscar en lo que necesites y al final añadir Vim o buscar vimrc y ver los plugins de varias personas

# Agradecimientos

Gracias por ver este artículo te leo en el siguiente y si tienes algo que agregar los comentarios.
How I added a dark theme to my website!
Tags: css, html, 11ty
Published: 2021-04-14 14:50:57

# Using Detect Dark mode


Changing the color scheme of a website is basically a requirement these days, and I decided to add a nice and simple version for my new, lightweight blog.
A few weeks ago, I discovered a new media query while browsing the web, and I knew I had to try it out!


I ended up using the media query of `prefers-color-scheme` to get the user's preferred color scheme, instead of using a toggle switch for now.

I will eventually end up with a nice toggle or switch somewhere, but I really wanted to just play around with this media query I found out about!

It ended up being far simpler, and acts almost as a "native" application for the user, being that it ties into the browser's preferred color scheme.

The media query is relatively straight forward, and I implemented it like this.

```css
@media (prefers-color-scheme: dark) {
  :root {
    --black: #ffffff;
    --white: #232c33;
    --off-white: #111111;
    --blue-hl: var(--pewter);
    --blue: #3a6a92;
  }
}
```

And in my case, right before this media query I am using the following to set my normal colors for my site:

```css
:root {
  --blue: #172a3a;
  --blue-hl: #3a6a92;
  --black: #232c33;
  --pewter: #76949f;
  --white: #ffffff;
  --off-white: #fdfdfd;
}
```

All in all, it took me about 15 minutes to setup, just tweaking the colors when the switch to darkmode happened, and I had my website ready to go!
Kotlin Loop: for loop + while loop + break & continue example
Tags: kotlin, loop
Published: 2021-04-14 16:46:54

https://grokonez.com/kotlin/kotlin-loop-loop-loop-break-continue-example

Kotlin Loop: for loop + while loop + break & continue example

In the tutorial, <a href="https://grokonez.com">Grokonez</a> will show you how to work with Kotlin Loop statements: <code>for</code>, <code>while</code>, <code>do while</code> and <code>break</code> & <code>continue</code> with Kotlin loops.

<!--more-->
<h2>I. Kotlin For loop</h2>
We use <code>for</code> statement to iterate through an iterator collection.
<h3>1. for statement with Array & List collection</h3>
The syntax is as follows:

<pre><code class="language-java">
for(item in anArray){
	println(item)
}

...
for(element in aList){
	println(element)
}
</code></pre>

For working with index, we can use:

<pre><code class="language-java">// with Array
for(i in anArray.indices){
	println("customer with index = $i is " + anArray[i])
}

... or ...
for((index, item) in anArray.withIndex()){
	println("the item at $index is $item")
}

// with List
for(index in aList.indices){
	println("element with index = $index is " + aList.get(index))
}

... or ...
for((index, element) in aList.withIndex()){
	println("the element at $index is $element")		
}</code></pre>

Practice:

More at:

https://grokonez.com/kotlin/kotlin-loop-loop-loop-break-continue-example

Kotlin Loop: for loop + while loop + break & continue example
Kotlin return Function from Function
Tags: kotlin, functional
Published: 2021-04-14 16:38:23

https://grokonez.com/kotlin/kotlin-return-function-function

Kotlin return Function from Function


With Kotlin, we can define a function that chooses the appropriate logic variants for specific cases and returns one of them as another function. In this tutorial, we're gonna look at how to return Function from Function.

<!--more-->
<h2>I. Technology</h2>
- Java 1.8
- Kotlin 1.1.2
<h2>II. Overview</h2>
- To declare this kind of function, we specify a function type as its return type
- To return a function, we write a <code>return</code> expression followed by a <em>lambda</em>, a <em>method reference</em>, or another expression of a function type
<pre><code class="language-java">fun funcName(input: InputType): (FuncInputType1, FuncInputType2) -> FuncReturnType {

	return [function type]			
}</code></pre>
<h2>III. Practice</h2>
<h3>1. Helper Class with function</h3>
<pre><code class="language-java">package com.javasampleapproach.returnfunction

enum class Level { STANDARD, VIP }

class ChargeManagement {

	companion object {
		fun getChargeCalculator(level: Level): (Order) -> Double {
			if (level == Level.VIP) {
				return { order -> 3 + 0.8 * order.quantity }
			}
			return { order -> 1.2 * order.quantity }
		}
	}
}</code></pre>

https://grokonez.com/kotlin/kotlin-return-function-function
Whac-a-mole in JavaScript (super simple)
Tags: tutorial, gamedev, javascript
Published: 2021-04-14 16:35:50

This video is Sponsored by HarperDB. Sign up free through the HarperDB Studio: http://bit.ly/HarperDBAniaKubow.

Learn to make a simple grid-based game using HTML, CSS and JavaScript. The idea of whack-a-mole is simple! The player needs to hit the grid with the mole in as many times as possible until the time runs out. In this tutorial, we will cover:

- document.querySelector()
- textContent
- forEach
- addEventListener
- setInterval
- classList.add

...and many more.

As always, if you get stuck or have any questions, please do comment below and I will be sure to get back to you!

Please don't forget to Subscribe and hit that bell button! it would really mean a lot to me and inspire me to make more content for you all! :)

{% youtube rJU3tHLgb_c %}

____

In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here: http://bit.ly/tabnine-top-tool

If you would like to buy me a coffee, well thank you very much that is mega kind! : https://www.buymeacoffee.com/aniakubow

Sign up for weekly coding tips from my newsletter partnership: https://bit.ly/JS-tips

GitHib Code here: https://github.com/kubowania/whack-a-mole

You can also find me on:
Twitter: https://twitter.com/ania_kubow
Instagram: https://www.instagram.com/aniakubow

#codingbootcamp​​ #coding
JavaScript Basic Concepts that are important in React
Tags: react, javascript, webdev, beginners
Published: 2021-04-14 16:31:31

When I start learning React I was baffled by some of the codes blocks, I don't understand how the code works or how the output was generated. So I begin to dig into react ecosystem to understand the concepts and I found myself in no man's land, I was lost and frustrated. The reason, I was not thorough in my JavaScript(still not) basics. I skipped some topics believing that I fully understand the working. Due to the lack of knowledge in JavaScript basics I fell into many awkward situations not knowing how to solve certain problem or what method I should use, I lost too much time, and I don't want anyone to have the same experience as mine. So I like you to study at least the following topics in JavaScript before you jump into React. 

1. [Classes] (https://dev.to/kiranrajvjd/javascript-classes-part-1-3l6b)  
2. [Modules] (https://dev.to/kiranrajvjd/javascript-modules-5ad5)
3. [Rest, spread](https://dev.to/kiranrajvjd/javascript-rest-and-spread-fk5)
4. [Destructuring] (https://dev.to/kiranrajvjd/javascript-destructuring-4dpb)
5. [Higher order functions] (https://dev.to/kiranrajvjd/javascript-higher-order-functions-3gi1)
6. [Arrow functions](https://dev.to/kiranrajvjd/javascript-arrow-functions-5aa2)

This list is not the ultimate list, just the few topic I found most important. All topic are important but try to understand at least the following which will definitely help you. I have linked post that I write about the topic, it may help you. Some of the topics are not completing as I am trying to learn more about those topic and will be updated. I would be happy if you point out my mistakes which will help me to learn better. If you have any resources please feel free to share. Let's learn together :) Happy coding :)
Wednesday Links - Edition 2021-04-14 
Tags: java, jvm, maven, kotlin
Published: 2021-04-14 16:31:23

Profiling is undervalued tool (30s read) 🦄 
https://twitter.com/richardstartin/status/1379783843251650560?s=19

Bitemporal History Design Pattern (15m read) 🥸
https://martinfowler.com/articles/bitemporal-history.html

How to solve dependency conflicts with BOM (13m read) 🤞
https://reflectoring.io/maven-bom/

Kotlin Plugin 2021.1 makes your development faster (7 min read) 🚀
https://blog.jetbrains.com/kotlin/2021/04/kotlin-plugin-2021-1-released/

Hands on Foreign Linker API introduced in JVM 16 (34 min read) ☕️
https://blog.arkey.fr/2021/02/20/a-practical-look-at-jep-389-in-jdk16-with-libsodium/

Small improvements in JVM 16 (7 min read) 🧐
https://nipafx.dev/java-16-stream-mapmulti/

Have a fun learning about custom Splitterators (12 min read) 👾
https://www.javaspecialists.eu/archive/Issue289-MergingSortedSpliterator.html
How to Run Cypress tests In BrowserStack with Generating the Html report in Just a Few Mins
Tags: cypress, cypresio
Published: 2021-04-14 16:29:27

How to Run Cypress tests In BrowserStack with Generating the Html report in Just a Few Mins


https://lnkd.in/eGmWHFG

https://lnkd.in/e6mf8DA


What Cover in this VIDEO : -
- How we can run test cases in BrowserStack.
- How we can run test cases in BrowserStack in different browsers.
- How we can generate the HTML report.


Medium Blog link 
https://kailash-pathak.medium.com/how-to-run-cypress-tests-in-browserstack-with-generating-the-html-report-445d314fca17
How to: Set up Distributed Monitoring with OpenNMS
Tags: blog, howto, activemq, distributedmonitorin
Published: 2021-04-20 14:54:22

---
title: How to: Set up Distributed Monitoring with OpenNMS
published: true
cover_image: https://pbs.twimg.com/media/EzCLZS4WEAEVMlY?format=jpg&name=large
date: 2021-04-14 16:27:09 UTC
tags: Blog,HowTo,activemq,distributedmonitorin
canonical_url: https://www.opennms.com/en/blog/2021-04-14-how-to-set-up-distributed-monitoring-with-opennms/?utm_source=rss&utm_medium=rss&utm_campaign=how-to-set-up-distributed-monitoring-with-opennms
---

_Note: this was originally published to the OpenNMS blog by Bonnie, our lead communications professional._

---

Large, distributed networks can be difficult to reach and monitor from a central location, with challenges like firewalls, network address translation (NAT) traversal, overlapping IP address ranges, and locked-down environments. The OpenNMS Minion component extends the reach of Horizon/Meridian, so you can monitor systems and networks that would otherwise be inaccessible, for optimal visibility into every area of your network.

Minions communicate with OpenNMS via an ActiveMQ or Apache Kafka message broker. Learn how to set up a simple OpenNMS Minion environment in these articles by Alejandro Galue, Senior Manager, Services and Support at The OpenNMS Group:

- [Simple OpenNMS/Minion Environment Using Kafka in Azure](https://hackmd.io/@agalue/SJ1X4vKz_ "Simple OpenNMS/Minion Environment Using Kafka in Azure")
- [Simple OpenNMS/Minion Environment Using the Embedded ActiveMQ in Azure](https://hackmd.io/@agalue/HkY4Vhtbd "Simple OpenNMS/Minion Environment Using the Embedded ActiveMQ in AWS")

![](https://www.opennms.com/wp-content/uploads/sites/3/2021/04/Kafka_Minion-1024x414.jpg)

![](https://www.opennms.com/wp-content/uploads/sites/3/2021/04/ActiveMQ_Minion-1024x417.png)
25 Awesome Fonts From Google Fonts
Tags: webdev, discuss
Published: 2021-04-14 16:17:24

Here I list 25 awesome fonts from google fonts, these are my favourite fonts that I used in various projects. Take a look at it and comment your favourite fonts. If you have any other suggestions please comment it, so that in future projects I can use those fonts.
   
1. [Alegreya] (https://fonts.google.com/specimen/Alegreya)
2. [Vollkorn](https://fonts.google.com/specimen/Vollkorn)
3. [Poppins](https://fonts.google.com/specimen/Poppins)
4. [Titillium Web] (https://fonts.google.com/specimen/Titillium+Web)
5. [Roboto] (https://fonts.google.com/specimen/Roboto)
6. [Ubuntu] (https://fonts.google.com/specimen/Ubuntu)
7. [Varela] (https://fonts.google.com/specimen/Varela)
8. [Crimson Text] (https://fonts.google.com/specimen/Crimson+Text)
9. [BioRhyme] (https://fonts.google.com/specimen/BioRhyme)
10. [Karla] (https://fonts.google.com/specimen/Karla)
11. [Lato](https://fonts.google.com/specimen/Lato)
12. [Playfair Display] (https://fonts.google.com/specimen/Playfair+Display)
13. [Montserrat] (https://fonts.google.com/specimen/Montserrat)
14. [Rubik] (https://fonts.google.com/specimen/Rubik)
15. [Cardo] (https://fonts.google.com/specimen/Cardo)
16. [Nunito] (https://fonts.google.com/specimen/Nunito)
17. [Oxygen] (https://fonts.google.com/specimen/Oxygen)
18. [Merriweather](https://fonts.google.com/specimen/Merriweather)
19. [Exo 2](https://fonts.google.com/specimen/Exo+2)
20. [Amaranth](https://fonts.google.com/specimen/Amaranth)
21. [Josefin Slab](https://fonts.google.com/specimen/Josefin+Slab)
22. [Arvo](https://fonts.google.com/specimen/Arvo)
23. [Lora](https://fonts.google.com/specimen/Lora)
24. [Quicksand](https://fonts.google.com/specimen/Quicksand)
25. [Cairo] (https://fonts.google.com/specimen/Cairo)
Five mistakes writers make when writing for the web
Tags: content, writing, blogpost
Published: 2021-04-14 16:13:12

You can make good money when writing for the web, provided you avoid some of the common mistakes new writers and even some experienced writers often make. You don’t have much time to grab and keep the attention of the reader and making these mistakes will lose it very quickly.

Here are five mistakes to avoid when writing for the web:

**Long Drawn-Out Paragraphs** 
Keep your sentences around two or three per [paragraph](https://dictionary.cambridge.org/dictionary/english/paragraph) to help better hold the attention of your reader. Most people learn that a paragraph normally consists of five sentences. However, that rule doesn’t apply when writing online. The average reader skims over the article and when they see this much text in one paragraph, it’s too much to read.

**Keyword Stuffing**
Anyone familiar with online writing knows that using keywords is a great way to draw readers to your content. People use keywords to search for the things they want to read but keyword stuffing will get you into trouble. Keywords should flow naturally.

**Using Fancy Words**
The average reader does not want to use a dictionary to understand the article. Most of the time, you’ll need to use common everyday words. Only use fancy or unusual words when the article specifically requires it or if you are writing for a highly technical audience.

**Using Bad or Outdated Sources**
Readers are searching for good, useful information. If you don’t provide it, someone else will and that is what readers will use. Providing information that is wrong or outdated will give you a bad reputation as an unreliable source. It also gets you down-ranked in Google. Writing skills are important not only for content makers, when I [write my personal statement](https://essaywriterhelp.co/write-my-personal-statement/), they were also useful.

**Adding Fluff**
Most writers are tempted to add fluff to their content to make word count but this is a big mistake. When you run out of content and need more to make word count, do more research.
You can be a successful writer for the Web when you learn not to make these common mistakes. Being a freelance writer is hard work and requires both time and effort on your part. Put forth your best efforts and it will pay off in the end.
Welcome Thread - v120
Tags: welcome
Published: 2021-04-14 16:06:43

---
title: Welcome Thread - v120
published: true
description: Welcome to DEV! A thread of hellos and intros.
tags: welcome
canonical_url: 
---

![Bugs Bunny](https://media.giphy.com/media/QAsHga1AB6dIGUsui6/giphy.gif)

### Welcome to DEV!

1. Leave a comment below to introduce yourself! You can talk about what brought you here, what you're learning, or just a fun fact about yourself.

2. Reply to someone's comment, either with a question or just a hello. 👋 

**Great to have you in the community!**
Beautify your terminal and store your configuration in less than a minute
Tags: dotfiles, terminal, linux, mac
Published: 2021-04-14 15:56:20

## 🇪🇸 Video in Spanish
{% youtube rnuKsIU6Ax8 %}

For the past two years I have been maintaining my own repository with my machine configuration or/and dot files. This has been really useful, since then, every time I change from one machine to another one I just have to run one set up command and, in less than a minute, everything it's set as expected.

Applications, terminal configuration, private keys, fonts and more. Everything it's back, and I can start working without spending time on configuration, etc.

This repository it's private, as I have some important files there, buy I create a public one, so you can do this in seconds in either, Linux or Mac.

## Installing Faldot to beautify my terminal

{% github victor-falcon/faldot no-readme %}

[Here you can find the public repository](https://github.com/victor-falcon/faldot) to bootstrap your dot files and start storing them.

To start with this you just need to create a fork (if you want to store your own configuration in your own repository) or just run the set_up command below:

```bash
bash <(curl -s https://raw.githubusercontent.com/victor-falcon/faldot/main/install)
```

## Customizing your files
After installing faldot you will find all files and configuration in `~/.faldot`. There you can update, for example, the files `brew.pkglist`, `pacman.pkglist`, `apt.pkglist` or `snap.pkglist` to configure your needed applications. Also, you can find a `Fonts` folder, the `.vimrc` and `.zshrc` configurations files and more.

After every change you made you need to commit and push to your repo in order to have this files updated.

## Do even more
This repo it's just a starting point. You can configure it and do whatever you want. If you look into the `install.sh` file there you can run whatever command to really customize your files.

Do you miss something? Let my know!
How to fix Git error: object file is empty?
Tags: git, beginners
Published: 2021-04-14 15:54:37

# Step 1: Make a backup of your .git

```sh
# Copy your git folder to git-old
cp -a .git .git-old
```

# Step 2: remove empty files
```sh
# Go into the git folder
cd .git/
# Delete all empty files in the curent folder and sub-folders
find . -type f -empty -delete -print
```

# Step 3: check if everything's right
```sh
# Verifies the connectivity and validity of the objects in the git folder
git fsck --full
# Show the repos status
git status
```

If you have more issues, check this topic in stackoverflow it is very helpful
{% stackoverflow 12371337 %}

When the problem is solved, delete the backup folder :
```sh
# Remove the folder git-old
rm -rf .git-old
```

# Sources
- https://stackoverflow.com/questions/11706215/how-to-fix-git-error-object-file-is-empty/12371337#12371337
- https://man7.org/linux/man-pages/man1/cd.1p.html
- https://man7.org/linux/man-pages/man1/cp.1.html
- https://man7.org/linux/man-pages/man1/find.1.html
- https://man7.org/linux/man-pages/man1/rm.1.html
- https://git-scm.com/docs/git-fsck
- https://git-scm.com/docs/git-status
Free Code tutorials and where to find them.
Published: 2021-04-14 15:37:13

It's April and one of the code sites is offering free use of it's content for the month. So I decided to make a list of some of the free code tutorial sites. This is not a full list but just some of the places I've used to learn. 

[Plurasight](https://www.pluralsight.com/) is free for the month. Why free? to get people to use their site and hopefully sign up for subscriptions. There is some great content here. This week I'm learning React by building a game. Earlier I watched some Accessibility videos. It didn't have hands on on exercises but the videos are good references.

Check out #freeApril, while it lasts.

[Codecademy](https://www.codecademy.com/) has a free tier and a PRO tier. I have used Codecademy several times in my software journey. Most recently for React lessons. It's good to use different sources to learn. The different views points might fill in gaps others left or explain something in a way that "clicks" better with you. 
Codecademy has nice interactive lessons that helps debug you code. You can set your own goals and earn badges. 

[Wes Bos][Wes] also has free and paid courses. His free courses cover JavaScript, CSS, and markdown. JavaScript30 is a 30 day challenge of vanilla JavaScript. Mastering Markdown is a good primer for using markdown. I picked up a few tips for it for this blog. He has Grid and Flexbox lessons as well. 

[FreeCodeCamp](https://www.freecodecamp.org/) is always free. I built some python games using their videos. But those were videos FreeCodeCamp Shared on YouTube. I have not used their full certification site. I just wanted to build something and a duckduckgo search sent me to YouTube. Which leads us to YouTube.

[YouTube](https://www.youtube.com/results?search_query=javascript) There's some great content on here as well. Many developers have their own channels. So search and see who you can find. It's not interactive like some of the other tutorials but there are videos where you can code along and build what they build.

That's my quick list of free tutorial sites. Use different sites to get different looks at a language. After you build a few things test your knowledge on some code challenge sites. Which sounds like a good topic for another post.


[Wes]:https://wesbos.com/courses/
Maps better than Google Maps?
Tags: esri, maps, javascript, 3dcontent
Published: 2021-04-14 15:35:27

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/46vui6giywrk44l5ckxw.png)
Have you ever wished to give a great visual experience for customers of your page or readers of your blog posts where you project some information on a map? You should out ESRI API for Javascript which is simple but complex at the same time. It gives you a lot of opportunities of the way to visualize different types of data on a map like points, geotags, polylines, areas, and even 3D models.

Don't waste your time and take a look at https://developers.arcgis.com/javascript/latest/ !