teleren/devto huggingface dataset:
BuildPiper- The most powerful DevSecOps Platform to Manage Microservices!

Tags: microservices, kubernetes, clustermanagement, devsecops
Published: 2021-08-04 11:11:23

Enterprises both big and small are looking for ways to leverage the amazing benefits of Microservices. Little do they know about the complex Microservices challenges that they have to face after adopting this style of architecture.

So, before you plan to migrate to Microservices architecture, it’s important to have a strategy in place to overcome Microservices challenges. But if you’ve adopted Microservices without a chalked out plan, then what? 

Enterprises need a robust platform for managing Microservices in a secure, scalable and compliant manner. In such a scenario, <b><a href="https://www.opstree.com/buildpiper/managed-microservice.html">BuildPiper</a>- as a robust Microservices DevSecOps platform</b> can help.

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

DevOps team can rely on this platform while focusing on building and scaling the product in the right manner. With out-of-the-box capabilities such as <b>Managed Kubernetes, Managed Microservices, Secured CI/CD Pipelines, Security, Observability & Compliance </b>- BuildPiper has come to the fore as the Most Powerful Microservices Delivery Platform in the industry today!

Here’s how BuildPiper helps in delivering the dockerized code and business functionalities from a coder’s workstation to the scalable, secured and monitored production environment in under a day:
<i>
-It helps in setting up a new Kubernetes cluster and enables the onboarding of an existing one.
-It enables onboarding and management of Microservices in a hassle-free manner. 
-Comprehensive CI analysis and customizable CI gate checks enabled CD Pipelines for Macro & Micro builds and deployments.
-Ensures comprehensive security and compliance via some of the best industry tools such as ISTIO, HashiCorp Vault, etc.
-Leverages 360-degree observability through a user-friendly Kubernetes dashboard.
</i>

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

BuildPiper empowers your DevOps team with a single standardised platform without any vendor lock-ins or tooling burst and with complete support for cluster monitoring, easy customization and manageability. 

With BuildPiper, your DevOps team becomes equipped with an end-to-end Kubernetes & Microservices Application Delivery Platform that enables more than 10X reduced time & investments required to onboard & securely manage Kubernetes & Microservices application setup and deployments along with the ability to run zero-touch, fully-automated & secured CI/CD pipelines. To explore more about its out-of-the-box functionalities, <b><a href ="https://www.opstree.com/buildpiper/contact.html">schedule a demo today!</a></b>

Subscribe <a href="https://opstreebuildpiper.substack.com/p/monthly-newsletter-july">here</a> to get the latest updates on Microservices management, DevOps, Kubernetes deployment & much more!
Webpack Academy #1: Loaders
Tags: webpack, webdev, javascript, css
Published: 2021-08-04 10:50:47

As we saw in the last course, webpack can handle `js` and `json` file !

But what happened if we need to import css file ?

### Add css file

We need add a new entry point to your application since we have no entry file for css file yet !

webpack.config.js
```javascript
    entry: {
        myApp: [
            "./src/style.css",
            "./src/main.js",
        ],
    },
```

style.css
```css
.toto {
    color: blue;
}
```

Let's go to `build` this !

```
ERROR in ./src/style.css 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> .toto {
|     color: blue;
| }
```

What? why?

### Loader

As we saw before, webpack only handle `js` and `json` file, but webpack let us to use `loader`, this function is simple -> translate file to webpack in order to handle it !

For handle css file, we will use two loader !

```javascript
    module: {
        rules: [
            {
                // Match file extension
                test: /\.css$/,
                // Order of loader from bottom to up
                use: [
                    'style-loader',
                    'css-loader'
                ],
            }
        ]
    },
```

