teleren/devto huggingface dataset:
AzureFunBytes Reminder - 02/11/2021 2 PM EST - Intro to Azure Policy with @StevenMurawski
Tags: azure, cloud, beginners, tutorial
Published: 2021-02-10 16:53:54

Each week on AzureFunBytes, we try to introduce you to the technology, tools, processes, and practices that make up the fundamentals of Azure.  One of the real goals we strive for is to cover all the subjects and make sure you're able to implement the tech and concepts presented.  One of the people who's really come to help me with this is [Azure Principal Cloud Advocate Steven Murawski](https://twitter.com/StevenMurawski).  

Steven joins me once again on the show to discuss [Azure Policy](https://cda.ms/1WR).  Azure Policy helps you set standards for your organization at-scale.  You can enforce specific policies across your Azure accounts.   We will discuss how organizations count on Azure Policy to enforce business rules to meet compliance.  

{% youtube dxMaYF2GB7o %}

Join us at 11 AM PST / 2 PM EST for the latest episode!  We'll dive headfirst into Azure Policy and try to learn how governance can be enforced on our Azure resources.

Learn about Azure fundamentals with me!

Live stream is available on Twitch at 2 pm EST Thursday. You can also find the recordings here as well:

https://twitch.tv/azurefunbytes
https://twitter.com/azurefunbytes
https://aka.ms/jaygordononyoutube

Useful Docs:

[Microsoft Learn: Azure Fundamentals](https://cda.ms/1WL)
[Microsoft Azure: $200 Free Credit](https://azure.microsoft.com/free/?WT.mc_id=devops-15621-jagord) 
[What is Azure Policy?](https://cda.ms/1WN) 
[Tutorial: Create and manage policies to enforce compliance](https://docs.microsoft.com/azure/governance/policy/tutorials/create-and-manage?WT.mc_id=devops-15621-jagord) 
[Azure Policy definition structure](https://cda.ms/1WP)
[Quickstart: Create a policy assignment to identify non-compliant resources](https://cda.ms/1WQ)
Awareness of telecare therapies among people in India

Tags: healthydebate
Published: 2021-02-10 16:42:32

Technology is giving rise to a revolution in mental health care. The ongoing covid-19 pandemic has given us both a need and a chance to utilize technology as a tool to expand access to mental health care. In these tough times, the emergence of delegate therapies offers comfort and positivity. Telecare has been serving as a flexible method in order to fill the gap between patients and mental health professionals. Using inexpensive tools and fundamental technical knowledge, telepsychiatry has been enhancing the extent of the domain to distant and remote towns and villages.
It was at the advent of the 21st century. India began its journey with telemedicine when a remote village, named Aragonda, in Andhra Pradesh, was connected via distant communications technology with a tertiary centre 200 km away in Chennai. The Ministry of Health and Family Welfare and the Department of Space and the Indian Space Research Organisation came together to fulfil this endeavour. On March 30th 2000, Bill Clinton, the then president of the United States of America, launched telemedicine in India and authorized the first telemedicine unit in Aragonda.
Image for post
Similarly, the novel initiative of the Schizophrenia Research Foundation (SCARF), a nongovernmental organization (NGO), regarding providing telepsychiatry services to the sufferers of the wrecking tsunami in the coastal districts of Tamil Nadu in the year 2004 was praised worldwide.
Over a few years, an increase in online groups, websites and applications possibly as a result of decreasing health care resources has been witnessed. Such websites have been spreading awareness to healthy individuals as well as providing mental support to individuals suffering from depression, substance abuse and eating disorders through their blogs and services. The vast reach of social media has been leading to a chance for online support groups to support recuperation as well as to lessen stigma. This is becoming even more significant in countries where talking about mental health is still a taboo. These online support groups are developing a transition by improving access to health information and giving assistance. Yet, more research is needed to explore these motives.
As per the correct scenario, telecare is growing and advancing beyond the hindrances. Telepsychiatry is increasing its health care capability to interact with patients and their family. It is expected that the blurring of international boundaries will also unfold worldwide opportunities to psychiatrists in India.

Originally published at https://www.mediwy.com
setup free professional email domain for your web apps with mail.com link to gmail
Tags: webdev, nodemailer, hobby, sideprojects
Published: 2021-02-10 16:30:04

---
title: setup free professional email domain for your web apps with mail.com link to gmail
published: true
description: free email domain that matches your app niche directly from google!
tags: webdev,nodemailer,hobby,sideprojects
//cover_image: https://direct_url_to_image.jpg
---

## Inspiration

So you have a hobby project? and you want a custom email domain tailored to your app niche? Good news! you don’t need to buy a web hosting or a domain!, With mail.com which offers a lot of custom email domains for free you can easily create a professional looking email for your projects. But where is this good for? Well that really depends on you, but in my scenario i wanted to send email confirmation to users who registered to my app, using gmail alone wasn’t good enough for me because i wanted the email to look professional. So what i did is hooked up my mail.com account to my gmail account.

Heres what it looks like
![preview of email](https://justinecantado.com/images/verification.PNG)

## Setup

Go and register first to mail.com and choose the email domain best suited for your need. 

###### Linking mail.com to your gmail.
Open your gmail and click the gear icon at top right corner then click on settings and choose the `Accounts and Imports tab`, Now for the `Send email as` click add another email address and this should open a new window simply input your desired name and the email address you registered at mail.com and make sure you checked the ‘Treat as an alias’ Just click next, enter your mail.com registered account detail and set the smtp server as `smtp.mail.com` with port `587`.

![setup format](https://justinecantado.com/images/bida.PNG)

After you confirm, google will send you a verification code to your mail.com account so go and get the code there. Once you verified yourself go back to gmail setting for the Send email as make your mail.com account as a dfault email.

![setup format](https://justinecantado.com/images/default.PNG)

Now you should be able to send emails using your mail.com account directly from gmail! and you can use this email for your web apps just like i did!
Created WhatsApp clone in React
Tags: react, showdev, webdev, discuss
Published: 2021-02-10 16:26:46

Hi guys,

I recently created a WhatsApp Web clone which is kinda not a clone if we look at the functionality rather it is a room based application.

Tech stack used -
1. React
2. Google Firebase and Google Authentication
3. Material UI

Check it out - https://whatsapp-clone-36b61.web.app/

If you like it then do star the GitHub repo - https://github.com/gauravgupta98/whatsapp-clone

Also I'm planning to add more and more features as part of self-learning like currently I'm working on speech to text integration.

# UPDATE
### Guys - Speech to text is working now !!!

Open for contributions :)
Dijkstra's algorithm in Python (Find Shortest & Longest Path)
Tags: python, tutorial, programming
Published: 2021-02-10 16:22:39

---
title: Dijkstra's algorithm in Python (Find Shortest & Longest Path)
published: true
description: 
tags: #python #tutorial #programming
//cover_image: https://direct_url_to_image.jpg
---
Pathfinding Problem
Adjacency List Representation
Adjacency Matrix Representation
Computation Time and Memory Comparisons
Difficulties of Pathfinding
Dijkstra’s Shortest Path: Python Setup
Dijkstra’s Shortest Path: Step by Step
Putting it all Together
Longest Path and Maze Solving

https://likegeeks.com/python-dijkstras-algorithm/
HTML autocomplete "one-time-code".
Tags: html, tutorial
Published: 2021-02-10 15:54:06

Using only html autocomplete (`autocomplete="one-time-code"`) you can autofill inputs using security codes sent by SMS providers.

```js
<input
  type="text"
  name="auth-token"
  inputmode="numeric"
  pattern="[0-9]*"
  autocomplete="one-time-code"
/>
```

![Security code](https://dev-to-uploads.s3.amazonaws.com/i/uw8vo905704qo082a6o6.jpeg)

---
If you like this article, follow me on Twitter [@MaciejDEV](https://twitter.com/MaciejDEV)
Your First 3 HTML Elements
Published: 2021-02-10 15:45:39

## TLDR

When starting to learn web development, I would focus more on javascript and CSS. To help with that, learn these three HTML Elements:

1. `<div>`
1. `<button>`
1. `<input>`

You should and will learn others. But this is a great place to start.

> If you are a developer, as a challenge, try to build an accessible login screen with just `<div>`s.

[FREE Course](https://app.codesagas.com/code-sagas-intro-course)
[Twitch stream](https://twitch.tv/codesagas)

## Bit by Bit

I am a self-taught software engineer, and I have helped hundreds of aspiring developers. The biggest challenge I have seen is that people try to soak in too much content too quickly. More often than not, the knowledge is lost, and time is wasted.

The funny thing is most people retain things that are not pertinent or retain them incorrectly. This is a typical problem in many boot camps. They turn on that hose and say good luck. Don't get me wrong, this works for some people but not everyone. To help with this I suggest learning three HTML elements: `<div>`, `<button>`,  and `<input>`.

## Why These Three?

Knowing these three will help you understand the structure and provide an introduction to user experience (UX) and accessibility. This will force you to learn more CSS and HTML attributes to write good UX and more accessible code. 

To be clear, you should learn other HTML elements. This is for beginners, so they don't get overwhelmed and allows course curriculums to get to JavaScript quicker.

## I Already Know These

If you feel you are beyond this in your journey, try to make a login screen with just `<div>`s. This means making an input that has focus ability and editability with a `<div>`. You learn some cool CSS and JS. Feel free to share your solutions in the comments. I don't intend this to be practical for production but educational. I hope that you will learn things you may have missed in your saga.

## Learn With Us

Check out our [FREE course](https://app.codesagas.com/code-sagas-intro-course) if you want to build a tabletop RPG dice roller app with these elements. The app is not the most fantastic thing ever, but it is pretty cool for your first app.

Come check out our [Twitch stream](https://twitch.tv/codesagas) most weekdays at 11 am MST.

<span>Photo by <a href="https://unsplash.com/@michael92?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Michael Jeffrey</a> on <a href="https://unsplash.com/s/photos/fire-hose?utm_source=unsplash&amp;utm_medium=referral&amp;utm_content=creditCopyText">Unsplash</a></span>
How to convert from JSON with references to a JSON tree
Tags: help, question, node, javascript
Published: 2021-02-10 15:30:36

How to convert this data: 
![image](https://dev-to-uploads.s3.amazonaws.com/i/tm3sx37w2qm3c3u4jsah.png)

To this data:
![image](https://dev-to-uploads.s3.amazonaws.com/i/1agfhtpvvfytbeajug4d.png)
Connect to Azure WordPress App via FTP
Tags: azure, wordpress, cloud, tutorial
Published: 2021-02-10 15:30:04

###### Originally published at [www.foteinisavvidou.codes](https://www.foteinisavvidou.codes/connect-to-azure-wordpress-app-via-ftp/)

In the third part of “Host WordPress on Microsoft Azure” tutorial series, you will use the FTP deployment credentials to connect to your WordPress app.

To complete the exercise, you will need:
* An Azure subscription.
* A WordPress website running on Azure.
* An FTP client. I am going to use [WinSCP](https://winscp.net/eng/index.php) because it is a free and easy-to-use FTP client for Windows.

### Get FTP connection information
1. Sign in to [Azure Portal](https://portal.azure.com/), expand the left navigation panel and select **All resources**.
![All resources in Azure Portal](https://www.foteinisavvidou.codes/wp-content/uploads/2021/01/1-all-resources.png)
2. Select the **App Service** that you have created in the part 1.
3. Then navigate to **Deployment > Deployment Center** and select **Deployment Credentials**.
![Deployment Credentials](https://www.foteinisavvidou.codes/wp-content/uploads/2021/01/2-deployment-center-1024x434.png)
4. In **Deployment Credentials** tab, select **App Credentials** and save the following information:
    * FTPS Endpoint
    * Username
    * Password
    ![Deployment Credentials](https://www.foteinisavvidou.codes/wp-content/uploads/2021/01/3-credentials.png)


**App credentials** is a unique set of credentials for each app and can be used to deploy to that app only. If you want to learn more about app- and user-level credentials you can read the article [Configure deployment credentials for Azure App Service](https://docs.microsoft.com/en-us/azure/app-service/deploy-configure-credentials) on Microsoft Docs.

### Connect to your WordPress App via FTP
From your FTP client (for example, [WinSCP](https://winscp.net/eng/index.php)), use the connection information you gathered to connect to your WordPress app.
![FTP client](https://www.foteinisavvidou.codes/wp-content/uploads/2021/01/4-connect.png)
After connection, you will be able to see the app files and upload or download files via drag&drop.

### Next steps
In the following tutorials, you will learn how to add a custom domain to your website and an SSL certificate using the free App Service Managed Certificate.
Typetron Beta is here: typetron.org
Published: 2021-02-10 15:29:17

Since my [last post about Typetron](https://dev.to/typetron/typetron-alpha-is-officially-out-typetron-org-2ke3) there have been some crazy months but it is finally here.

Typetron BETA is here!

Typetron is a Node.js web framework used for creating backend services. I demonstrate this in two of the available tutorials:
- [building a Personal blog](https://typetron.org/tutorials/blog/)
- [building a Twitter clone](https://typetron.org/tutorials/twitter-clone/)

### How does it look like in code?
#### Controlers
```ts
import { Controller, Delete, Get, Put, Post } from '@Typetron/Router'
import { Article } from 'App/Entities/Article'
import { ArticleForm } from 'App/Forms/ArticleForm'

@Controller('articles')
export class ArticleController {
    @Get()
    all() {
        return Article.get()
    }

    @Post()
    add(form: ArticleForm) {
        return Article.create(form)
    }

    @Put(':Article')
    update(article: Article, form: ArticleForm) {
        return article.fill(form).save()
    }

    @Delete(':Article')
    async delete(article: Article) {
        await article.delete()
    }
}
```

#### Entities
```ts
import { Column, Entity, ID, HasMany, Relation } from '@Typetron/Database'
import { Comment } from 'App/Entities/Comment'

export class Article extends Entity {
    @Column()
    id: ID

    @Column()
    title: string

    @Column()
    content: string

    @Column()
    createdAt: Date

    @Column()
    updatedAt: Date

    @Relation(() => Comment, 'article')
    comments: HasMany<Comment>
}
```

If you don't know anything about Javascript or Typetron, you can find some great [FREE courses here](https://typetron.org/tutorials) that I recommend you to watch

It would be great to see your feedback and what features you would like to see in a framework like this. Take the tutorials and see what's missing 😄.

Check the [website typetron.org](https://typetron.org)
Twitter at [@Typetron_](https://twitter.com/Typetron_)
My Twitter [@ionellupu_](https://twitter.com/ionelLupu_)
Come and leave a question on [Reddit](https://www.reddit.com/r/typetron)
Join [the Facebook](https://www.facebook.com/Typetron-662589810876633/) group
Let's talk on [Slack](https://typetron.slack.com)
Linkedin - [Typetron](https://www.linkedin.com/company/typetron)
Update the version of PHP via the Azure Cloud Shell
Tags: azure, tutorial, cloud, wordpress
Published: 2021-02-10 15:29:10

###### Originally published at [www.foteinisavvidou.codes](https://www.foteinisavvidou.codes/update-the-version-of-php-via-the-azure-cloud-shell/)

In the previous tutorial, you created and configured a WordPress website hosted on Microsoft Azure. In part 2, you will learn how to show and update the PHP version using the Azure Cloud Shell.

To complete the exercise, you will need:
* An Azure subscription.
* A WordPress website running on Azure.

### What is PHP?
[PHP](https://www.php.net/) is a widely-used open source scripting language that can be used to create interactive websites. PHP is especially suited for web development and can be embedded into HTML.
 
WordPress is written using PHP as the scripting language. Many WordPress users may see the “WordPress PHP Update Required” notification in their dashboard. In order to see all the recommendations from WordPress, navigate to **Tools > Site Health**.

### Show PHP version 
1. Sign in to [Azure Portal](https://portal.azure.com/) and select the **Cloud Shell** from the top navigation menu.
![Azure Cloud Shell](https://www.foteinisavvidou.codes/wp-content/uploads/2021/01/azure-cloud-shell.png)
2. If this is the first launch of Cloud Shell, you should first choose your preferred shell experience and create a storage account.
    * Select PowerShell
    * Then select a subscription, a region and create a new resource group (or use an existing one), storage account and Microsoft Azure Files share.
    * Click **Create storage**.
3. To show the current version of PHP, use the command:
```powershell
az webapp config show --resource-group <resource-group-name> --name <app-name> --query phpVersion
```
You can also see the supported PHP versions using the following command:
```powershell
az webapp list-runtimes | grep php
```

### Update PHP version
Keeping PHP up-to-date is important since your website will be faster and more secure.

The latest supported PHP version is 7.4. Use the following command to set the version of PHP to 7.4:
```powershell
az webapp config set --name <app-name> --resource-group <resource-group-name> --php-version 7.4
```
Sign in to your website to confirm the changes.


If you want to learn more about how to configure your PHP web apps, you can read the article [Configure a PHP app for Azure App Service](https://docs.microsoft.com/en-us/azure/app-service/configure-language-php?pivots=platform-windows) on Microsoft Docs.

### Next steps
In the following tutorials, you will learn how to connect to your Azure web app via FTP and add a custom domain and an SSL certificate to your website. Stay tuned!
Repository Pattern with a C# and ASP.NET Core example [VIDEO]
Tags: csharp, tutorial, aspnetcore, repositorypattern
Published: 2021-02-10 15:25:36

The repository pattern helps decouple your code from the data access layer, it promotes reuse and makes your code easy to test.

In this tutorial, you will learn the Repository pattern through an example written with ASP.NET CORE and C#.

If you like the content, feel free to like the video and subscribe to the channel.

{% youtube BcQzZ97-mWU %}
How to fix unexpected gaps when printing flex-based elements in Safari
Tags: frontend, safari, flexbox, css
Published: 2021-02-10 15:10:35

---
title: How to fix unexpected gaps when printing flex-based elements in Safari
published: true
description: Safari doesn’t always play along nicely whenever Flexbox is used and that layout is later intended to be printed, as a matter of fact some rather large and unwanted gaps might show up
tags: frontend, safari, flexbox, css
---

**TL;DR:** if possible, switch all your Flexbox containers for block-level elements. Changing `display: flex` for `display: block` should do the trick as long as you don’t mind stacked content when printing (otherwise you’ll need to tinker around to rearrange your print layout)

I’ve been working for a client for almost 3 years now, his project involves students and teachers that usually *require printing* guides to use whenever *they don’t have an internet connection* to use on their devices.

The platform uses different modular types of content (some of that is video along text, other are images in a grid, and other components are just plain text), which is why whenever building the print styles I decided to remove any extra whitespace along with background images, plain images, iframes etcetera. When testing said print styles, everything seemed in order in major browsers like Chrome, Firefox and Edge, but Safari, for some reason, included weird large gaps in between paragraphs and/or titles and content.

**Theory 1:** hidden images, iframes and grids were causing these gaps. Seemed unlikely given those elements all had the `display` property value set to `none`. After checking out these elements in the devtools, manually removing them from the DOM and printing a PDF, it was obvious this wasn’t the solution.

**Theory 2:** CSS [page breaks](https://css-tricks.com/almanac/properties/p/page-break/) needed to be set in order to get this page printing properly. After setting up `page-break-before`, `page-break-after` and `page-break-inside` property values wherever the issues arised, I tried to print a PDF using Safari but none of these changes gave me the expected results.

**Theory 3:** Similar to what happens with some older JavaScript plugins when combined with Flexbox, there might be sizing issues when printing, causing large computed numbers for widths or heights. After switching all my `display` properties to use a `block` value rather than `flex`, everything showed up as it should in the generated print PDF file using Safari.

I was lucky enough that the print layout for this use case was simple, and stacked content was the inteded result. If you need to print layouts that are a bit more complex, you are most likely going to have to dedicate some time to rearrange your components so they play nicely.