teleren/devto huggingface dataset:
Multi-language translate validation errors in Angular10 with ngx-dynamic-form-builder
Tags: angular, form, i18n, validator
Published: 2020-09-13 11:54:43

Because multi-language supported in class-validator-multi-lang, now ngx-dynamic-form-builder also supports this feature.

If you don't know about this library, please read the [previous post](https://dev.to/endykaufman/dynamic-form-group-builder-for-angular9-not-the-builder-for-controls-3d9p) of how to use it.

## Set validation messages as settings when creating form group

```js
this.form = this.fb.group(
  Company,
  {
    name: '',
  },
  {
    classValidatorOptions: {
      messages: {
        'The company name must be longer than 15': 'company name must be longer than 15 (translate on other language)',
      },
    },
  }
);
```

## Set validation messages on runtime after for exists form group

```js
this.form.setValidatorOptions({
  messages: {
    'The company name must be longer than 15': 'company name must be longer than 15 (translate on other language)',
  },
});
```

## Set translate property name in error

```js
this.form.setValidatorOptions({
  titles: { regionNum: 'number of region (translate property name in error on other language)' },
});
```

## Set validation messages and properties name global for all instance of form group in the project

```js
updateValidatorMessagesStorage({
  'The company name must be longer than 15': 'company name must be longer than 15 (translate on other language)',
});
updateValidatorTitlesStorage({ regionNum: 'number of region (translate property name in error on other language)' });
```
## Links

