teleren/devto huggingface dataset:
Software Performance Scalability & Productivity to Success-4
Published: 2020-08-17 15:19:57

Event Title "Software Performance Scalability & Productivity to Success-4  "

Currently performance is critical matter for a team or company to maintain in application."techforum" is gonna arranging a series of event on application performance development. Performance is not a jock that we can start form any where of ALM (Application Development Life Cycle ).It supposed to be think from very early stage of software development not only front end but also back end.

We've started event journey form database end, Gradually it will touch Architecture ,front end application , middle ware , Backend ,Performance testing, Deployment environment and so on.
Most experience having track record on working large enterprise application development escapist will on board on the series of events .
Time to Start : 5 pm Bangladesh Standard Time (GMT+6.00)
Event links : 
Webinar link to join : https://bit.ly/3gYpOZx
PASS Event Page (Professional Association of SQL Server )
https://techforum.pass.org/Home/EventID/15531


Session and Speakers are: 
1.The magnificent seven - 
   Intelligent Query Processing in SQL Server 
   Speaker : Taiob Ali, 
   Database Solutions Manager GMO LLC,USA
   Time : 5 pm to 6 pm

2.Develop, Deploy & Manage Data with Azure Blockchain Part 2 
   Speaker : Mohammad Asif Waquar
   Solution Architect ABN AMRO BANK ,Singapore 
   Time : 6 pm to 7 pm

3. React - The sexiest coding
   Speaker : Md. Saifullah Al Azed 
   CIO , Subra System Limited  
   Time : 7 pm to 8 pm

How to Join on webinar ?
Tools : Microsoft Team Live- Team Apps. is available /Browser

Steps to join:
1 .Copy link to Browser : https://bit.ly/3gYpOZx (Live Event Link )
2. Click "watch on web instead" if don't have Team Apps installed 
3. Join as Anonymous  ( login optional )
Why I Wrote A Podcasting Book- The Building an Indie Business Podcast
Tags: podcast
Published: 2020-08-17 15:18:21