First `css-loader` will resolve css import issue & return the css (It doesn't actually do anything with the returned CSS), and after `style-loader` will **inject** css into the **DOM** !

So if we add a html file

index.html

```html
<!DOCTYPE html>
<html>
<body>
    <h1 class="toto">My First Heading</h1>

    <p>My first paragraph.</p>
</body>
<script src="dist/bundle.js"></script>
</html>
```

We can see that your `<h1>` is blue !

### Conclusion

It's just a little example but if you use webpack, you will have a lot of loader, for exemple if you are using `ts` you will need loader to handle `.ts` file, if we need to import image we will need another loader etc...

Code here -> https://github.com/Code-Oz/webpack-academy/tree/5e80e4c080c156d1ebd261fc80e3c505d92473a7

I hope you want to learn more about `webpack` in my academy !

---

I hope you like this reading!

🎁 You can get my new book `Underrated skills in javascript, make the difference` for FREE if you follow me on [Twitter](https://twitter.com/code__oz) and MP me 😁

Or get it [HERE](https://codeoz.gumroad.com/l/RXLYp)

🎁 [MY NEWSLETTER](https://www.getrevue.co/profile/code__oz)

☕️ You can [SUPPORT MY WORKS](https://www.buymeacoffee.com/CodeoZ) 🙏

🏃‍♂️ You can follow me on 👇

🕊 Twitter : [https://twitter.com/code__oz](https://twitter.com/code__oz)

👨‍💻 Github: https://github.com/Code-Oz

And you can mark 🔖 this article!
Hey everyone, I have couple of tasks from my session that I can't beat. Can anyone help with this tasks? 
Tags: bash, linux, beginners
Published: 2021-08-04 10:44:49



Write a script which for any name given as an argument -- either first name
or surname -- prints the list of paths to home directories of
system users with this name. Example:

$ shownames jakub anna
/home/users/jakubo
/home/students/j_luczka
/home/students/kubeusz
/home/students/jakub5z
/home/students/qwertinx
/home/users/lazinska
/home/students/annalaz

Write a script which pauses the session for the number of seconds given as argument,
and then displays the total size of all files whose names were removed from the current
directory.
Example:

$ watchdir 60
# sleeping for a while ...
removed files total size 2345

Write a script which takes a PID as an argument and prints PID's of all its GRANDchildren and grandgrandchildren.
Example:

$ printthem 3545
3547
3548
3666


Write a script which for each directory given on standard input (in a separate line)
prints the user with the largest number of files in this directory.
Example:

$ thewinneris << STOP
> /etc
> /tmp
> /home/users/jakubo
> STOP
root
killertrashman
jakubo
PlatON Grant Hackathon is coming!($170,000 Prize Pool)
Published: 2021-08-04 10:41:50

PlatON Grant Hackathon is coming!
Share the $170,000 Prize Pool and Learn from the Workshop series! The Hackathon is opened on hackerlink. 

Event details: https://hidorahacks.medium.com/platon-grant-hackathon-opens-on-hackerlink-io-57355f70a96a

Quick registration: https://hackerlink.io/en/grant/Alaya/1

Join the Telegram group chat for registration and teaming up! https://t.me/joinchat/neSjeUIee8U4ZjA1

Event Github: https://github.com/AlayaNetwork/Alaya-Season-Hackathon

Feel free to chat with me(@Boney2) on Discord（https://discord.gg/jAjFzJ3Cff） for more details, thanks!
⚡️Knowledge-Grounded Dialog Generation
Tags: pytorch, transformers, blenderbot2, gpt2
Published: 2021-08-04 10:41:48

## What is dialog generation, and where is it used
Dialog generation (or dialogue generation) is the process of generating automatic text response as a reaction to the text input provided by a user. It is widely used in chatbots and virtual assistants. Real-life uses range from well-known all-purpose assistants like Siri, Alexa, Cortana, etc., to the more specialized ones like [dialog agents helping lonely people](https://datarootlabs.com/blog/intelligent-virtual-assistants-emerging-startups-and-remaining-bottlenecks). We see the practical use of automatically generated dialogs in such industries as tech, medtech, fintech, sales automation, and first-line technical support.

https://datarootlabs.com/blog/current-approaches-to-dialog-generation-using-external-knowledge
How to create a Skeleton Loader in Tailwindcss ?
Tags: tailwindcss, html, css
Published: 2021-08-04 10:37:47

In this tutorial we are going to see how to make skeleton loaders in tailwind. Skeleton Loaders are used show the loading state. Many big websites such as youtube, linkedIn and even dev.to uses such loaders while loading the data!

Here we are going to create a Loader Like below:
![Skeleton loader example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qeqx8swh96th3jo7g2ap.gif)

The simple code in html is below:
```html
<div class="w-60 h-24 border-2 rounded-md mx-auto mt-20">
  <div class="flex animate-pulse flex-row items-center h-full justify-center space-x-5">
    <div class="w-12 bg-gray-300 h-12 rounded-full ">
    </div>
        <div class="flex flex-col space-y-3">
        <div class="w-36 bg-gray-300 h-6 rounded-md ">
        </div>
        <div class="w-24 bg-gray-300 h-6 rounded-md ">
        </div>
    </div>
  </div>
</div>

```
Here we have simply created a div with the border in which we have a 3 solid div. We have given the gray-300 color to those div.

So far nothing Special!
Wait but how to create that pulse effect 🤔? Do not worry we have tailwind thats it! In **Tailwindcss** we have animation class called as **animate-pulse** which give the effect we needed.

Here is the [tailwind playground](https://play.tailwindcss.com/UOqCq8WJme).

Isn't it simple? If you find useful like and share😇.
Any thoughts comment below👇.

connnect us:
Twitter : [@job_pick](https://twitter.com/job_pick)
Website : [jobpick.in](https://jobpick.in/) - Frontend Developer Jobs Board
My personal website
Tags: webdev, portfolio, freelance, nextjs
Published: 2021-08-04 10:35:01

#Web developer from Greece

Hey y'all, wanted to share my personal website here with all of you.

[Stylidis.io](https://stylidis.io)

I've been building it for nearly 2 months. The main reason it took so long is because I changed my mind over how things should look and flow.

I used NextJS paired with Tailwind. They really make for a great combo. Animations are all framer-motion. I searched the web for resources like some artworks and ideas.

##Web developer roadmap

I am a self taught developer, I started learning HTML a year ago, June 2020. When I made my first portfolio I used to search blogs and posts like this one to get inspiration. That's the reason I made this post, maybe someone like me sees this and gets inspired to continue.

I have also started working on a new project which is going to be an "opinionated frontend roadmap". It's gonna follow the steps I did to be able to build websites. It's gonna be 100% beginner friendly and a long read. My way of giving bad to the community and only the first of a lot of helper projects I am thinking of doing.

###More to come..

Thanks a lot if you read through this, if you wanna connect follow me on Twitter:

[@AStylidis](https://twitter.com/AStylidis)

I'll make sure to follow back! I can also answer questions for HTML, CSS, Javascript, React, Next.
reduce() - Flatten an array of arrays
Tags: javascript, beginners, codesandbox
Published: 2021-08-04 10:24:23

Time to play with `reduce()` 🥳 
I will try some functions with `reduce()` to deepen my understanding about `reduce()`

[Array.prototype.reduce() - JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce)

## Flatten an array of arrays

To flat single level array
**!Deep level flatten is not applicable with this function**
=> The alternative is [Array.prototype.flat() - JavaScript | MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/flat) (Thanks @jcubic for your comment 😉) 

![Image 2021-08-04 at 7.20.15 PM](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3i5rrsedxv4rjb4co3wg.jpg)

## Play it by yourself

{% codesandbox q6o9c %}
Idris2+WebGL, part #14: Getting back into it
Tags: idris, functional, webgl
Published: 2021-08-04 10:13:24

---
title: Idris2+WebGL, part #14: Getting back into it
published: true
canonical_url: https://drbearhands.com/idris-webgl/part14/ 
tags: #Idris, #functional, #webgl
series: Idris2 and WebGL 
---

I've had a few months without progress. This project had started to get frustrating so I gravitated towards other hobbies and ideas.

Among other things, I was working on a WebGL app in JavaScript, but the explosive complexity caused by a lack of static types drove me up the walls. So many easily preventable bugs... It was a good reminder of why I want to use WebGL in Idris in the first place.

In the meanwhile, a version 0.4 of Idris was released, and with it, two features I rather like. First, do-notation now uses the `>>` operator as well as the `>>=` operator. This allows the safe discarding linear units, as `>>` consumes them. Where previously I had to write:

```Idris
do
  () <- clearColor 0 0 0 1
  () <- clear (GL_COLOR_BUFFER_BIT + GL_DEPTH_BUFFER_BIT)
```

just to pattern-match / consume the linear unit value, now I can just write

```Idris
do
  clearColor 0 0 0 1
  clear (GL_COLOR_BUFFER_BIT + GL_DEPTH_BUFFER_BIT)
```

additionally, the FFI with JavaScript has changed, so that I need far fewer conversion to and from BigInt. Nice.

Finally, I found a rather essential bit of information I was ignorant of: [with linear typing comes not one, but two new functors!](https://www.tweag.io/blog/2020-01-16-data-vs-control/). This in itself wasn't groundbreaking, but it made me realize, more than I did before, that linear types require fundamentally different control structures. Were I was previously struggling to find *the* right type declaration for a linear `Traversable` typeclass, so that I could make a `for` function, without knowing if it iterates over linear or constant values... now I decided to simply make 2 `foldM` functions for lists only:

```Idris
foldM : LMonad m => ((1 _ : b) -> (1 _ : a) -> m b) -> (1 _ : b) -> (1 _ : List a) -> m b
foldM' : LMonad m => ((1 _ : b) -> a -> m b) -> (1 _ : b) -> List a -> m b
```

Problems gone! I can think about `Traversable` typeclasses after I get a better understanding of the abstract subject matter and its practical use.

I plan to focus a little less on getting as much of the WebGL spec exactly in the type system and more on making an actual app in tandem. To go for the "eat your own dog food" approach. I still want to end up with a spec that completely encompasses the documentation in the types, but I might drop or rework certain functions that just don't make a lot of sense.
Different ways to Flatten the array in JavaScript
Tags: javascript, codenewbie
Published: 2021-08-04 09:05:19

# Using Reduce

```
function flatten(arr) {
  return arr.reduce((acc, item) => {
    if (Array.isArray(item)) {
      acc = [...acc, ...flatten(item)];
    } else {
      acc.push(item);
    }
    return acc;
  }, []);
}
```

# Using Recursion

```
function flattenRecursion(arr) {
  if (!arr.length) return [];
  let res = [];
  for (let i = 0; i < arr.length; i++) {
    const item = arr[i];
    if (Array.isArray(item)) {
      res = [...res, ...flattenRecursion(item)];
    } else {
      res.push(item);
    }
  }
  return res;
}
```
New Luos feature in the 1.3.0 release: localhost verbose management.
Tags: embedded, opensource, release, luos
Published: 2021-08-04 08:52:46

### 🆕 New Luos feature in the 1.3.0 release: "localhost verbose management".

Every board on your Luos **network** can deal with multiple **containers**, and sometimes those containers have to exchange information.

To save some data bandwidth on your network and RAM on your MCU, we added a new feature allowing you to deal with localhost messaging. Localhost messages are not shared into your network and stay in the MCU.

This is a huge deal to **improve** your Luos system performances, and you should take care to put your applications close to the drivers they are using!

If you need to get all the data into the network, for example for debugging purposes, you can use the **VERBOSE_LOCALHOST** build flag that disables this feature!

More details about this subject in the [messages handling](https://docs.luos.io/pages/embedded/containers/msg-handling.html) section of our documentation.

![Example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m77f1oce468fi3ybv6wx.png)
Const / Let / Var Which One Should You Use?
Published: 2021-08-04 08:50:30

### Difference between var let and const



### Var
Here I am going to explain the var keyword in the below function.
Let's define a function and call it hello. 
Inside the function, I defined a (for) loop, so for var i we set the value 0 and as long as it's less than 3, increment it by one then it should print the numbers on the console and I called the function at the end. 

```javascript
function hello(){
     for(var i=0; i<3; i++){
        console.log(i);
    }
}

hello();

``` 
Here is the browser console result!



![screen04.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1628022493849/uVgozNQmg.jpeg)

In most of the programming languages, when we declare a variable, that variable should only be accessible in the block where it is defined that's what we call scope, however, here if a console.log(i) is outside of the scope, it is still accessible.

```javascript
function hello() {
  for (var i = 0; i < 3; i++) {
    console.log(i);
  }
  console.log(i)
}

hello();

``` 

We got i which is displayed because in the last iteration i became 3 and because 3 is not less than 3 we exit from the loop.


![screen04.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1628023003509/E-BDxbD19.jpeg)

 So when you declare a variable with the var keyword, that variable will be accessible inside the given function, and this is one of the weird points about javascript.

After 2015, two keywords were introduced by ES6, and that's let and const.

### Let

let solved this problem, have a look!

```javascript
function hello() {
  for (let i = 0; i < 3; i++) {
    console.log(i);
  }
  console.log(i)
}

hello();


``` 

When you declare a variable with let keyword, the variable is only accessible inside that block in which it is declared. let's see the result.


![screen07.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1628025461324/XGCi8CE4y.jpeg)


Here we got an error on the console, which is " i is not defined ".

Let me make it more clear,
The variable that declares with var keyword is scoped to the function, however, the variable which is defined with let keyword is only scoped inside the block in which it is defined.

So, use let keyword unless you have a valid reason for defining var keyword.

### Const
Another new keyword in ES6 is const and it is used to define a constant.
const is also scoped inside the block in which it is defined, same like let, however, I show you the difference between let and const.



```javascript
const x = 1;
 x = 2;
``` 

let's define a variable called x with const keyword and set it to 1, now we resign this to 2.

Let's see what we got!


![screen05.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1628024650274/Dr2Xg1Qji.jpeg)


You see, it's given an error that x is already defined. This means that the variable which is defined by the const keyword cannot be reassigned that's why we call it constant.
Use const over let and use let only when you need to reassign the variable value.


I hope you find this useful :)

Thanks for reading!

Let's connect on  [Twitter](https://twitter.com/KakarZahab)
Wednesday Links - Edition 2021-08-04
Tags: java, jvm, docker, spring
Published: 2021-08-04 08:43:02


4 ways OOP inheritance is like GOTO (1 min read)➡️
https://twitter.com/hillelogram/status/1422009194367045634

Cache Docker builds in GitHub Actions 15 minutes builds are now taking 1m (30 sec read)🚀
https://twitter.com/iamvlaaaaaaad/status/1421529670353408001

The Truly Hidden Gems of IntelliJ IDEA (2 min read)💎
https://blog.jetbrains.com/idea/2021/07/truly-hidden-gems-of-intellij-idea/

Apache Cassandra 4.0 is Here (2 min read)🎉
https://cassandra.apache.org/_/blog/Apache-Cassandra-4.0-is-Here.html

Modern-Day Architecture Design Patterns for Software Professionals (7 min read)🧬
https://betterprogramming.pub/modern-day-architecture-design-patterns-for-software-professionals-9056ee1ed977

Spring Boot is ready for Java 17 while still maintaining support for Java 8 and 11 (30 sec read)💪
https://twitter.com/snicoll/status/1420652097373188100

JVM Anatomy Quark #30: Conditional Moves(4 min read)🐢
https://shipilev.net/jvm/anatomy-quarks/30-conditional-moves/
Introduction to Git & GitHub
Tags: opensource, github, computerscience
Published: 2021-08-04 07:35:32


 I am glad that you are working on a major project to the blog of Git & GitHub beginner? You work with a team? Or are you seeking for an open source start? You're in the proper position.
This blog helps you get the fundamentals started. If you want to use Git & GitHub like an expert there are a lot of things you need to learn.
Let's begin!

What is Git and GitHub? 

Git is a version control facility designed primarily for developers and designers, GitHub is a special site for hosting code, which is presently the most popular and is a platform where different available code and methods are played and experimented with. It is home to open source and emerging technologies projects. You may develop simple code for others to refer to, or for your work, features and designs. You can also collect a chunk of your code and add functionality or repair issues for your project. You don't have to be a master programmer to learn Git & GitHub. First things you need to get to know your terminal first, because Git is a strong device,
Allow some Git commands to pass
git clone
git status
git add
git commit -m “ “
git push

That's it, those are the big ones; if you've tried them, you're good to go.

Let us now discuss,
git init
git branch
git merge
git checkout

You may be working with others, and you may wish to review and test their code before committing it; the commands listed above are what you need for collaboration.
The first step is to Sign up for an account at href>GitHub, and don't forget to download and install the most recent stable release of Git href>. 
Now you can go to your terminal and tell Git who you are.
To create a username for every git repository type
git config --global user.name "<your_name_here>"
replace “<your name here>”with your name , Any name that you like is free to use

Now you may tell Git your email address, but make sure it's the same one you used to create your GitHub account.
git config --global user.email "<your_email@email.com>"

Now you’re ready to start using Git on your computer!