[Demo with i18n](https://endykaufman.github.io/ngx-dynamic-form-builder/i18n) - Simply sample of usage on multi-language.

[Demo with i18n and transloco](https://endykaufman.github.io/ngx-dynamic-form-builder/experimental) - Simply sample of usage on multi-language and integrations transloco.

[class-validator-multi-lang](https://dev.to/endykaufman/fork-of-class-validator-with-support-multi-language-typescript-58im) - Fork of class-validator with support multi-language (typescript)
Create social cards from Github Action
Tags: actionshackathon, showdev, opensource, webdev
Published: 2020-09-13 11:53:05

Github has introduced Github Actions about a year ago which has made the life of developers a lot easy. It helps to create workflows that can automate a lot of processes like running a build of the project or creating a pull request etc.

I wanted to try Github Actions for a long time and finally came up with an idea of building something which will help me in sharing my stories and projects via blog posts.


## Idea
Images with some text in it are the best way to grab people's attention towards your blog post. Every time when I write a blog I feel it bit painful to find a proper cover image for my blog post that I can share on social media.

I came up with an idea of creating a GitHub Action which will do the job for me by executing a workflow to generate an OG Image for my blogpost.

## Submission Category
**DIY Deployments/ Maintainer Must-Haves / Wacky Wildcards**

## How does it work?
It takes three inputs from the user which are the following:


**bold-text**: This represents the text which will be displayed in bold style.
**plain-text**: This represents the text which will be displayed in the normal style.
**theme**: This defines the theme of the image. It can be either `light` or `dark`.

The image will be uploaded as an artifact that can be downloaded from the actions section of the Github Repository 🥳

## How to use the Github Action
In order to use the Github Action, you can the following steps in your main.yml file.

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

Once your workflow is complete you will see an artifact downloaded with the name `open-graph-image`.


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

**Tadaa!** 🎉 🎊

You have the image with you now you can use it your blogpost or other social media platform.

**I have used the generated image as the cover image of this article.**

## Github Repository

{% github Jasmin2895/open-graph-image %}

## Resources
[Social Cards as a Service](https://css-tricks.com/social-cards-as-a-service/)
Android App Development in 2020
Tags: android, java
Published: 2020-09-13 11:47:46

Hello dear programmers this is Satyam and in today's blog we are going to discuss the complete Roadmap for Android Development in 2020.So, let's begin.

#Why Android?
We all are focusing on Android because Android is the most widely used operating system in the world and also the platform for Developing Android apps is pretty clear and straight forward.

#Getting Started With Android Development

To get started with Android you first need to select a programming language or framework,in this blog we are basically going to talk about the languages.So Kotlin and Java are the two most popular programming languages that are being used for Android development.Java is being used for Android development from a long time but Kotlin is recently introduced by Google and Google has announced it as the official programming language for Android development.Personally I love java because Java is a powerful and very popular programming language and also it has a very large community of Developers so there's no lack of resources to learn and practice Android development using Java.On the other hand Kotlin is by far regarded as a 'Google product' so it's getting very popular.Now what is the next step.So the next step is that you need to download and install Android studio with Android Virtual Device Manager,it will be a plus point if you have an Android smart phone to test live apps.Now please note that Android Studio is a very heavy software and you need to have a good PC or Laptop to use Android studio for that I have listed down some good laptops of my choices so please check them Out.

1.HP Pavilion 15-inch Laptop, Intel Core i7, 16 GB RAM, 512 GB SSD Storage, Intel Iris Plus Graphics, Windows 10 Pro, Amazon Alexa Voice Compatible (15-cs3019nr, Mineral Silver)[https://amzn.to/3hrpx0X]

2.ASUS ZenBook 13 Ultra Slim Laptop, 13.3” FHD WideView, 8th-Gen Intel Core i7-8565U CPU, 16GB RAM, 512GB PCIe SSD, Backlit KB, NumberPad, Military Grade, TPM, Windows 10 Pro, UX333FA-AB77, Royal Blue[https://amzn.to/35vcXv1]

Now what is the next step,the next step is start creating apps.To learn Android development you have tons of videos available in YouTube but if you want to build more professional apps YouTube is not the right choice you can switch to udemy but you have to pay a bit for the courses available in it.

#How to create a good app?
To create a good android app and start earning from it you need to think out of the box,you need to understand what people want to use i.e. what kind of app you should make that many people will love to use,mainly I am talking about Games,but that will become a different topic and I am not going to cover it in this blog.


My Blogs:https://Devtipsntricks.com

#Thanks for Reading
Predicting Next Word Using R
Tags: actionshackathon, datascience, github, machinelearning
Published: 2020-09-13 11:22:11

### My Workflow
I have made a shiny application that uses words that user enters to predict the next most likely word. This is implemented using Natural Language Processing and done using the R language. A GitHub Action Page has also been added to the GitHub repository that greets first time contributors and also checks the contributor's software requirements before they contribute to the project.
The application can be found [here.](https://shreyashm16.shinyapps.io/Data_Science_Capstone_Project/?_ga=2.86979984.963258438.1599995741-2071077377.1599650888)


### Submission Category: 

Wacky Wildcards


### Yaml File or Link to Code

[Here](https://github.com/Shreyashm16/Predicting-Next-Word-using-R) is the link to the github repository.


### Additional Resources / Info

No additional resources required.
How does the virtual DOM work in React!
Tags: react, virtualdom, reactdom, reactjs30
Published: 2020-09-13 09:59:43

Let's consider the Facebook application which is based on React and it has multiple components like a sidebar, header, footer, and the main content. 

Whenever someone posts something, it simply comes to your feed without refreshing the complete page. In this scenario, only the main content part is changed keeping the other components constant. 

You might have heard about this fancy technique of Virtual DOM in ReactJS which makes it faster as compared to other frameworks like Angular and VueJS. But does it make the React faster or just the USP for marketing it, let have a look at it. 

React makes the DOM tree-like structure of all the components internally called the VDOM. 

React has a virtual DOM which is a copy of the actual DOM and is kept in the browser Memory in the form of a javascript object. 
React also has the state and props, which holds the data of the application and is used to pass that across the components in the hierarchy. 

Whenever the change in the data means state or props of the component changes then it creates another virtual DOM. Now, the comparison between the previous and the updated VDOM takes place. This checking takes place using 'Diffing Algorithm' and it's quite faster than checking with the actual DOM. 

Thus, whatever the changes are detected in the comparison of the two virtual DOMs in the memory gets updated in the actual DOM directly. This process is known as 'Reconciliation. 

Rendering of the DOM is a very tedious and slow process. Because it involves the CSS parsing for the layout changes and HTML parsing for UI calculations. Hence, Virtual DOM is faster in comparison because it does not involve the complete render of the page. 

Well, that's it for now, Happy Reading :)
Spring security using OAuth2 with Microsoft AzureAD B2C
Tags: tutorial, beginners, azure, springsecurity
Published: 2020-09-13 09:52:20

*The blog is originally published on my blog [jsblogs.github.io](https://jsblogs.github.io/spring/2020/09/12/Spring-security-using-OAuth2-with-AzureAD-B2C)*

---

* [Introduction](#intro)
* [Video Tutorial](#tutorial)

## Introduction <a name="intro"></a>
Microsoft Azure provides the capability to integrate social-logins in the application by using AzureAD B2C. 
 The good thing about that is you'll have a single Authorization server (Azure) and different IDP like Google, Facebook, GitHub, or any custom IDP.

To achieve this we need to create 1 B2C tenant and configure __App Registration__, __IDP__, and create __UserFlow__. The below video tutorial covers all these 
steps and guide you on how to integrate Azure B2C with spring security.  


## Video Tutorial <a name="tutorial"></a>
{% youtube z6ZbYZQyaco %}
هاست دانلود مناسب چه کسب و کار هاییست؟

Published: 2020-09-13 09:37:33

### هاست دانلود مناسب چه کسب و کار هاییست؟

این هاست، مناسب برای کسب و کار های فروش فایل و فروشگاه های اینترنتی دیجیتالی با محصولات دانلودی دیجیتالی می باشد. سرعت شبکه 1 گیگابایتی ایران سرور، کیفیت وصف نشدنی را به کاربران ارائه می دهد و با گارانتی وجه 14 روزه، می توانید سرویس خود را لغو کنید. هر تعداد ساب دامنه که مد نظرتان است را روی هاست دانلود ایران سرور بسازید و این دامنه ها را به وبسایتتان متصل کنید.دیتاسنتر های پارس آنلاین، افرانت و در خارج از کشور و دیتاسنتر های OVH و Hetzner . انتخاب با شماست که کدام یک از این دیتاسنتر ها را انتخاب کنید و فایل های خود را در آن میزبانی کنید. با ترافیک ماهیانه نامحدود هیچ نگرانی نخواهید داشت و همیشه در دسترس بودن را تجربه خواهید کرد.

[https://www.iranserver.com/web-hosting/download/](https://www.iranserver.com/web-hosting/download/)
هاست دانلود ایران سرور، میزبان امن اطلاعات شما

Published: 2020-09-13 09:36:59

### هاست دانلود ایران سرور، میزبان امن اطلاعات شما

[هاست دانلود](https://www.iranserver.com/web-hosting/download/) ایران سرور، بهینه سازی شده برای کسب و کار های اینترنتی مثل فروش فایل، تا بتوانند فایل های وب سایتشان را به کاربران با سرعتی بالا ارائه دهند. یکی از بهترین انتخاب ها برای فروشگاه های مجازی و کسب و کار های اینترنتی فروش فایل. با هاست دانلود ایران سرور سرعت و کیفیت دانلود را به کاربران تان هدیه دهید. با استفاده از نرم افزار محبوب FileZilla به هاست خود متصل شوید و فایل هایی را که قصد ارسال برای فروش آن را دارید نگهداری کنید. هر آنچه نیاز دارید آپلود کنید و با سرعتی فوق العاده لینک های دانلود را برای مشتریان خود ارسال کنید.
OU PG Results 2020 Release
Tags: oupgresults
Published: 2020-09-13 09:14:51

University Results: Osmania University (OU), Telangana has released OU results for UG and PG courses 2020. Below this page, we have provided a direct link to check Osmania University Results. Therefore, the results of BA, B.Com, B.Sc, BBA, BSW, MA, M.Sc, M.Com courses candidates are eligible to check Osmania University results 2020 from this page. In the links given below. More details about OU results 2020 are provided in the following sections.

In addition, OU UG, PG results 2020 will be published online on the official website osmania.ac.in. Also, candidates can get more information about OU Grade Awards, Osmania University UG, PG Exam Results 2020. We have also instructed you to check the OU PG results 2020. Also, click on the direct link given read more http://resultsguru.in/ou-pg-results/
Get Performance Counter from .Net Core
Tags: performancecounter, dotnet
Published: 2020-09-13 09:14:03



<sub><span>Photo by <a href="https://unsplash.com/@srd844?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Stephen Dawson</a> on <a href="https://unsplash.com/s/photos/data?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></span></sub>

# The Problem

We desired to track some performance counters from dotnet core services running either on Docker containers or in k8s pods.


# In Process: prometheus-net

We found [one  project](https://github.com/prometheus-net/prometheus-net) allowing to publish from the process to Prometheus. [This article](https://developers.redhat.com/blog/2020/08/05/monitoring-net-core-applications-on-kubernetes/) is a good walkthrough to know how to publish quickly metrics.

There is even a [Grafana Dashboard](https://grafana.com/grafana/dashboards/10427) to display metrics. 
![Grafana dashboard from prometheus-net](https://dev-to-uploads.s3.amazonaws.com/i/7r1dlxmfl2ny1rlyyjjk.png)

# Out Process: dotnet-trace

Of course, publishing metrics costs.
So if you want to get metrics without modifying it, you can use [dotnet trace](https://docs.microsoft.com/en-us/dotnet/core/diagnostics/dotnet-trace). [A great video in AspNet Core series](https://www.youtube.com/watch?v=G_C1RGOYZk8) explains how to use it, and visualize it in a flamegraph through [speedscope](https://www.speedscope.app/).

To go beyond, you can read [this article](https://devblogs.microsoft.com/dotnet/collecting-net-core-linux-container-cpu-traces-from-a-sidecar-container/) on how to retrieve CPU traces from a sidecar container.

Edit: you can read [this article](https://devblogs.microsoft.com/dotnet/introducing-dotnet-monitor/) on dotnet monitor.

Hope this helps !
TURN YOUR GITHUB PROFILE INTO CV WITH CODERSRANK
Tags: career, codenewbie, python, javascript
Published: 2020-09-13 09:13:35


Hi all!
I would like you to meet an amazing platform, called <a href="https://bit.ly/2NbSVLS" target="_blank">CodersRank.</a> On <a href="https://bit.ly/2NbSVLS" target="_blank">CodersRank.</a>, you can create your ultimate developer profile based on the public and private data you hold on various coding sites.
So, what does this profile do for you?
1.You can get personalized job offers 
2.You can monitor your professional progress 
3.You can network with other developers, get inspiration or just have a good time
4.You can save yourself a lot of time by not having to update your CV ever again
CodersRank will show who you really are and what you've built. :male-technologist::female-technologist:
We already have a large number of developers  on the site, so take a look at how you rank among them
Showcase: Pog-or-not?
Tags: webdev, showdev
Published: 2020-09-13 08:24:41

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

**Hey devs!**

Today I just wanted to show off a _small_ project I made in a few days, just to get around basic html and javascript.

It was also a **great** opportunity to try out [tmi.js](https://github.com/tmijs/tmi.js).

## What is pog-or-not?
I created this site as a _joke_ and what it does is pretty simple. It just counts the times an emote is posted into a twitch streamers chat. 
Currently the site has support for POG, LUL and 5head (and other variations, more [here](https://pog-or-not.netlify.app/about.html)).
It also shows the percentage of all counted emotes, to get a tiny understanding of how the stream is doing.

## How does it work
I used [tmi.js](https://github.com/tmijs/tmi.js) to connect to a given streamers chat and listen to the messages sent. Whenever it picks up an emote registered in my javascript it will +1 to the counter. **Simple right?**

## tmi.js is great
The library is awesome for making little tiny applications that watch over a given chat, but it's also great for creating some kind of community app for your stream. I've seen [Codinggarden](https://www.twitch.tv/codinggarden) use it for an _active viewers_ counter :)

## Support
It's always great to get feedback on a project, even if it's this small. I would really appreciate you checking the [site](https://pog-or-not.netlify.app/) out and checking out the [repo](https://github.com/syentix/pog-or-not).
If you find an issue with the site, feel free to add it to the github and I'll look over it :)

Thanks for reading and have a good day!
Actionshackathon Journey with Github actions and Flutter
Tags: actionshackathon, flutter, github, dart
Published: 2020-09-13 08:21:34

[Instructions]: # (To submit to the GitHub Actions x DEV Hackathon, please fill out all sections.)


### My Workflow
[Note]: # (Make sure to include the name of your GitHub Action and share where it's being used!)
The GitHub Action **Flutter CI** is designed to automate certain tasks for the developers making their life less complicated.
* Configuring Flutter version
* Installing dependencies
* Run Tests
* Build the app
* Download the artifacts


### Submission Category: 

[Note]: # (Maintainer Must-Haves, DIY Deployments, Interesting IoT, Phone Friendly, or Wacky Wildcards)
Maintainer Must-Haves and Wacky Wildcards


### Yaml File or Link to Code

[Note]: # (Our markdown editor supports pretty embeds. Try this syntax: `{% github link_to_your_repo %}` to share a GitHub repository)
```
name: Flutter CI

# This workflow is triggered on pushes to the repository.

on:
  push:
    branches:
    - master
    
# on: push    # Default will running for every branch.
    
jobs:
  build:
    # This job will run on ubuntu virtual machine
    runs-on: ubuntu-latest
    steps:
    
    # Setup Java environment in order to build the Android app.
    - uses: actions/checkout@v1
    - uses: actions/setup-java@v1
      with:
        java-version: '12.x'
    
    # Setup the flutter environment.
    - uses: subosito/flutter-action@v1
      with:
        channel: 'stable' # 'dev', 'alpha', default to: 'stable'
        flutter-version: '1.17.5' # you can also specify exact version of flutter
    
    # Get flutter dependencies.
    - name: Install dependencies
      run: flutter pub get    
    - name: Build apk
      run: flutter build apk --debug --split-per-abi
    
    # Upload generated apk to the artifacts.
    - uses: actions/upload-artifact@v1
      with:
        name: release-apk
        path: build/app/outputs/apk/release/app-release.apk
  
```
{% github Maverik-ai/KiiT-Archives %}

### Additional Resources / Info



{% github subosito/flutter-action %}
{% github actions/upload-artifact %}
{% github actions/download-artifact %}
I did nothing for a day
Tags: digitaldetoxification, nothingday, nocodingday, discuss
Published: 2020-09-13 08:21:17

---
title: I did nothing for a day 
published: true
description: 
tags: digitaldetoxification, nothingday, nocodingday, discuss
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/tcv7io0s97t0injswvu8.jpg---

What I have observed 

- I was able to breathe more deeply. 

- I was able to notice things around me which usually I don't.
 
- This is the pic which I took from my bathroom wall, from years which I didn't notice(sry for bad image quality :innocent:)![smile](https://dev-to-uploads.s3.amazonaws.com/i/6s1smj5f9fl6r6a00gtq.jpeg)


- My intensity of workout got increased and I was able to focus more, reason was `no meetings to attend`, `no emails to reply to` , the most important thing, `no coding` :relaxed: !!

- Played with my cat![Baburao](https://dev-to-uploads.s3.amazonaws.com/i/iyu7auqdj1upx75aquzh.jpg)


- Planned to write this blog 

I felt so much change only in a day, I will try to do this more frequently and for a longer time.

Comment down your nothing day story or if you have a plan to do the same !!

Thank you for reading :) :)
Dart & Flutter Easy Wins 36-42
Tags: flutter, dart
Published: 2020-09-13 08:12:03

---
title: Dart & Flutter Easy Wins 36-42
published: true
description: Easy ways to improve your Dart & Flutter code. Published weekly.
tags: flutter, dart
//cover_image: https://direct_url_to_image.jpg
canonical_url: https://codewithandrea.com/tips/dart-flutter-easy-wins-36-42/
series: Dart & Flutter Easy Wins
---


I recently started a series of [daily tweets](https://twitter.com/search?q=from%3Abiz84%20Easy%20Win&src=typed_query&f=live) about easy ways to improve your Dart & Flutter code. I called this **Easy Wins**. 

To make these easier to find, I'm sharing 7 tips every week here.

## 36. Use `Timer.periodic` to create a timer that repeats with a given period

![Use Timer.periodic to create a timer that repeats with a given period](https://codewithandrea.com/tips/2020-09-13-dart-flutter-easy-wins-36-42/images/036.timer.periodic.png)


## 37. Need to convert an enum to an int or viceversa? Use `.index` and `values[i]`

![Need to convert an enum to an int or viceversa? Use .index and values\[i\]](https://codewithandrea.com/tips/2020-09-13-dart-flutter-easy-wins-36-42/images/037.enum-index-values.png)

## 38. Use asserts to disrupt program execution if a boolean condition is false

![Use asserts to disrupt program execution if a boolean condition is false](https://codewithandrea.com/tips/2020-09-13-dart-flutter-easy-wins-36-42/images/038-assertion.png)

## 39. Need a better logger for your apps? Use the logger package

Link: [Logger package](https://pub.dev/packages/logger)

![Need a better logger for your apps? Use the logger package](https://codewithandrea.com/tips/2020-09-13-dart-flutter-easy-wins-36-42/images/039.logger.png)

## 40. Use the Flutter DevTools to inspect and profile your Flutter apps

More info & installation instructions here: [Flutter DevTools](https://flutter.dev/docs/development/tools/devtools/overview)

![Use the Flutter DevTools to inspect and profile your Flutter apps](https://codewithandrea.com/tips/2020-09-13-dart-flutter-easy-wins-36-42/images/040-dev-tools.png)

## 41. Anonymous functions can be assigned to variables, or passed as arguments to other functions

![Anonymous functions can be assigned to variables, or passed as arguments to other functions](https://codewithandrea.com/tips/2020-09-13-dart-flutter-easy-wins-36-42/images/041-anonymous-functions.png)

## 42. Want a function that can only throw? Use Never

More info here: [Never for unreachable code](https://dart.dev/null-safety/understanding-null-safety#never-for-unreachable-code)

![Want a function that can only throw? Use Never](https://codewithandrea.com/tips/2020-09-13-dart-flutter-easy-wins-36-42/images/042-never-throw.png)


More tips coming next week. [Subscribe via RSS](https://codewithandrea.com/rss.xml) for updates!

Happy coding!