[Listen Here](https://baib-podcast.com/why-i-wrote.html)

In this episode, I discuss the reasons I wrote the podcasting book. How I see the book as an investment in myself, the Open Podcast Community, and the podcast industry. How I can build off the content of the book to create more. I discuss the financials of the book. How the book is a resource for the community.

**Show Notes:**
[Revenue Research](https://revenueresearch.co/)
[Episode Page](https://baib-podcast.com)
[Buy the book I wrote](https://blog.openpodcast.xyz/podcast-book/)
#30DaysOfCJS: Fair Trade Open Source
Tags: community, javascript, opensource
Published: 2020-08-17 15:12:49

---
title: #30DaysOfCJS: Fair Trade Open Source
published: true
description: #30DaysOfCJS Day 16, Fair Trade Open Source
tags: community, javascript, oss, discuss
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/hh8iq2ps9564bnt2kgga.png
series: 30DaysOfCJS
---

*This is a follow up post for Day 16 of* **#30DaysOfCJS**, *learn more about* **#30DaysOfCJS** *here* {% link jimcalliu/30daysofcjs-1jd3 %}

**Fair Trade Open Source | Eran Hammer | CascadiaJS 2019**

If you'd like to watch the talk, here is the Youtube link.
{% youtube qVMo54BUqEA%}

- [Working in Public](https://changelog.com/podcast/408)
How to use Font Awesome Icons in Angular 10?
Published: 2020-08-19 10:17:53

---
title: How to use Font Awesome Icons in Angular 10?
published: true
date: 2020-08-17 15:00:52 UTC
tags: 
canonical_url: https://www.itsolutionstuff.com/post/angular-10-install-font-awesome-icons-exampleexample.html
---

In this tutorial you will learn angular 10 install font awesome icons Im going to show you about how to install font awesome in angular 10 9 explained font awesome icons in angular 10 lets see step by step explain how to add font awesome icons in angular 10 Lets get started with use font a
Cloud could be so much easier - announcing Hyperlaunch
Tags: devops, docker, serverless, productivity
Published: 2020-08-17 14:56:14

I don't know about you - but I'm ready to eradicate the existential dread that the AWS console and CloudFormation embed into my daily life. I love AWS and Azure - and all that they facilitate - but the constant "gluing" together, ambiguity and unnecessary complexity just isn't productive. IAM? IAM *NOT*.

I want to love Heroku too - their tooling is fantastic and they own the developer experience. But the last Rails app I deployed on Heroku went from < 300ms response times to > 2.5s - _inexplicably_. My postgres database was publicly accessible, and that $7/month price tag is surely a fugazi.

So I'm planting my flag in the ground: [Hyperlaunch](https://hyperlaunch.com) - a new way to approach dev-ops, bringing Heroku level ease to _your own_ cloud accounts. 

Pair up a repo with a Dockerfile, and Hyperlaunch will give you back a fully load-balanced, auto-scaling web service. With a locked down database. And Staging, Production and Preview releases. On your own AWS account. Forget Cloudformation, Terraform and Kubernetes - it’s time to move fast and ship things.

I plan to document the build as I go - it's going to be a Next.js, typescript, Postgres and CDK based stack. In the meantime, you can sign up for early invites at [Hyperlaunch.com](https://hyperlaunch.com).
Classes of Problems in Machine Learning
Tags: datascience, machinelearning, 100daysofcode, tutorial
Published: 2020-08-17 14:51:54

The most common classes of problems in Machine Learning are -

##Classification
* In classification, data is labeled i.e., it is assigned a class, for example, spam/non-spam or fraud/non-fraud.
* The decision being modeled is to assign labels to new unlabeled pieces of data.
* This can be thought of as a discrimination problem, modeling the differences or similarities between groups.

##Regression
*Regression data is labeled with real value rather than a categorical label.
*The decision being modeled is what value to predict for new unpredicted data.

##Clustering
* In clustering, data is not labeled but can be divided into groups based on similarity and other measures of natural structure in the data.
* For example, organizing pictures by faces without names, where the human user has to assign names to groups, like iPhoto on the Mac.

##Rule Extraction
* In rule extraction, data is used as the basis for the extraction of propositional rules.
* These rules discover statistically supportable relationships between attributes in the data.

*This tutorial is originally published at - https://www.asquero.com/article/classes-of-problems-in-machine-learning/*

**Also Read -**

**Splitting Dataset in Machine Learning -** https://www.asquero.com/article/splitting-dataset-in-machine-learning

**Terminologies used in Machine Learning -** https://www.asquero.com/article/terminologies-used-in-machine-learning

**Classes of Problems in Machine Learning -** https://www.asquero.com/article/classes-of-problems-in-machine-learning
CSS Box Model
Tags: css, webdev
Published: 2020-08-17 14:46:25

![CSS Box Model](https://dev-to-uploads.s3.amazonaws.com/i/5e29jd6oaewiq7t9y2qo.png)

Every element box has a content area which includes the content of the element, and optional surrounding padding, border, and margin areas. 

The rendered content determines the height of the content box. The width is determined by the width of the parent element (block elements) or by rendered content (inline elements).

# Watch Out For
- **Box-sizing:** By default, the height & width is set to the content-area. Any border or padding will add to the width and height to arrive at the size of the box that's rendered on the screen. (Margin isn't included as a part of element's box-size).
```css
div{
width: 300px;
padding: 10px;
margin: 0;
}
```
The above `<div>` will have a width of 320px (200px +60px (padding-left) + 60px(padding-right)). (This is why 4 divs with width:25% do not fit on the same row).In most (read almost all) cases, it’s much easier and feasible to specify the size of the whole box. To do that, set **‘box-sizing: border-box’** (Default is ‘box-sizing: content-box’).

{% codepen https://codepen.io/poulamic/pen/eYJoOQZ default-tab=result %}

- **Default values:** Browsers may have elements may have default margins, paddings, etc. To avoid calculation mismatch due to those, you can reset those for all elements. 
```css
{ margin:0; padding:0; }
```
- **Margin-collapsing:** The top and bottom margins of blocks are sometimes combined (collapsed) into a single margin whose size is the largest of the individual margins (or just one of them, if they are equal). Margin-collapsing occurs for siblings within a formatting context.

- **Anonymous boxes:** An anonymous box is created when there is not an HTML element to use for the box. It will then behave as a inline item. But it cannot be targeted and styled like a regular box because there is no element to target. (including with `.parent>*`) - check if you have missed an HTML tag.

- **Content:** Content is needed to set width, height, etc (content can be ""). For pseudo elements (`:before`, `:after`), box isn't generated until content is specified.
Diving deep into CSS Layouts - About the series
Tags: css, webdev
Published: 2020-08-17 14:45:58

I have been dabbling in CSS on and off for some years now, and layouts is something I still don't feel confident about. Flex and Grid have, without doubt, alleviated layout woes. Yet, that's only one facet of component layout.

One of the main issues I have with CSS is that layout declarations feel hit-or-miss. The same declaration works at time, and fails at others. I am pretty familiar with display, position, z-index and yet, they work as expected only about 90% of the time.

The 10% of the time it doesn’t, mostly the same routine plays out: I try debugging my code — get frustrated — give up — end up on StackOverflow — find an arbitrary ‘hack’ - look that details of the hack on mdn to find a seemingly random CSS rule!

Depending on the rule, I have a solution to my problem, or I rethink my approach. In either case, I end up with more additions to my prized bag of CSS ‘tricks’, and a stronger conviction that CSS rules are as arbitrary as ones of English language.

Repetitive outcomes highlight patterns. In this case, I realized most of the non-obvious ‘corner’ cases were due to a) “side-effects” of some CSS properties and/or b) meld of multiple properties (ex: interaction of z-index & transform).

So, I decided to dig deeper into the interplay of CSS concepts and properties which affect layout **of an element**. This article is a summary of what I have learned (till now).

## Who this series for
I am mostly writing this for my future self. This may be useful to you if are also interested in digging into core CSS concepts, or looking for a cheat-sheet to debug your CSS (the ‘Be aware of’ section may work as a quick checklist).

It may not pertinent to a CSS beginner. (The assumption is you are familiar with DOM structure, and basic CSS concepts — syntax, specificity, cascades, inheritance).

## Series Structure & Content
Primarily, layout of an element encapsulates two factors - size of an element and its position on the screen (x-, y- & z-axis). These factors are affected by the contents of the element as well as its relationship to other elements.

The sum and substance of my understanding can be boiled down to 3 simple points:
* Every element is a box — the content and the element type defines the default size and layout
* The position & size of the box may be dependent on ‘outer’ boxes within which they are nested
* The ‘outer’ box is not always the parent element

I will zoom into an element to look into i) its layout properties, ii) what its "outer" box is and how that is determined and iii) how that affects its layout. Each topic will be followed by a list of its commonly overpassed corollaries in the *'Be aware of'* section.

I will touch upon the following topics (with varying depths):
1. The element box
 * Box Model
 * Block & Inline Elements
 * CSS Flow, Positioning & Floats
2. The outer box
 * Containing Block
 * Formatting Context
 * Stacking Context
Which Linux distros have you tried?
Tags: webdev, discuss, linux
Published: 2020-08-17 14:31:55

---
title: Which Linux distros have you tried?
published: true
description: 
tags: webdev, discuss, linux
cover_image: https://miro.medium.com/max/674/1*1zyoZQPbYlIxvZnPuX_GbA.png
---
Linux is a Unix-like open-source operating system and there are hundreds of distros to choose from: Ubuntu, Debian, Gentoo, Fedora, Mint, Arch, Kali, Tails to name a few.

Which Linux distros have you tried?
Which one do you currently use and what do you like about it?
AzureFunBytes Short  - @Azure Linux VM Storage
Tags: beginners, tutorial, azure, linux
Published: 2020-08-17 14:25:26

AzureFunBytes! - Byte-sized content with a live Twitch show!  Learn about Azure fundamentals with me!

This time we'll look at storage options for your Azure Linux Virtual Machines.  Blobs, disks, and files!   

{% youtube 7Xh_bBdciCg %}

Live stream is available on Twitch at 2 pm EDT Thursday. You can also find the recordings there as well. 

https://twitch.tv/azurefunbytes 
https://twitter.com/azurefunbytes

Join me, ask questions and learn about Azure! 

Useful Docs: 

Expand Disks - https://cda.ms/1td 
Use Azure Files With Linux - https://cda.ms/1tf 
Create a snapshot - https://cda.ms/1tg 
How to query logs from Azure Monitor for VMs - https://cda.ms/1th 
Microsoft Learn: Azure Fundamentals - https://cda.ms/1jV
Microsoft Azure: $200 Free Credit https://cda.ms/1tj
Shoelace Style: Login and Registration Form
Tags: css, html, webdev, uiweekly
Published: 2020-08-17 14:23:26

As you know in w3hubs have so many login & Registration forms in different views. Also folks we used Different CSS frameworks to make these elements. So here we used the shoelace CSS framework to make this login and registration forms.

What is Shoelace style ?

shoelace style is a regular HTML element which is we already used to make a website. But, in this framework have custom HTML tags with proper documentation of each and every API, method and modules describe in detail. Following this framework is work in all javascript and CSS framework also with online CDN links.

In this element, we used CSS3 flex properties to make columns and also used media quires to make this element mobile-friendly. Here we just used an element that is given in shoelace style’s official website. We used form, input, checkbox, and button element which is given in this framework and also used color attribute which is more useful.

Make it yours now by using it, downloading it, and please share it.

[Get Source Code](https://w3hubs.com/shoelace-style-login-and-registration-form/)
Bringing science-based health & technology together
Tags: android, ios, python
Published: 2020-08-17 14:22:35

Otri is a Russian-British comprehensive health app project, initiated by British company Biolink.tech LTD and founded by two entrepreneurs, Ivan Degtyar and Evgeny Chereshnev. Ivan, as the CEO, oversees the project, while Evgeny deals with the partners and investment side.

Ivan and Evgeny sought to conquer the global problem of malnutrition by bringing technology and science-based medicine together in a convenient tool for truly personalized nutraceuticals. They wanted to help people improve their quality of life through [health](https://evrone.com/ehealth) tracking, telemedicine, good habits, healthy lifestyle changes, and nutrition. 

[Learn more about the development of an innovative eHealth mobile app](https://evrone.com/otri)
#30DaysOfCJS: How Linters, Compilers & Other Cool Things Work
Tags: community, javascript, ast
Published: 2020-08-17 14:08:23

---
title: #30DaysOfCJS: How Linters, Compilers & Other Cool Things Work
published: true
description: #30DaysOfCJS Day 15, How Linters, Compilers & Other Cool Things Work
tags: community, javascript, ast, discuss, meta
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/4cl0nc22zl85g8kwpatz.png
series: 30DaysOfCJS
---

*This is a follow up post for Day 15 of* **#30DaysOfCJS**, *learn more about* **#30DaysOfCJS** *here* {% link jimcalliu/30daysofcjs-1jd3 %}

**How Linters, Compilers & Other Cool Things Work // Will Klein // CascadiaJS 2018**

If you'd like to watch the talk, here is the Youtube link.
{% youtube JMqZgUNkqgk%}
Using development expertise to strengthen a fintech company
Tags: fintech, ruby, react, elixir
Published: 2020-08-17 14:01:51

In 2013, Revo became one of the first companies in Russia to offer customers an instalment payment service for goods purchased on the Internet. The paperless loan application could be filled out quickly, helping partner stores attract more customers.

Some startups, at the stage of launching and developing the main functions, focus on the idea of the product and its value and transfer the development to a contractor. This approach reduces the demands on the in-house team and frees up time for go-to-market work. That is what fintech company Revo Technology did when they used Evrone to strengthen their team and bring their [banking technology](https://evrone.com/fintech) product from offline to online.

[Learn more about the development of an instalment payment service](https://evrone.com/revo-russia)
I need yalls opinion about the way I'm learning
Published: 2020-08-17 14:00:59

Okay so my question is : is it wrong that i switch learning from js to bootstrap? 'cause sometimes I'm too exhausted (from work) to sit behind my computer and watch my bootstrap vids and practice but instead i get my phone learn js 
So i'm constantly switching between js and bootstrap , is it bad thing?
I'd really appreciate your opinion about this
Five podcasts I'm listening to
Tags: podcast
Published: 2020-08-17 13:59:44

Over the last year, my commute has gone from a seven-minute walk across downtown Minneapolis to a 30-60 minute drive from a suburb into downtown to a now 17 second stroll from my bed to my home office. Thanks, COVID.

Now that I only have a 17-second commute and have lost my podcast listening time, I've taken this time to reevaluate the podcasts I listen to, pared them down a bit, and shifted away from the dumpster fire that is 2020 news.

Here's what I'm listening to right now, but probably not during my 17-second commute and instead during my multiple walks each day or on the drive to get coffee (to escape the house).

### [DEV News](https://dev.to/devnews)

##### 🎙Hosted by: Saron Yitbarek, Josh Puetz, and Vaidehi Joshi

A new podcast from [DEV](https://dev.to/), by and for developers, that shares tech news from around the world from a diverse group of guests.

### [DEV Discuss](https://dev.to/devdiscuss)

##### 🎙Hosted by: Ben Halpern and Jess Lee

Also produced by [DEV](https://dev.to/) and on their second season, this podcast is also worth a listen. This podcast discusses burning topics impacting the daily lives of developers.

### [Community Pulse](https://www.communitypulse.io/)

##### 🎙Hosted by: Jason Hand, Mary Thengvall, PJ Hagerty, and Sarah-Jane Morris

Geared toward developer relations and community professionals, this podcast interviews experts about building, managing, and leading technical communities.

### [The Women in Tech Show](https://thewomenintechshow.com/)

##### 🎙Hosted by: Edaena Salinas

The headline says it all: "A podcast about what we work on, not what it feels like to be a woman in tech."

### [Disrupting the Cloud](https://twitter.com/disruptthecloud)

##### 🎙Hosted by: LaBrina Loving and Gwyneth Pena

This is a podcast about how the cloud engineering space can become more diverse and inclusive. As a community builder, this is something that is always on my mind.

### ✨ Bonus! [Why Won't You Date Me?](https://headgum.com/why-wont-you-date-me-with-nicole-byer)

##### 🎙Hosted by: Nicole Byer

This is a non-tech podcast, and not always safe for work (but who's going to work in an office these days anyway?!). Nicole Byer is hilarious and questions her perpetual singleness during the podcast while interviewing comedians, friends, or ex-flings. The podcast addresses race, allyship, white privilege, dating in quarantine, and more.

## 🎧 What are you listening to?

I'd love to listen to and share more tech-focused podcasts featuring underrepresented folks. Drop the links in the comments!
My First Github Action, using JavaScript.
Tags: actionshackathon, javascript, github, beginners
Published: 2020-08-17 13:50:57

Hackathons are inspiring, I have been wanting to explore Github Actions for a while now, but I was always able to find some reasons to push it down in my to-do list.

Since the Dev.to Github Action hackathon is announced, I couldn't resist it, I jumped right into it.

And today, I created my first Github Action using JavaScript.

### My Workflow

I have managed to create a Github Action which replaces text in your Github comment with emojis, comments from issues and PRs are translated.


It was created mostly with reasons to get started with Github Actions.

I explored 

- Creating a Github Action using JS.
- Using libraries in my action.
- Using Github Context in my action.
- Writing workflows.

### Submission Category: 

Comments Emoji will fits fine with Wacky Wildcards.


### Code

Add following YML in your workflow to get started.

`comments.yml`

```yml

name: Emoji Comments

on:
  issue_comment:
    types: [created]
  pull_request_review_comment:
    types: [created]

jobs:
  comment-emoji:
    runs-on: ubuntu-latest
    name: Emoji Comments
    steps:
      - uses: actions/checkout@v2
      - name: Comment Emoji - action exe
        uses: dreamer01/comments-emoji@master
        with:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

```

You can find the code for the action at 

{% github dreamer01/comments-emoji no-readme %}


### Resources

- [Creating a JavaScript Action](https://docs.github.com/en/actions/creating-actions/creating-a-javascript-action)
Typescript Like this?
Published: 2020-08-17 13:50:42

I write this article due to the fact that it's totally possible to use Typescript and provide zero value add for API discovery.  Intellisense is the best part of Typescript, without it, we might as well use just the 4 Javascript types and forget using Typescript. 

The component is [NG-Select](https://github.com/ng-select/ng-select).  Its main typescript entry is this [code](https://github.com/ng-select/ng-select/blob/master/src/ng-select/lib/ng-select.component.ts)  Notice that there is zero JSDOC annotation! Sure classes are contained within the package but to have to read only the documentation provided at the site on how to use it, bypasses intellisense. 

This is similar to how things were done in 1990, we had books on our desks to read about the API. One other odd thing, is that the @types for NG-Select show zero comments, and all use type of Any.  Talking about a liability to the programmer. 

Until this all improves, I wouldn't touch this component, if you have any issues with it, it's an immediate deep dive into single stepping through its code to learn what's going on.  A total waste of time because after all we're talking about a simple Select and a set of options. 

Instead use simple *ngFor binding on the options with a built-in [selected] directive on the options.  Say goodbye to deep dives. 

**Take Away**
Before you decide on any Angular component, take a look at it's definitely typed  (@types/...) listing. If you see almost nothing there, skip that package.

**Closer to the Metal**
```html
<div class="TwoCols" >
   <label>City</label>
   <select formControlName="city">
     <option
       *ngFor="let city of address.cities"
       [selected]="city.name == address.city"
       [ngValue]="city"
     >
       {{ city.name }}
     </option>
   </select>
 </div>
```
Note: Always use FormControls for validation!

**Advice**

If we are writing a 3rd party component for others, and we want to be successful, then we must  pay close attention to how intellisense works on the component. This is only one part of the puzzle, the other part is there needs to be an introduction to the entire package in the readme file as well as an extracted version of the API documentation in the readme. 

JWP2020