teleren/devto huggingface dataset:
The .NET Docs Show: .NET Core 3.1 & Twilio ☎️ workshop
Tags: dotnet, dotnetcore, dotnetdocsshow
Published: 2020-08-13 20:22:52

---
title: The .NET Docs Show: .NET Core 3.1 & Twilio ☎️ workshop
published: true
description:  The .NET Docs Show is joined by ☎️ Twilio Evangelist, Layla Porter for a conversation about creating technical workshops that are accessible to all developers!
tags: dotnet, dotnetcore, dotnetdocsshow
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/lp7fuvtdnk3rueb82x9n.png
---

In this episode of [The .NET Docs Show](https://dotnetdocs.dev), Layla Porter (<a href="https://twitter.com/LaylaCodesIt" target="_blank">@LaylaCodesIt</a>, <a href="https://mvp.microsoft.com/en-us/PublicProfile/5003455" target="_blank">Microsoft MVP</a> and ☎️ Twilio Evangelist) discusses her [.NET Core & Twilio workshop](https://bit.ly/2DHSgAs). As part of this week's #CheckUp, we cover the [.NET Core `EventCounters` API](http://aka.ms/dotnet-event-counters), and briefly demonstrate it in action on an ASP.NET Core web API.

The #HallwayTrack featured an amazing conversation about developing a workshop that is accessible to all developers! Layla takes an iterative approach, where refactoring becomes important in later segments, this is synonymous with modern agile development today. Layla mentions "brain-hurting", which caught my attention...later, we then debated "cake 🎂" vs. "pie 🥧"! Overall, the episode was packed with useful tidbits and words of encouragement!

## Quote

> Leave the "egos" at the door, regardless of who you are. Be empathic!

{% youtube GTIsjQq-GXU %}

If you liked this video and would like to see some more of our .NET content, please subscribe to our [The .NET Docs Show YouTube Channel](https://www.youtube.com/channel/UCIy_nKrwrd-naf_MPWtXdLA) and [follow us on Twitter](https://twitter.com/dotnetdocsshow).

# #CheckUp

- [.NET Core: EventCounters](http://aka.ms/dotnet-event-counters?WT.mc_id=devto-thedotnetdocs-dapine)

# Useful links

- [Layla's URL list](https://www.theurlist.com/the-dot-net-docs-show-netcore-twilio-workshop-layla-porter)
- [The .NET Docs Show](https://dotnetdocs.dev)
Azure SQL for Beginners - Video Playlist
Tags: sql, azure, beginners
Published: 2020-08-13 20:17:53

Azure SQL is a great database for developers as it provides *a lot* of features to build modern application. Beside the expected relational model support, it also come packed with support to

- Column-store
- Graph
- Spatial 
- JSON

and much more! To quickly learn why Azure SQL is one of the best cloud database for developers, you can take a look at this article I wrote some months ago: [10 reasons to use Azure SQL in your next project](https://devblogs.microsoft.com/azure-sql/10-reasons-to-use-azure-sql-in-your-next-project/)

To help all the new developers get started with Azure SQL, my colleague [Anna](https://twitter.com/analyticanna) and [Bob](https://twitter.com/bobwardms) created a truly amazing, and above all very helpful, set of videos. Here's one that shows how to create an Azure SQL database in just 5 minutes:

{% youtube wiBC4OxFX60%}

And this is only one of the many - 61 to be precise - that have been made available recently, to help developers, new and veterans, to really learn almost everything around Azure SQL and and deployment and management options offer to you:

- Geo Distribution
- Security
- High Availability
- Monitoring

And much more. Here's the playlist:

[Azure SQL for beginners](
https://www.youtube.com/playlist?list=PLlrxD0HtieHi5c9-i_Dnxw9vxBY-TqaeN&_lrsc=b0140d7c-6896-492f-a931-236cdf0858c8)

Enjoy! And stay tuned as during this summer we worked hard to create a lot of interesting content for developers...more to come very soon!
Circumventing news article blockers
Tags: websites, trick, ads, articles
Published: 2020-08-13 20:17:19

I wanted to read this article: https://www.ocregister.com/2015/03/20/match-day-reveals-future-for-graduating-uc-irvine-medical-students/

But since I had my adblocker on I could not read the article. I could have turned of my adblocker to read the article but for other websites it is not so easy. 

Sometimes you have to have a subscription in order to read the article. Usually I try to delete the popup box using inspect element. But some news articles blur out the text when you get the popup making it impossible to read the article even after deleting the popup. I found a neat way of being able to read such an article. 

Upon requesting a webpage, such articles always seem to be loaded correctly but then quickly you get a popup, text blurs etc, etc. So I thought about downloading the html source code with curl and storing it in an html document. Then you open the file and voila. It worked and this is now one of the ways I read news articles for free if I really want to.

Here's a simple python script for it (for windows).

```python
import os
import webbrowser

url = input("Link to article: ")
os.system(f"curl {url} > temp.html")
webbrowser.open('file://' + os.path.realpath("temp.html"))
```
I'm (Not Really) Podcast Famous!
Tags: reactnative, react, podcast
Published: 2020-08-13 20:11:27

---
title: I'm (Not Really) Podcast Famous!
published: true
description: 
tags: ["reactnative", "react", "podcast"]
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/azywyb4y3yfjqpfwae98.png
---

Got my shout-out! Tune in to React Native Nerds not only to hear Spencer and Jon give me some props (see what I did there?), but because it's an awesome, very accessible podcast on all things RN: https://www.reactnativenerds.com/e/e-013-testing-your-apps/
Proxy in short
Tags: internet, network, security, computerscience
Published: 2020-08-13 20:09:59

### What is proxy❓

Proxies are servers 🏛️ that sit in between your machine 💻 and the server 🗄️ you are trying to reach. It is kind of a middleman 👮‍♀️. When you request data from a server, that request is intercepted and forwarded by the proxy server. For the data to reach back, it has to pass through the same proxy again.

When you are behind a proxy 🕸️, your computer's IP will never be shared. All your internet traffic would be seen as coming from a different IP, that is of the proxy server. 

![proxy](https://media.giphy.com/media/yEeoTTV3a8wbkpHopd/giphy.gif)

### Why to use a proxy❔

Proxy servers are usually used to:
- ensure security 🔐
- site whitelisting 📄
- monitoring 🛰️
- fake location 🗺️

Depending upon the purpose, there are different types of proxy servers. Some of them are:

1.Transparent proxy

Transparent proxies are the simplest kind of proxy. They pass all of your information along, but with the proxy's IP address. These proxies don't offer any kind of privacy protection.

2.Anonymous proxy

Anonymous 👻 proxies are a commonly used type of proxy. They never pass your IP address to the website you are browsing although they will identify themselves as a proxy in the request. This helps you to keep your browsing activity private 🦹‍♀️.

3.Rotating proxy

Rotating proxies work a little differently from the others. Every time a client connects to the proxy, a new IP address is created for it. So they never use the same IP address more than once.

4.Reverse proxy

Reverse proxies are completely different from everything we've covered so far. A reverse proxy hides the IP address of a server you're trying to send a request to. When a server needs security and privacy from clients, that's when these types of proxies come in.

#### VPNs

VPN(Virtual Private Network)s  are also meant for security and monitoring. But it will control and monitor all the network activities, including FTP downloads and uploads, and background OS operations like updates. In that way, VPNs are much more secure 🔐 than proxy servers. When you are using a VPN, even the ISP(Internet Service Provider) can't see your internet activity. All they can see is, just connected 🔌 to a VPN. So, your requests are highly private and concealed when using a VPN.

Compared to proxy servers, VPNs are expensive 💰 to run and maintain.
Introducing LambdaStarter.js
Tags: aws, dynamodb, typescript, node
Published: 2020-08-13 20:04:09

If you want to start using **AWS Lambda** with **AppSync Direct Lambda Resolver**, I build a useful Starter with different tools to make the best lambdas in the world :D.

[LambdaStarter.js](https://github.com/migu33l/LambdaStarter.js)

This Starter got everything you need:
- AWS SAM
- AWS Lambda (with TypeScript)
- AWS DynamoDB
- AWS Parameter Store
- Prettier and Eslint
- Semantic Release
- and much more.

In my next post, I'll be writing about how to start working with this starter.

Cya!
Top 5 DEV Comments from the Past Week
Tags: bestofdev
Published: 2020-08-13 19:46:45

---
title: Top 5 DEV Comments from the Past Week
published: true
description: Highlighting some of the best DEV comments from the past week.
tags: bestofdev
cover_image: https://res.cloudinary.com/practicaldev/image/fetch/s--7VrAA2ln--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://thepracticaldev.s3.amazonaws.com/i/qmb5wkoeywj06pd7p8ku.png
---

This is a weekly roundup of awesome DEV comments that you may have missed.  You are welcome and encouraged to boost posts and comments yourself using the **[#bestofdev](/t/bestofdev)** tag.

---

@rachelagnihotri's response to the [What irritates you the most as a developer? 👩‍💻👨‍💻](https://dev.to/teamxenox/what-irritates-you-the-most-as-a-developer-1gf9) all devs shipping a new feature can relate to. And I'd love to see the cartoon from the QA team's perspective. 

{% devcomment 13ea4 %}

@coffeecraftcode got a new job!!

{% devcomment 13a2b %}

@tterb shared an awesome visualization that helped them understand a coding concept better. 

{% devcomment 1395m %}

Please welcome @freddilynne to DEV _and_ to software development 😊

{% devcomment 13a60 %}

Many folks regularly sing the praises of coding bootcamps, and rightly so. But this thread is dedicated to exploring how they can improve. A handful of folks weighed in on how coding camps are failing their students in [this thread](https://dev.to/thawkin3/how-dev-bootcamps-are-failing-their-students-5b4h). @rizz0s has some great concrete advice and a balanced perspective. 

{% devcomment 13f6m %}

See you next week for more great comments ✌
Add Bootstrap 4 with Vue CLI 3/4
Tags: vue
Published: 2020-08-13 13:08:19

---
title: Add Bootstrap 4 with Vue CLI 3/4
published: true
description: "In this tutorial, we’ll see by example how to integrate Bootstrap 4 with Vue.js using Bootstrap-Vue and Vue CLI"
tags: vuejs, vue
//cover_image: https://direct_url_to_image.jpg
---

In this tutorial, we’ll see by example how to integrate Bootstrap 4 with Vue.js using Bootstrap-Vue and Vue CLI.

We'll particularly see how to use the Bootstrap Vue CLI plugin via the `vue add @techiediaries/bootstrap` command to quickly install Bootstrap in your Vue project without much hassle.

Bootstrap is a popular HTML/CSS framework for building responsive websites. However, for most components that need JavaScript,   [jQuery](http://jquery.com/)  is required. Let's see how to use Bootstrap 4 with Vue.js using Bootstrap-Vue that provides an implementation without depending a jQuery.

## Using Bootstrap with Vue.js

Since Bootstrap depends on jQuery, using it with Vue.js is somehow tricky. So the community has created some implementations that remove the jQuery requirement:

-   [Bootstrap-Vue](https://bootstrap-vue.js.org/)
-   [VueStrap](http://yuche.github.io/vue-strap/)

In this tutorial, we'll see how to use Bootstrap-Vue.


## How to Use  Bootstrap-Vue 

You can use Bootstrap-Vue in various ways such as:

- Installing it from npm using the  `npm i bootstrap-vue` command,
-  Using vue-cli templates to scaffold  preconfigured projects such as `webpack simple` and `webpack`,
-  Using the Bootstrap Vue CLI plugin via the `vue add @techiediaries/bootstrap` command


Let's see how you can quickly add Bootstrap 4 to your Vue.js project using `vue add @techiediaries/bootstrap` from this [article](https://www.techiediaries.com/add-bootstrap-4-vue-cli/).
TypeScript Generics Simply Put
Tags: typescript, javascript
Published: 2020-08-13 19:32:43

Generics are a really cool feature of any language that supports them. They allow you to write more abstracted code while maintaining the type safety/hinting that you CRAVE.

If you've used TypeScript at all, you've likely already encountered Generics through Arrays. When you create a variable that is of type array, it looks like this.

```typescript
const arr: Array = []; 
```

However, this isn't valid on its own, as TypeScript is expecting to know what type will populate this array. We denote this type using angle brackets `<>`.

```typescript
const arr: Array<any> = [];
```

Of course, using `any` just tells TypeScript to expect all types of data.

But now let's say you are expecting to fill this array with strings so that you can call the `indexOf` method on any element. You can change `any` to `string` and TypeScript will then know what methods will be available.

```typescript
const arr: Array<string> = ["some", "strings"];
arr[0].indexOf("s");
```

Using the same angle bracket syntax, you add the Generic type to a function signature, class or interface. The convention is to use a capital T, that simply abbreviates "type." Then you typically pass this type as an argument type in a constructor, method or function.

The Array interface in its simplest form could be written this way...

```typescript
interface Array<T> {
    (arg: T): T;
}
```

This allows any type to be associated with an Array type. We could store Objects, Maps, Atomic, Proxy, Numbers, anything!

Generics are a really powerful way of abstracting code so that it's not super specific to one type of data.

[Read more about Generics in the TypeScript docs](https://www.typescriptlang.org/docs/handbook/generics.html).
GitHub Actions for Your Octopus Deploy
Tags: actionshackathon
Published: 2020-08-13 19:20:36

### My Workflow
My workflow in GitHub Actions allows you to leverage the power of Actions to run the Octopus Deploy CLI to list all projects in an Octopus Deploy server.

https://github.com/OctopusSamples/GitHub-Actions-OctopusCLI/blob/master/.github/workflows/octopus.yml


### Submission Category: 

DIY Deployment


### Yaml File or Link to Code

https://github.com/OctopusSamples/GitHub-Actions-OctopusCLI/blob/master/.github/workflows/octopus.yml
AzureFunBytes Episode 10 - @Azure and Visual Studio @Code with @chris_noring
Tags: azure, coding, beginners, tutorial
Published: 2020-08-13 19:12:01

New #AzureFunBytes - Visual Studio Code and Azure.

This time we'll look at how we can integrate VS Code with Azure!

My guest, [Christoffer Norig](@chris_noring), joins me to solve three problems with Azure.

How do we integrate VS Code into Azure?
How do we deploy an application to Azure from VS Code?
How can we troubleshoot our code with VS Code?

{% youtube RRPHSiPB24w %}

------

AzureFunBytes! - Byte-sized content with a live Twitch show!

Learn about Azure fundamentals with me!

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

[$200 Free Azure](https://cda.ms/1xk)
[Download Visual Studio Code](https://cda.ms/1wX) 
[Deploying Applications to Azure](https://cda.ms/1wY)
[Azure Extensions](https://cda.ms/1wZ) 
[Azure Static Web Apps](https://cda.ms/1xm)
[Quickstart: Building your first static web app](https://cda.ms/1xn)
[Continuous delivery by using GitHub Action](https://cda.ms/1xp)

Join me, ask questions and learn about Azure!
Interested in IoT dev? Want early access to the Arduino Explore IoT kit? Tell us more...
Tags: javascript, opensource, iot, arduino
Published: 2020-08-13 19:04:30

---
title: Interested in IoT dev? Want early access to the Arduino Explore IoT kit? Tell us more...
published: true
description: Be one of the first to gain hands-on experience with the not-yet-released new Explore IoT Kit from Arduino and how to integrate it with Heroku. Take your learnings and create something to share with the community following the event
tags: javascript, opensource, iot, arduino
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/dzxxx57pa4uzl8fk1utd.png
---

Hello DEV Community! 👋

Heroku is partnering with [Arduino](https://www.arduino.cc/) and [CascadiaJS](https://2020.cascadiajs.com/) to deliver an IoT workshop next month during the *CascadiaJS Plugged In* conference, and we are giving away *6 free tickets* 🎟 and the opportunity to have access to one of the upcoming Explore IoT Kit from Arduino (a new product from Arduino, yet to be released!).

The ticket includes: 

* CascadiaJS Conference attendance
* A spot in the IoT Development Workshop facilitated by Arduino and Heroku
* An Explore IoT Kit from Arduino (not yet released!)


If you want to participate, here is what you need to do:

* 👉 Reply to this post as a comment with a creative idea and tell us: **What would you build using the Explore IoT Kit from Arduino and Heroku?** 👈
* Make sure you include your Twitter handle (if any)
* Confirm you will attend the conference and share a write up with the community

The **top 6 ideas** with most votes (Hearts 💜) will be selected! 🎉

You can submit your ideas between August 13th and August 21st, 2020, the top 6 ideas will be chosen on August 25th, 2020, and selected participants will be announced here and on [@Heroku](https://twitter.com/heroku) and [@CascadiaJS](https://twitter.com/cascadiajs) twitter accounts.

If you are selected, we would love to see your idea come to reality! We want you to share with the community what you built and how you built it!

**Update:** Both conference and workshop are going to be remote, more information about the workshop can be found in the [CascadiaJS 2020 website](https://2020.cascadiajs.com/workshop-iot), the IoT Workshop will be hosted on September 2nd, 2020. 

**Update 2:** Thank you very much for your submissions, definitely a lot of great ideas to implement!

The time has come and we have selected the attendees for the IoT Workshop at CascadiaJS with Heroku and Arduino.

Congratulations to:

* Matías Blayer
* Ricardo Trejos
* Diana Rodriguez (Super Diana)
* Javier Pedrosa
* Chris Bongers (DailyDevTips)
* Manuel Benitez (manwey)

Thank you very much for your participation!
Build tools (purely front end)
Tags: webdev, frontend, tools
Published: 2020-08-13 19:01:22

🚨 With newer HTTP 2/3 a few of things being discussed below are outdated. But the usage of build tool can’t still be ruled out.

### Why build tools❓

Often times we love ♥️ to keep all our files separate and tidy. For example, consider a simple HTML project. We will have separate files for JS, styles and HTML. As the project grows and with more pages getting added, the file sizes and their number may also increase. Keeping files separate, maintenance is a lot easier. In case of a bug, it is easier to track and patch. In short, development becomes hassle-free😎.

But what about production?🤔 In prod, the story is different, as we can't afford too many files. For each file, we need to make a separate HTTP call and that can be quite expensive. So in production, it is better to keep the file count as minimum as possible. 

One way is to combine these files. We can combine all our JS, CSS and HTML code into individual files. If we start doing it manually, it can be really cumbersome and tedious😫. We may easily lose the track too. This is where we can rely upon a set of tools termed `build-tools`🧰.

### What are build tools❔

As the name indicates, build-tools are tools, that help us in creating builds. Builds are production-ready executables of our project. Build tools, help us do more than concatenating our files. 

We can use it for ♦️file compression, ♦️removal of white spaces and unwanted codes, ♦️linking of files and much more. If we can think of all these operations as individual tasks, build-tools are helping us to automate them. Run a single command and build tools will do its magic✨.

There are a lot of build tools out there and each serves different use cases. To name a few, 👉 Grunt, 👉 Gulp, 👉 
 parcel.js and 👉 Webpack. Some of them are easy to use, but a few require a steep learning curve. So it is better to learn a tool, only if it is required. 

For small projects, one might not require a build tool at all. But if your project is quite big and complex it is wise to use a build tool.
Operating Across Time Zones
Tags: discuss
Published: 2020-08-13 18:22:58

---
title: Operating Across Time Zones
published: true
description: When you're working across time zones what tips and patterns would you suggest?
tags: #discussion
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/zd0slui3fiq45zqr6pjh.png
---
When you're working across time zones what tips and patterns would you suggest?
THE CREAM STACK
Tags: c, react, entityframework, microsoftsqlserver
Published: 2020-08-13 18:20:13

---
title: THE CREAM STACK
published: true
description: coined a new stack name
tags: C#, React, EntityFramework, MicrosoftSqlServer
//cover_image: https://direct_url_to_image.jpg
---

The C.R.E.A.M stack

C# 
React 
Entity Framework
Azure
Microsoft Sql Server
More Onboarding Goodness - Building SaaS #53
Tags: python, django, saas
Published: 2020-08-13 18:09:54

{% youtube FXRsPsmwhdQ %}

In this episode, we continued with onboarding.  I added unit tests for the new form and explained how foreign keys are wired through in CreateView.  Then we marched on to the next template in the flow.

In the last stream, we set all the context data for the view that shows the form to create a grade level for the school.  With the context in place, and the form structure set, I added the form class that will create the `GradeLevel` record.

We used Test Driven Development (TDD) to ensure that the form works.  Once the happy path was in place, I wrote some additional tests to guard against some edge cases to guarantee that the user's data is safe.

Once the grade level form was complete, I started on the template for the course form.  I finished the stream by getting the basic template structure in place for that step.

This article first appeared on [mattlayman.com](https://www.mattlayman.com/building-saas/more-onboarding-goodness/).
Let people own a subset of your repo
Tags: actionshackathon, github, opensource
Published: 2020-08-13 17:59:11

---
title: Let people own a subset of your repo
published: true
description: My submission to the GitHub Actions x DEV Hackathon!
tags: actionshackathon, github, opensource
---

### My Workflow

The Action: [code-owner-self-merge](https://github.com/marketplace/actions/code-owner-self-merge)

Using the [CODEOWNERS](https://github.blog/2017-07-06-introducing-code-owners/) format (a set of globs, then a set of GitHub usernames) you can define areas in a codebase which gives people the right to merge PRs which just affect their spaces.


### Submission Category: 

Maintainer Must-Haves

### Yaml File or Link to Code

{% github https://github.com/orta/code-owner-self-merge %}

```yml
name: Codeowners merging
on:
  pull_request_target:
  issue_comment: { types: created }

jobs:
  build:
    runs-on: ubuntu-latest

    steps:
    - uses: actions/checkout@v1
    - name: Run Codeowners merge check
      env:
        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
      uses:  orta/code-owner-self-merge@v1
```

### Additional Resources / Info

This is being used in the new TypeScript Website, to give translators access to merge PRs to their language: https://github.com/microsoft/TypeScript-Website/pull/899