teleren/devto huggingface dataset:
First try App Center
Tags: azuredevops, visualstudioappcente, azure
Published: 2021-04-07 11:25:22

---
title: First try App Center
published: true
date: 2021-02-08 11:20:16 UTC
tags: azuredevops,visualstudioappcente,azure
canonical_url: https://berviantoleo.medium.com/first-try-app-center-e10b2b50a36a
---

What is App Center? [https://visualstudio.microsoft.com/app-center/](https://visualstudio.microsoft.com/app-center/)

In short, Visual Studio App Center a.k.a App Center, tools that helps for build, test, deploy and monitor iOS, Android, Windows, and macOS apps. :)

I just tried to integrate my existing Android App for monitoring. It’s easy to implement. Here is the sample dashboard.

![](https://cdn-images-1.medium.com/max/1024/1*R7aGCsnbPjghiz36tlMfjw.png)<figcaption>Monitoring</figcaption>

Great experience to see this.

Quite easy to integrate also, you will be guided at the first page.

![](https://cdn-images-1.medium.com/max/723/1*tKzpzVovL50lnLxci4bJsg.png)<figcaption>Getting started</figcaption>

I will try build, test and deploy for later. Keep updates!

### Read more

You can keep update from Microsoft Learn page too.

[https://docs.microsoft.com/en-us/learn/modules/intro-to-app-center/](https://docs.microsoft.com/en-us/learn/modules/intro-to-app-center/)
[Learning Notes] Learning to Learn (Efficient Learning) ZeroToMastery
Tags: learning, zerotomastery
Published: 2021-02-08 11:04:32

***Learning to Learn (Efficient Learning)*** is a personal development course from Andrei Neagoie of  [ZeroToMastery](https://zerotomastery.io/) (ZTM). As you can tell from the title, the course aims to enable you to learn new skills better. It takes popular books on the topic such as *The Dip* (Seth Godin), *The Power of Habit* (Charles Duhigg) and *Deep Work* (Cal Newport) and gets to their cores.

Personally, I have never been one to read such books or enrol in such a course, but I knew of ZTM from a previous course. I liked how it was delivered and this *Efficient Learning* course launched while I was making my way towards learning a new language. I took a chance on the course and, at the end of it, learned many things that can be applied towards my own learning. It is quite literally as the title says.

One of the techniques taught in the course is stacking your knowledge. The same principle is applied into the course itself. It is divided into five parts, with the next one building on the previous:

1. The Principles
2. The Lies
3. The Pillars
4. The Science
5. The Techniques

As in the *Feynman Technique*, if you really want to understand something, you need to be able to teach it in simple terms. Doing it this way allows you to show what you know in a way that is useful to people and, at the same time, test your knowledge as it keeps you from hiding behind jargon.

This first series of posts will be a record of what I have learned from the course with each next post detailing each part.

This is my way of sharing my knowledge and, hopefully, it will be useful to some people.
Developing a RESTful API using Fastify
Tags: node, javascript
Published: 2021-02-08 10:58:57

You who are tired of seeing examples of REST API in Node using Express will be very interested in this boilerplate that I ended up developing using Traefik, Docker, Docker Compose, Fastify, JWT and Mongodb.

https://github.com/pinceladasdaweb/docker-fastify-restful-api

Happy coding!
Day34:100DaysOfCode
Tags: 100daysofcode, productivity, programming
Published: 2021-02-08 10:44:00

started with sem exams ...would be going little slow for a week..

read some new concepts for big O and theta in complexity from thebook
..   studied some os concepts and algo


tried 1-2 hard problems from leetcode :-)


nddd done...for the day


You can Follow me->
https://github.com/singhtaran1005
https://www.linkedin.com/in/taranpreet-singh-chabbra-27517918a/
Some small Css tips #005
Tags: webdev, css, html, beginners
Published: 2021-02-08 10:37:36

---
title: Some small Css tips #005
published: true
description: I try to tweet a small css tip every day. Here is a collection of some of them.
canonical_url: https://since1979.dev/some-small-css-tips-005/
cover_image: https://since1979.dev/wp-content/uploads/2021/02/css-tips-banner-0051.jpg
tags: webdev, css, html, beginners
---

To continue on my [previous post](https://dev.to/vanaf1979/some-small-css-tips-004-3ej0) here are some more tweets with little Css tips that might help you in your projects. 

### Easier colors with the hsl() function
{% twitter 1346785273502425093 %}
{% codepen https://codepen.io/Since1979/pen/mdrLdEY default-tab=css,result %}

--- 

### Filters Grayscale and Sephia
{% twitter 1347886456870752256 %}
{% codepen https://codepen.io/Since1979/pen/yLaqaLb default-tab=css,result %}
Css filters docs: https://developer.mozilla.org/en-US/docs/Web/CSS/filter

--- 

### :required :valid :invalid
{% twitter 1348620085007671297 %}
{% codepen https://codepen.io/Since1979/pen/xxEabVj default-tab=css,result %}

--- 

### left-aligning list elements
{% twitter 1356940617805422595 %}
{% youtube kBE23XbViUE %}
Blog post: https://dev.to/vanaf1979/css-aligning-your-lists-with-your-text-340o

--- 

### Multiple color backgrounds without images
{% twitter 1348951055330123776 %}
{% codepen https://codepen.io/Since1979/pen/XWjxXxZ default-tab=css,result %}
Css linear-gradient docs: https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient()

--- 

### Max characters width
{% twitter 1349338833213644802 %}


---

### Subscribe and Follow

**[Subscribe to my Youtube channel.](https://www.youtube.com/channel/UCeyqA3y26RlnfUSx3ufgFoA)**

**[Follow me on Twitter](https://twitter.com/Vanaf1979)**

**Thanks for reading/watching and stay safe**
org.apache.zookeeper.ClientCnxn$EventThread.processEvent Error while calling watcher java.lang.NullPointerException
Published: 2021-02-08 10:15:47

In my project we upgraded Zookeeper version to 3.6.1 from 3.5.5 and during build of project, we started seeing this errors in our JUnit test cases. I am comparing the source code of 3.5.5 vs 3.6.1, I don't see any obvious changes, which can cause this. Note that we have upgraded curator version too along with zookeeper. Earlier it was 4.1.0 and we upgraded it to 5.1.0.

As per google I came across this - https://issues.apache.org/jira/browse/ZOOKEEPER-3579
But this is planned for release 3.7.0. 

Not sure, how it was working with 3.5.5.
Any help/pointers on this regard, would be highly appreciated.

Thanks in advance.
useEffect Hook
Tags: react
Published: 2021-02-07 04:31:17

Hooks give us the ability to use the state and other React features writing a functional component instead a class based component. 

One of the most used hooks is useEffect, this hook allow us to use something like lifecycle methods but in a functional component. 

The first argument of useEffect is always a function and the second argument is an array of dependencies, this argument  allows to take control of when we want to execute the function. 

If you want to use useEffect hook you need to import: 
```jsx
import { useEffect } from 'react';
```

useEffect has 3 ways to use it: 

###When a component is rendered only the first time
```jsx 
  //Run at initial render 
  useEffect(() =>{
    console.log("Run at initial render ");   
  }, []); 
```
You have to pass an empty array and code inside the function only will be executed one time, only when component is rendered 

###When a component is rendered the first time and every time dependencies in array had changed 
```jsx 
  //Run at initial render and every render if total has changed 
  useEffect(() =>{
    console.log("Total has changed to: "+total); 
  }, [total]); 
```
You can pass an array with the variables you want, you can pass one or more values and the function will be executed every time one variable changes.   

###When a component is rendered the first time and every time it rerenders 
```jsx 
useEffect(() =>{    
    console.log("First time and after every render "); 
  });
```
With this method you don't pass an array. 

Be careful with the array dependencies because you could fall into an infinite loop or have performance issues, especially when no dependencies are declared.

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

You can see an easy example [here](https://github.com/vega0507/useeffectexample)
Tips for Teaching Remote Workshops?
Tags: discuss, watercooler, teaching
Published: 2021-02-08 10:04:31

I'm used to running workshops in person, where it's easier to interact with attendees and gauge whether folks are following along.

Now that most workshops are being run remotely, I'm curious what strategies facilitators are using for maintaining student engagement.

Some ideas I'm considering so far:

* **Keep lectures short**, and get students doing stuff quickly. If there’s a lot they need to know, break it into chunks. (Talk a little, they work a little, talk a little more, etc.) Only explain content that students will need to successfully complete the next exercise.
* Have a moderator **watch the chat** and call out questions or areas of confusion.
* Use **polls** to get a quick pulse on whether students are following the material or they're lost.
* Provide opportunities for students to **share their work** with each other, via a virtual "gallery walk." (Students add links to their projects to a shared Google Doc. They spend a few minutes looking at other people's work and leaving comments about things they like.)

Are there any other tools or tricks you've used (or seen an instructor use) to keep learners engaged?

For folks who have participated in a remote workshop, what did you like/dislike about the experience? (Think less about the content and more about the *way* it was taught.)
C++ Projects you should try
Tags: cpp, programming, projects, 100daysofcode
Published: 2021-02-08 10:02:18

### Beginners:
1. Calculator
2. Currency Convertor
3. Tic Tac Toe <br>

### Intermediate:
1. Management System
2. Billing System
3. ATM Interface <br>

### Advanced:
1. Browser
2. Compiler
3. Database <br>

Add more in the comment
How to build a pure CSS accordion
Tags: css, html, codepen
Published: 2021-02-08 09:59:48

I had this topic in mind, but planned to build it using CSS and vanilla JS as follow up to an article from a few months ago where I built [pure CSS tabs and carousels](https://www.1thingaweek.com/week/137/5-codepens-CSS). Then this past week I came across an article about pure CSS tabs making use of the :target pseudo class and my mind is blown.

##The demo

Jumping straight into it, here's the demo with the markup and SCSS I used to create the simple layout:

{% codepen https://codepen.io/cchana/pen/bGBpzxQ %}

##The explanation

The important bit is making use the of the :target pseudo-class. Here's a dt element containing a link that takes you to the element with the id #first.

    <dt id="first"><a href="#first">First heading</a></dt>

In my case there's effectively one and the same thing. The parent element has the ID we're looking for but this could be anywhere on the page. If this was a carousel, perfect for highlighting the current tab!

As for the CSS, we simply take the highlighted dt and reveal the adjacent dd which contains the content for that part of the accordion.

    &:target {
        + dd {
            display: block;
        }
    }

My demo is a little more complicated because I've added rounded borders and tried to cater for various browser quirks when it comes to the border-radius property. Browser support is pretty good for the :target pseudo-class so not too much to worry about there.

The one drawback I've found is that there's no obvious way to do this with just CSS. With a bit of JavaScript you could remove the target from the URL but in that case I'd not bother with a pure CSS solution and just do it with a minimal amount of vanilla JavaScript.

I also haven't catered for the scenario where you would want to allow for the entire accordion to be open or to have a default open. The later could be solved with a bit of additional CSS, but the former would require JavaScript again as far as I can see.

CSS FTW!
So, you want to stop that hard drive?
Tags: harddisk, noise, howto, linux
Published: 2021-02-08 09:41:46

Well, you have a brand new computer: it has an SSD hard drive and it runs silently without much problem. Then, you find an old hard disk: 'well, it will be a good simple backup site', you think. You install it and suddenly your realize that that technology is noisy. Well, you know, it is not something unbearable, but you are hearing it. Moreover, you leave the room and you still can hear the noise. So, the question is: **can we stop the spinning of the disk?**
As usual, somebody replied to this before: [Shutdown my (backup) hard disk on Linux when I don't use it](https://unix.stackexchange.com/questions/112117/shutdown-my-backup-hard-disk-on-linux-when-i-dont-use-it) and the way is to use: 

`udisksctl power-off -b /dev/sdX` 

(`/dev/sda` in my case; you can check, for example, with: `dmesg | grep sd` )

{% instagram BDabOfnwB5T %}


Well, ok, but **I want my hard disk back**. 

It's easy, you can just mount it and it'll start spinning and you'll recover your noise. And the disk.
GitHub Actions to guard your workflow
Tags: opensource, github, webdev, programming
Published: 2021-02-08 09:25:11

Modern development is so complex that it is simply impossible to keep everything in mind, especially various practices for writing code. This is where linters come to the rescue. They help maintain certain standards in the project and keep the code base in order.

At Evrone, we develop projects in a variety of programming languages, including Ruby, Go, Rust, Python, Elixir, etc., and we connect different linters to each project. To make sure our code meets all quality standards, we run linters using CI services for every commit submitted to GitHub.

It is very important to us that the result of linters' work is always visible on GitHub, for example, in the form of comments to pull requests. To do this, we use reviewdog, which automates code review and provides seamless integration of any linter with GitHub.

As cool as reviewdog is, we still had to spend time setting up CI services to run linters for each project. But that all changed when GitHub announced GitHub Actions, a new tool for automating workflows. Having switched to GitHub Actions, we decided to write our own actions to run popular linters. [Find all the GitHub actions in the full article.](https://evrone.com/github-actions)
API Testing using vREST NG - vREST NG Application Layout
Tags: testing, api, vrestng, vrestio
Published: 2021-02-08 09:20:50

Watch our next video in the video series "API Testing using vREST NG". This video will help you understand the vREST NG Application layout so that you may understand the future sessions quite easily.

Video Link: https://youtu.be/4FFJCZlclFY

Playlist: https://youtube.com/playlist?list=PLmua155_WrDzt1AbB6iV5Lsw_Z7QrzZZ0

Try the [vREST NG Application](https://ng.vrest.io/?utm_source=dev.to&utm_medium=yt-desc&utm_campaign=video) today.

If you found the video helpful then please share it with your friends and colleagues.
SMART CSS GRID - Minimal CSS Framework
Tags: css, github, webdev
Published: 2021-02-08 09:14:40



<p align="center"> Smart CSS Grid is CSS GRID based fluid responsive layout system with 12 columns. </p> 

<hr/>

* Minimal. It is only 0.5 KB. 
* Clear syntax. 
* No unnecessary nesting, meaning you will write less HTML.
* Responsive.
* Flexible the main width can be any number or uint ex: 960px, 90% or whatever you like.
* Supports rows merging, nesting columns, column swapping..

The project is designed to adapt to any size or any column gap. You can change these values into the main CSS file. Example width: 85% and grid-gap: 20px; or width: 1200px and grid-gap: 14px;

[https://vladocar.github.io/SMART-CSS-GRID/](https://vladocar.github.io/SMART-CSS-GRID/)

[Demo 1](https://vladocar.github.io/SMART-CSS-GRID/Smart-Grid-Demo.html)

## Download or Install

You can simply download the library or use:

```
$ npm i smart-css-grid
```

You can use PKG CDN:

```html
 <link rel="stylesheet" href="https://unpkg.com/smart-css-grid@1.0.0/smart-grid.css">
```

Project on Github: https://github.com/vladocar/SMART-CSS-GRID
Defining Animation property 🦾
Tags: css, tutorial, codenewbie, todayilearned
Published: 2021-02-08 09:14:35

Hello busy folks 👋,

Hope you are guy's doing well in your career.

This post is a part of our "21 Days of CSS animation post"

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

In this post, I'm going to try to explain about CSS "animation property".

This is how we can define our CSS animation property.

![keyframes](https://dev-to-uploads.s3.amazonaws.com/i/ecsa99683jz16in6gwyk.png)

After @keyframes keyword "grow" is our animation-name value.

This is how we can assign our animation effect to specific element or component here we are assigning animation to our box element.

![Animation Name](https://dev-to-uploads.s3.amazonaws.com/i/d5ka3zabymks790915iw.png)

By this property, we are setting time duration like in how much time period our animation will take to finish.

![Duration](https://dev-to-uploads.s3.amazonaws.com/i/486n9dxwqb4rbzmzy1fj.png)

Code playground for our animation project

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

That's all for this post And if you are interested to learn CSS you can join Eduonix [E-Learning platform](https://www.eduonix.com/UHJvZHVjdC0xMzE1MDIw).
What is social media optimization and its benefits?
Tags: sicialmediaoptimizationcompany
Published: 2021-02-08 09:11:03

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/sawb9kry28uv0yhpobc3.jpg)
Social media platforms like Facebook and Twitter provide users with platforms where they can come and share their daily lives with like-minded people (maybe this is why most of us add our friends on Facebook, not our parents). Social networking sites, in recent years, have broken all records for popularity. People seem crazy after these sites. A virtual world is now active on these sites. And it gives companies the opportunity to invade and find their potential customers there. Social media optimization does this job in a planned and efficient way.

However, social media optimization is a long and time-consuming process of marketing a brand or business through [social media optimization company in Toronto.](https://www.propelguru.com/social-media-optimization/) Some of the most popular social sites are Facebook, Twitter, LinkedIn, Youtube, and Blogger. And you may not know much about it. Therefore, it is better to hire a professional agency for the job. There are many agencies, so you can find one quite easily. Just be sure to choose an agency with a solid background. See your portfolio, the type of work you have done in the past. See how happy your customers are.

Yes, you must choose your agency very carefully. And, in addition to [social media optimization](https://www.propelguru.com/social-media-optimization/), you should also consider PPC services. PPC stands for Pay Per Click, which places your site at the top of Search Engine Results Pages (SERPs) whenever your target customers search online for the products and/or services you are dealing with. Don't you want all this for your site?

It should be noted that search engines like Google run programs like Google AdWords that allow you to rank your site/business above the SERP. However, your site does not appear in the organic section. Your site appears in the "paid or sponsored section" of the results pages.

Any experienced digital agency will help you promote on social media platforms. There are a lot of them, so finding one won't be that easy. Just make sure you have seen their portfolio and are convinced of their work. Ask them if they will design a specific strategy for your site. Ask them how they measure your success on social media. See also find an item, whether it fits your budget or not.

If you want to know more about social media optimization do visit Propel Guru a [sales and marketing company in Toronto.](https://www.propelguru.com/)
Dump MongoDB daily and upload the backup on AWS S3 in Ubuntu with AWS CLI
Published: 2021-06-17 08:25:55

---
title: Dump MongoDB daily and upload the backup on AWS S3 in Ubuntu with AWS CLI
published: true
date: 2021-02-08 09:09:09 UTC
tags: 
canonical_url: https://boobo94.github.io//devops/backup-mongodb-daily-and-upload-in-s3/
---

## Install AWS CLI on Ubuntu

```
$ sudo apt-get update
$ sudo apt-get install awscli

```

## AWS Credentials

To configure AWS Credentials

```
$ aws configure

```

Then you can check `~/.aws/credentials` and `~/.aws/config` to see the content.

Credentials file

```
$ cat ~/.aws/credentials

[default]
aws_access_key_id = YOUR_ACCESS_KEY
aws_secret_access_key = YOUR_SECRET_KEY

```

Config file

```
$ cat ~/.aws/config

[default]
output = json
region = eu-central-1

```

# Backup files

First, we need to create a folder and within add two files

Got to the root

```
$ cd

```

Create a new folders `bin` and `logs`

```
$ mkdir bin logs

```

Add a new file to backup the database to S3

```
$ vi bin/db-backups.sh

```

And add the content

```
backup_name=~/db_backups-`date +%Y-%m-%d-%H%M`
mongodump --host localhost --port 27017 --authenticationDatabase admin -u ADMIN_USER -p YOUR_PASSWORD --out $backup_name
tar czf $backup_name.tar.gz $backup_name
aws s3 cp $backup_name.tar.gz s3://YOUR_PATH_HERE
rm -rf $backup_name
rm $backup_name.tar.gz

```

The second file needs to upload the logs to S3

```
$ vi bin/log-backup.sh 

```

Add the content

```
root_folder=/home/ubuntu
backup_name=~/log_backups-`date +%Y-%m-%d-%H%M`
tar czf $backup_name.tar.gz $root_folder/logs
aws s3 cp $backup_name.tar.gz s3://YOUR_PATH_HERE
for f in $root_folder/logs/*.log; do :> $f; done
rm $backup_name.tar.gz

```

The last step add the following script in crontab

```
$ crontab -e

```

At the end of the file add

```
0 0 * * * /bin/bash ~/bin/db-backups.sh >> ~/logs/db_backups.log 2>&1
0 0 * * * /bin/bash ~/bin/log-backup.sh >> ~/logs/log_backup.log 2>&1

```