teleren/devto huggingface dataset:
Hyperledger Fabric v2.X Monitoring Using Prometheus
Tags: monitoring, hyperledger, grafana, prometheus
Published: 2021-03-04 06:09:24

---
title: Hyperledger Fabric v2.X Monitoring Using Prometheus
published: true
date: 2021-02-28 17:57:00 UTC
tags: monitoring,hyperledger,grafana,prometheus
canonical_url: https://medium.com/coinmonks/hyperledger-fabric-v2-x-monitoring-using-prometheus-974e433073f5
---

[![](https://cdn-images-1.medium.com/max/1366/1*4UuJjpsZXjNxoLpxuD0MkA.png)](https://medium.com/coinmonks/hyperledger-fabric-v2-x-monitoring-using-prometheus-974e433073f5?source=rss----721b17443fd5---4)

1. Overview

[Continue reading on Coinmonks »](https://medium.com/coinmonks/hyperledger-fabric-v2-x-monitoring-using-prometheus-974e433073f5?source=rss----721b17443fd5---4)
Wee update to my Diversity in Tech and Events Listings 11ty site
Tags: 11ty, diversityintech, irishtechcommunity, community
Published: 2021-02-28 17:47:43

So I realised when I checked https://irish-diversity-in-tech.netlify.app/events/ - all was not as it seems...

![](https://media.giphy.com/media/lKXEBR8m1jWso/giphy.gif)

There's no listings for either general tech events and diversity in tech events as it's the end of the month and it's March 1st tomorrow! 

![](https://media.giphy.com/media/CZYR3gGb6hq2A/giphy.gif)

## Let's "if" this thing
![](https://media.giphy.com/media/CjmvTCZf2U3p09Cn0h/giphy.gif)
Right, so I only need to wrap the bits in an **if** statement. Let's see what I can do, maybe check the listings itself and if it's empty, display the message to say there's no listings this month and check the ARCHIVES (which contains past and upcoming events for both general techie events and diversity in tech events).

```
{% if listings %}
  Get events listings code...
{% else %}
  Display message that there's no more events this month, etc.
{% endif %}
```
Added test events for today so I can see the listing appears, and if I remove it, the message should appear.

BUT... that didn't work!

Ok, used the handy `dump` to show what gets outputting from `listings` and I get `[]`.

Hmm, ok, so it is empty, maybe we can get the length of the array returned, and if it's zero, then display the message.

```
{% if listings | length != 0  %}
  Get events listings code...
{% else %}
  Display message that there's no more events this month, etc.
{% endif %}
```
And hey presto, that worked! 🙌

![](https://media.giphy.com/media/yx4sTbvi1N2ILeDmBR/giphy.gif)

Added that check for diversity in tech events section as well, and tried adding test data and removing it to see the message or listing appears correctly.

So quick fix all committed [back](https://github.com/whykay/diversity-in-tech-ireland/commit/8d76455d7bc7b740efa3ea16660d63e4e55a8345#diff-3d37fdc8f20fc5d013e3aa6ad203785b342ccf2879ca27d37795b8729e363d5c)

![](https://media.giphy.com/media/26u4lOMA8JKSnL9Uk/giphy.gif)

And it all looks ok now!
![Screenshot 2021-02-28 at 17.26.07](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jdyvzykzaj9m4f1io30j.png)
How to pass your AWS Cloud Practitioner Certification
Tags: aws, cloudskills, serverless, 100daysofcloud
Published: 2021-02-28 17:47:31

# Why to get your AWS Cloud Practitioner and How to Pass it the first time.

I started looking into AWS about just over a year ago and decided to get AWS Cloud certified. They have made some great services and serverless technologies in the last few years and continuing to do so. They also have some great AI/ML services for you to get started with. I was between going immediately for the AWS Developer/SysOp Associate directly and/or to do the AWS Cloud Practitioner first.

Think the AWS Cloud Practitioner is great for everyone, even if you are already a cloud engineer. You don't have to study for this exam too long but gives you a great overview of what AWS can offer and as well goes into Billing and Costs and their different plans. You will get more comfortable with AWS and this will help you when you go for your associates certificates. 

If you have been working on AWS for a long time already and now looking to get AWS certified I would suggest then to go directly for the Associate levels instead of the Cloud Practitioner.

## How long should I study for the AWS Cloud Practitioner?
I would suggest anywhere between 2-4 weeks depending on how you're on time and how many hours you can commit. Try to get real in-depth knowledge of all the services within the [Exam Guideline](https://aws.amazon.com/certification/certified-cloud-practitioner)
Specially get comfortable with EC2, S3, RDS, DynamoDB, CloudWatch, Billing and Costs, RI vs Savings Plans, Shared Responsibility Model.

## Resources to use for studying:
[Udemy](https://www.udemy.com/course/aws-certified-cloud-practitioner-new/learn/)
[Udemy Practice Test](https://www.udemy.com/course/practice-exams-aws-certified-cloud-practitioner/)
[AWS Whitepapers as listed on the AWS Cloud Practitioner site](https://aws.amazon.com/certification/certified-cloud-practitioner/)
This should be enough to pass the certificate.

## Build some real-world projects:
I started by building some simple projects on AWS to get a more hands-on experience and then went on building a little bit more complex projects. This was great to answer some questions on the exam you might not have been 100% sure on. Spend allot of time understanding EC2 instances and S3 Buckets, after you get a better understanding of them go over to the database side of AWS which is RDS, DynamoDB, Redshift, EMR etc. To get a high level of the functions of each of these. Spend some time reading the docs on Billing and Costs as this can be tricky to simulate on your account if you do not want to pay a monthly fee for services. The docs and whitepapers are more than enough to pass this exam.

Good luck!
JavaScript Interview Question #28: Resolve and reject at the same time
Tags: beginners, javascript, codenewbie, webdev
Published: 2021-02-28 17:24:21

![js-test-28](https://learn.coderslang.com/js-test-28.png)

Can you resolve and reject the [JS Promise](https://learn.coderslang.com/0027-javascript-asynchronous-programming-and-promises/) at the same time? What will be printed to the console?

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

In JavaScript, promises can’t be resolved and rejected at the same time.

The execution will never reach the call to `setTimeout` and thus `reject(2)`, inside of it.

Thus only the number `1` will be printed on the screen.

---

**ANSWER**: A single message will be logged to the console. After the promise is resolved with `1` the execution stops and the `setTimeout` won’t be called.

[Learn Full Stack JavaScript](https://js.coderslang.com)
Releasing My Wilder Minds Courses for Free
Tags: teaching, net, vue
Published: 2021-03-07 20:08:55

---
title: Releasing My Wilder Minds Courses for Free
published: true
date: 2021-02-28 17:23:58 UTC
tags: Teaching,NET,Vue,VueJS
canonical_url: http://wildermuth.com/2021/02/28/Releasing-My-Wilder-Minds-Courses-for-Free
cover_image: https://wilderminds.blob.core.windows.net/img/Releasing-Wilder-Minds-Courses-for-Free/BS4-0-Slides.jpg
---

Over three years ago I launched a new option for learning at my company's website ([https://courses.wilderminds.com](https://courses.wilderminds.com)). I was really excited to be able to create courses that weren't the mold of my [Pluralsight courses](https://shawnl.ink/psauthor). I wanted to be able to experiment with different ways of teaching people how to code.

It didn't work.

Truth is, [Pluralsight](https://shawnl.ink/psauthor) is keeping me so busy (as well as my films) that I haven't had the time to build new courses for that site. So, starting today I'm releasing all four courses that I created for the website for free on YouTube.

These courses include:

- [Introducing FontAwesome 5](https://shawnl.ink/fa5-free)
- [Bootstrap 4 by Example](https://shawnl.ink/bs4-free)
- [Using Vue with ASP.NET Core by Example](https://shawnl.ink/vue-free)
- [SignalR in ASP.NET Core (bundle of three micro courses)](https://shawnl.ink/signalr-free)

If you're a customer of these courses, I want to thank you for your support and helping me kick off this valuable experience. You won't lose access to the courses, just moved them to YouTube so everyone can have them. If you have questions about this change, please [contact me](https://wildermuth.com/contact).

This process has taught me a lot and I've been bringing some of these lessons to my [Pluralsight courses](https://shawnl.ink/psauthor).


Let me know what you think!

[![Creative Commons License](http://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png)](http://creativecommons.org/licenses/by-nc-nd/3.0/)

 This work by [Shawn Wildermuth](http://wildermuth.com) is licensed under a [Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License](http://creativecommons.org/licenses/by-nc-nd/3.0/).  
 Based on a work at [wildermuth.com](http://wildermuth.com).

* * *

If you liked this article, see Shawn's courses on [Pluralsight](http://shawnw.me/pscourses).
 ![](http://feeds.feedburner.com/~r/ShawnWildermuth/~4/GPnVlKhkOno)
Keda resources
Published: 2021-02-28 17:23:09

<sub><span>Photo by <a href="https://unsplash.com/@randytarampi">Randy Tarampi</a> on <a href="https://unsplash.com/s/photos/infinite">Unsplash</a></span></sub>

- [Scott Hanselman presentation](https://www.youtube.com/watch?v=TftaxqNFsZY)
- [website](https://keda.sh/)
- [blog](https://keda.sh/blog/)
- [Repository github](https://github.com/kedacore/keda)


Hope this helps !
How I fixed my bad typing with a taser
Tags: javascript, arduino, showdev, webdev
Published: 2021-02-28 17:08:21

{% youtube AzlvgHhqN0U %}

Yep you read the title correctly... I used a taser to fix my typing and here’s how.

# Part 1: Why? Why would you do that?

About a month ago I started to notice my typing speed was being slowed down by needing to make corrections in nearly every word. This obviously needed to change, so I devised a plan.

# Part 2: The plan.

The plan was simple.

- Step 1: Detect typos.
In Order to improve my misspellings, we first need to figure out when they’re happening.
- Step 2: Reprimand user
Once we’ve detected a typo, we need to trigger the taser, to help make sure I won’t do it again.
- Step 3: No more typos!
Hopefully when I get teased I’ll make less typos.

# Part 3: The software

In order to detect the typos I threw together a [simple website](http://nobody5050.github.io/taser) which generates a random English word, and then prompts me to type it.

But how does it work?

Well the code is actually really simple. 

{% gist https://gist.github.com/nobody5050/0112c4dbfffdd0bc7df214830a1aea74 %}

The code first grabs the content of a json file I got from here: 

{% github https://github.com/dwyl/english-words/ no-readme %}

After that it picks a random key, and sets the <p> element’s content to the word.

Lastly I need to make sure the user is typing the provided word correctly.

{% gist https://gist.github.com/nobody5050/40136c87619b56a0435ac6ed0c564d63 %}

That code is a really simple function, all it does is check if you’re typing the word correctly and if not it calls a function called turnOn() which triggers the taser.

# Part 4: The hardware.

Now the fun part! 

To handle the taser circuit I’m just going to use some prank shock gum I found on Amazon, it’s a pretty mild shock.

This is good for two reasons, 1: if I mess up I’m not going to electrocute myself, and 2: if I mess up I’m not going to fry any of my electronics.

### But how will I interface the website with the hardware?

Let me introduce, the particle argon! 

![Particle Photo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4jitr9slpzdsf5lkhc59.jpeg)

This is an Arduino compatible board, with cloud connectivity over WiFi. You can control individual pins over the air, just by pinging an API

So I’m going to use a circuit like this to open and close the taser switch via the particle: 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/de7ryjhx4ofmq4p7fn3f.png)

Now that that’s done it’s time for

# Part 5: Testing!
![It works!](https://streamable.com/lsm419)

So yeah it works! If you liked this post you’ll probably like my previous project: {% link https://dev.to/nobody5050/why-i-let-strangers-control-my-lights-and-why-you-should-too-3kg0 %}

Thanks for reading!
Github Actions: Sharing artifacts between jobs
Tags: github
Published: 2021-02-28 16:56:55

This will be a quick tip.

Some days ago, configuring a pipeline inside Github Actions I had the need to use a file generated by a job in another job, that are using distinct OS.

It's pretty straight forward do that, the only thing that you need is the `upload-artifact` and the `download-artifact` actions

Here is an example:

```yaml
job1:

  runs-on: ubuntu-latest
  steps:
  - uses: actions/checkout@v1

  - run: mkdir -p dist

  - run: echo hello > dist/world.txt

  - uses: actions/upload-artifact@master
    with:
      name: hello-world-artifact
      path: dist/world.txt

job2:
  runs-on: macos-latest

  steps:
  - run: mkdir -p dist

  - uses: actions/download-artifact@master
    with:
      name: hello-world-artifact
      path: dist/world.txt

  - run: cat dist/world.txt
```

Source code and documentation for the actions:
- [upload-artifact](https://github.com/actions/upload-artifact)
- [download-artifact](https://github.com/actions/download-artifact)

**BONUS TIP** 
I had the need to fetch a file from the Github Releases as well and to do that I used the third-party action `dsaltares/fetch-gh-release-asset@master`, but the drawback is that action only runs on Linux (because of that I have to copy an artifact from one job to another one ;-) )

Here is an example:
```yaml
uses: dsaltares/fetch-gh-release-asset@master
with:
  repo: "your-user/your-repo"
  version: "latest"
  file: "package.zip"
  target: "dist/package.zip"
  token: ${{ secrets.YOUR_TOKEN }} # If your repo is private, you need to fill with the personal access token
```

Source code and documentation for the [dsaltares/fetch-gh-release-asset](https://github.com/dsaltares/fetch-gh-release-asset) action

That's all folks! Thank you and stay in tune for more tips.
[PT-BR] Github Actions: Compartilhando artefatos entre jobs
Tags: github
Published: 2021-02-28 16:56:40

Esta vai ser uma dica rápida.

Outro dia configurando um pipeline no Github Actions, eu tive a necessidade de usar um arquivo gerado em um job em um outro job, que estavam usando diferentes sistemas operacionais.

É bem simples fazer isso, tudo que você precisa é destas duas actions: `upload-artifact` e `download-artifact`

Aqui está um exemplo:
```yaml
job1:

  runs-on: ubuntu-latest
  steps:
  - uses: actions/checkout@v1

  - run: mkdir -p dist

  - run: echo hello > dist/world.txt

  - uses: actions/upload-artifact@master
    with:
      name: hello-world-artifact
      path: dist/world.txt

job2:
  runs-on: macos-latest

  steps:
  - run: mkdir -p dist

  - uses: actions/download-artifact@master
    with:
      name: hello-world-artifact
      path: dist/world.txt

  - run: cat dist/world.txt
```

Código-fonte e documentação das actions:
- [upload-artifact](https://github.com/actions/upload-artifact)
- [download-artifact](https://github.com/actions/download-artifact)

**DICA BÔNUS**
Eu também tive a necessidade de fazer o download de um arquivo do Releases do Github, para isso eu usei esta action `dsaltares/fetch-gh-release-asset@master` de terceiros, mas a desvantagem é que esta action apenas roda em Linux (por isso que eu precisei copiar um artefato de um job em outro ;-) )

Aqui está um exemplo:
```yaml
uses: dsaltares/fetch-gh-release-asset@master
with:
  repo: "your-user/your-repo"
  version: "latest"
  file: "package.zip"
  target: "dist/package.zip"
  token: ${{ secrets.YOUR_TOKEN }} # Se o seu repo é privado, você precisa do access token
```

Código-fonte e documentação da action [dsaltares/fetch-gh-release-asset](https://github.com/dsaltares/fetch-gh-release-asset)

Isso é tudo, pessoal! Obrigado e fique sintonia para mais dicas.
Going with dotnet for a new project. What’s your best advice?
Tags: discuss, dotnet, mvc, webdev
Published: 2021-02-28 16:11:47

For a new project I’m starting on in a couple months, I am planning to utilize .net. 

I would love to hear what your best advice is for someone starting with the ecosystem? 

My goal is to first build the web app then build the mobile and desktop application for the project. 

How’s the best way to go about learning the web side of things?

Any other advice you have?
Let's break the CSS variables 🤿
Tags: css, tutorial, todayilearned, codenewbie
Published: 2021-02-28 16:04:13

Hello there folks,

This post is part of our "20 days CSS animation"

{% link https://dev.to/atulcodex/20-days-of-css-animation-post-3g8d %}

In this post we are going to learn what is CSS veriables? Ok it's just a smart avoid copy pasting CSS code and repetitive CSS task. Don't scratch your head ha ha ha ha....

Ex. imagine you are working on some project and you want to use same color property again and again then you can store your certain value in CSS variable and use it anywhere you want.

Actully let's deep dive into CSS variables, So you can understand clearly.

This is how we can declare CSS variables.

```
:root
{
  --box-height: 100px;
  --box-width: 100px;
  --box-color: red;
}
```

This code you can see that we have declared variables like ``` --box-height: 100px; ``` in this tag we have declared variable for box height. 
And we can assign it like ``` height: var(--box-height: 100px); ``` it will work just perfect.

If you still in some confusion checkout this codepen project :)

{% codepen https://codepen.io/atulcodex/pen/dyOmZWp %}

And if you guys interested in my free website templates please download them here 👉[AtulCodex Marketplace 🏪](https://www.instamojo.com/atulcodex/).
HTML Transparent Form
Tags: opensource, html, beginners, machinelearning
Published: 2021-02-28 16:02:47

Every time I used to see any transparent form somewhere in websites , always desired to built one by own. I know there can many budding developers are out there like me to help them here is one simple project for them. 

**Tags Used**
1.The `<div>` tag defines a division or a section in an HTML document.

2.The `<form>` tag is used to create an HTML form for user input.

3.The `<script>` tag is used to embed a client-side script (JavaScript).

>HTML CODE

```
<html>
<head>
	<title>Form Html</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://kit.fontawesome.com/f7a6f8989f.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<form id="myForm" action="#">
<div class="container">
	<h1>Login</h1>
	<div class="box">
		<i class="fa fa-user"></i>
		<input type="text" name="email" id="email" placeholder="Enter Your Name">
	</div>
	<div class="box">
		<i class="fa fa-unlock"></i>
		<input type="password" name="password" id="password" placeholder="Enter Your Password">
	</div>
	<button class="btn" onclick="myFunction()">Submit  </button>

</div>
</form>
<script>
function myFunction() {
  document.getElementById("myForm").submit();
}
</script>

</body>
</html>
```

Now we will do some CSS stuff as follows. You can choose image of your choice. I will not explain CSS attributes for that you can refer (https://w3schools.com).

```
*{
	margin: 0;
	padding: 0;
}
@media only screen and (max-width: 1800px){
body{
	background:url('pexels.jpg') no-repeat center center fixed;
	background-size: cover;

}
}

.container{
	/*border:4px solid black;*/
	color: black;
	position: absolute;
	top: 28%;
	left: 20%;

}

.container h1{
	width: 50%;
	display: inline-block;
	font-size: 35px;
	border-bottom: 5px solid purple;
	padding: 12px;
	margin-bottom: 25px;
	text-align: center;
}

.box{
	width: 100%;
	/*border: 2px solid grey;*/
	border-bottom: 2px solid purple;
	margin: 12px 0;
}

.box input{
	background: none;
	width: 90%;
	padding: 10px 0;
	margin:11px 0; 
	font-size: 20px;
	border:none;
	outline:none;
	color:black;	  
}

.btn{
	font-size: 15px;
	font-weight: bold;
	color: grey;
	background: none;
	cursor: pointer;
	outline:none;
	padding: 10px 21px;
	margin: 12px 0;
	border-radius: 10px;
}

box i{
	/*padding: 0 12px;*/
	width: 25px;
	float: left;
	text-align: center;
}

.btn:hover{
	opacity: 0.5;
 	background: white;
 	color: skyblue;
}
```
And now we are ready with our transparent html form. 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5gp8c2xr6hps6kffyajx.png)

Hope it will help you.
Setup container monitoring and management on Raspberry Pi4 with Portainer
Tags: docker, portainer, container
Published: 2021-02-28 15:42:58

I have used [Weave Scope](https://www.weave.works/oss/scope/) previously to monitor and manage [Ultronex](https://dev.to/darnahsan/real-time-dashboard-with-websocket-in-elixir-5ald). Its a great software and really powerful. Last year I bought a Raspberry Pi4 while the world came to a stand still and setup my [Ad blocking VPN with DNS over HTTPS on a Raspberry Pi4](https://dev.to/darnahsan/ad-blocking-vpn-with-dns-over-https-on-a-raspberry-pi4-5c3i) and recently setup a [Smart Display real time dashboard](https://dev.to/darnahsan/smart-dashboard-with-phoenix-liveview-4e3d) but all of this was lacking one thing I got use to, convenient container monitoring and management from anywhere on the web. Weave Scope is not available for `arm` and it broke the deal for Raspberry Pi4. So after some searching came across [Portainer](https://www.portainer.io/) an equally good software for monitoring and management of container with every feature you would need and its OSS. The setup is simple using `docker-compose`

```
version: "3.7"

services:
  portainer:
    image: portainer/portainer-ce:2.1.1-alpine
    container_name: portainer
    restart: always
    networks:
      network:
        ipv4_address: 10.0.2.4
        aliases:
          - portainer
    volumes:
      - /var/run/docker.sock:/var/run/docker.sock:ro
      - portainer_data:/data
    ports:
      - "9000:9000"
  
networks:
  network:
    driver: bridge
    ipam:
     config:
       - subnet: 10.0.2.0/24

volumes:
  portainer_data: {}
```

![Portainer Dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s8jiqv7bhrbzm5jhrcym.png)

When you launch it the first time it will ask you to setup username and password as well.
Left or Right Brain Today? And Why it Matters
Tags: podcast
Published: 2021-03-02 07:47:29

---
title: Left or Right Brain Today? And Why it Matters
published: true
date: 2021-02-28 15:19:15 UTC
tags: Podcast
canonical_url: https://anchor.fm/peter-witham/episodes/Left-or-Right-Brain-Today--And-Why-it-Matters-er6t47
---

The Life Creative is one of my podcasts where I explore being creative in many different forms. I thought this episode was appropriate to share here.

[Play the episode here](https://anchor.fm/peter-witham/episodes/Left-or-Right-Brain-Today--And-Why-it-Matters-er6t47)

The brain has two modes, on the left we have all the logical things, and on the right, the creative things. It's important to figure out which kind of a day you are having to get the most from your tasks and creativity.

A few thoughts on figuring this out and making the most of it.