teleren/devto huggingface dataset:
Updating My ASP.NET Core Template to .NET Core 3.1
Published: 2019-12-30 15:16:07

---
title: Updating My ASP.NET Core Template to .NET Core 3.1
published: true
date: 2019-12-16 00:00:00 UTC
tags: 
canonical_url: https://www.geekytidbits.com/updating-my-asp.net-core-template-to-.net-core-3.1/
---

Back in 2016, I decided to build an ASP.NET Core template app so I could play with the framework and get a feel for working with .NET Core. It turned out to be a fun process but took a long time! Admittedly, I took it further than I initially planned to, by adding email functionality, scaffolding tests, building in database migrations, provisioning / deployment with Ansible, and [much more](https://github.com/bradymholt/aspnet-core-react-template#overview-of-stack). I learned a lot.

It become helpful to some others, to my joy. I got some contributions, questions, and some link backs to my repository as a reference. That type of interest and involvement in the open-source community is really what makes it fun and gives me encouragement to keep contributing.

Back in September, [Victor Cardins asked](https://github.com/bradymholt/aspnet-core-react-template/issues/43) if I planned to upgrade the template to .NET 3.0. It had been awhile since I worked with this project and the idea seemed to be too much to tackle with all the other things I was juggling at the time. But I had some spare time last week, and a burst of interest, so I decided to take the plunge. It took longer than I thought it would (of course) but I [finally finished it](https://github.com/bradymholt/aspnet-core-react-template/pull/46). This upgrade was certainly rougher than than the upgrade from [2.0. to 2.1](https://github.com/bradymholt/aspnet-core-react-template/pull/36) as quite a few foundational APIs have changed. By far the biggest change was the [deprecation of Microsoft.AspNetCore.SpaServices](https://github.com/aspnet/AspNetCore/issues/12890) because I had to restructure how Webpack was integrated for on-demand bundling and HMR.

## Repository Link

[https://github.com/bradymholt/aspnet-core-react-template](https://github.com/bradymholt/aspnet-core-react-template)
Hyperspace form, Icon features | Module Monday 67
Tags: showdev, githunt, webdev, javascript
Published: 2019-12-16 21:47:27

---
title: Hyperspace form, Icon features | Module Monday 67
published: true
description: Module Monday 67
tags: showdev, githunt, webdev, javascript
cover_image: https://res.cloudinary.com/component/image/upload/b_rgb:ffffff,c_lpad,h_350,w_800/v1576480923/form_zx1zyf.gif
canonical_url: https://guide.anymod.com/module-monday/67.html
---

## Easy to add modules (mods)

Mods can be used on any website, web app, or anywhere else. There are hundreds more like these built & shared on [AnyMod](https://anymod.com).

Click a mod to see it along with its source code.

## Hyperspace form
Bold contact form based on the Hyperspace theme from Templated.
<a class="btn btn-sm" href="https://anymod.com/mod/hyperspace-form-mlrnrm?preview=true">View mod</a>
<a href="https://anymod.com/mod/hyperspace-form-mlrnrm?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1576480923/form_zx1zyf.gif"/>
</a>

## Feature grid with icons
Space to list info about your project. Pre-styled and responsive.
<a class="btn btn-sm" href="https://anymod.com/mod/icon-sections-baldkd?preview=true">View mod</a>
<a href="https://anymod.com/mod/icon-sections-baldkd?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1576480923/icons_kb3luz.png"/>
</a>

## Story gallery
Scrolling image carousel with overlay links.
<a class="btn btn-sm" href="https://anymod.com/mod/gallery-llobnm?preview=true">View mod</a>
<a href="https://anymod.com/mod/gallery-llobnm?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1576480930/gallery_kfm26u.gif"/>
</a>

## Content circles
Informative section with circular images.
<a class="btn btn-sm" href="https://anymod.com/mod/content-circles-kdnmkn?preview=true">View mod</a>
<a href="https://anymod.com/mod/content-circles-kdnmkn?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1564187907/circles_y95jc8.png"/>
</a>

## Simple announcement
Basic editable banner with subtle icons.
<a class="btn btn-sm" href="https://anymod.com/mod/announcement-raloro?preview=true">View mod</a>
<a href="https://anymod.com/mod/announcement-raloro?preview=true">
  <img src="https://res.cloudinary.com/component/image/upload/v1576480913/announcement_jogeqb.png"/>
</a>

<hr>

I post new mods from the community [here](https://dev.to/tyrw) every (Module) Monday -- I hope you find them useful!

Happy coding ✌️
Unconventional backends and data sources
Tags: watercooler
Published: 2019-12-16 21:18:28

---
title: Unconventional backends and data sources
published: true
tags: watercooler
---

I've been a web dev for seven years now, and most of the sites I've worked on have used a database, API or a text format like Markdown as the primary source of content.

However, there's been a few more unusual ones down the years. I once inherited a Tumblr blog for a client that pulled the navigation data from Google Sheets, and once built a static site generator to build a site from two CSV files of equipment listings.

Do you have a story like this? What unusual data sources or backends have you used or inherited?
Day 24 of⚡️ #30DaysOfWebPerf ⚡️: Timing APIs
Tags: webperf, webdev, javascript, performance
Published: 2019-12-16 21:10:57

{% twitter 1206681994807140352 %}
{% twitter 1206682003736813568 %}
{% twitter 1206682005762646016 %}
{% youtube BAeghSziuxQ %}
{% twitter 1206682006731575297 %}


---

This article was originally published on [sia.codes](https://sia.codes/). Head over there if you like this post and want to read others like it, or sign up for my [newsletter](https://buttondown.email/sia.codes) to be notified of new posts!
About Bennett Velasquez
Published: 2019-12-16 21:00:26


Bennett Velasquez is a born leader and communicator. Bennett Velasquez currently is in his freshman year at The University of South Carolina (USC) in Columbia, USC’s flagship school, and is the recipient of the Garnet Scholarship and the South Carolina Life Scholarship. Bennett Velasquez serves in student government, on Freshman Council and on the Diversity and Equity Council all while making the Dean’s List his first semester with a 3.63 GPA. 

Bennett Velasquez’s major is Hospitality, Retail and Sports Management (HSRM) with the ambition of being a leader in the hospitality industry on matters of sustainability and the environment. He is 1 of 5 students invited to attend the prestigious Cesar Ritz Hotel and Hospitality Management School in Switzerland. 

Bennett Velasquez is also a Green Scholar at USC and is the Carolina Sustainable Newcomer of the Year. Bennett Velasquez’s greatest strength besides leadership is his creativeness where he sees “three dimensional color” in a world where most people see “two dimensional black and white.” Leadership at USC is nothing new for Bennett. 

Bennett Velasquez has always held leadership positions. In high school he founded and led his school’s highly successful Future Business Leaders of America (FBLA) club, earning himself three national competition spots in public speaking. Further, as his chapter’s FBLA President, Bennett Velasquez recruited, prepared and successfully led his student team to national competition. He also held state and national offices in the FBLA organization. In South Carolina’s prestigious chapter of the national Boys State organization, Bennett was elected to the “U.S. Congress.” 

Finally, while in high school Bennett Velasquez worked at an upscale burger restaurant where he was promoted to shift leader and given the keys to the restaurant. 


Profile created and maintained by www.netreputation.com
Methods, Watchers and Computed Properties in Vue.js
Tags: vue, javascript
Published: 2019-12-16 20:48:05

---
title: Methods, Watchers and Computed Properties in Vue.js
published: true
description: My understanding of methods, watchers and computed properties in Vue.js
tags: #vuejs #javaScript 
---
🎯If you're interested in learning Vue.js all you need is open its documentation and you are ready to start working with Vue.js and develop cool apps. It is so beautifully written that a person who knows HTML, CSS and JavaScript finds no hurdles getting started with Vue.js and this is what makes Vue.js amazing.

👨‍💻As I've started learning Vue.js and I am also documenting my journey. So today's post is about methods, watchers and computed properties in Vue.js. Let's explore them. 

#Methods: 
Methods are just like simple functions and are bound to Vue instance, they are used just like other normal functions.

#Computed Properties: 
Computed properties are a little bit different from methods as they execute just like normal functions. They, in simple words, are calculations that will be cached and will only be updated when their dependencies change.

Let’s suppose we have a logic that runs heavy calculations and when you run this piece of code their dependency is not changing it's better to use computed properties because with them you don’t need to keep rerunning those heavy calculations every time something changes in the DOM or virtual dom.

The thing to understand about computed properties is that it’s a different view of the data. As if you are taking the data, playing with it, and giving something different to the user. Computed properties don’t affect the original data. According to Sara Drasner, computed properties are highly performant but should be used with understanding.

P.S: We don’t run computed properties as if they are functions but as if they are data properties. Although the declaration is like functions.

#Watchers: 
Watchers, no doubt, are similar to methods but there the difference lies in their usage. Watchers are good for asynchronous updates and transitions with data change.
Watchers are declared the same way as methods and computed properties but the name of watcher should be the same of property you want to watch.


📖I am learning these topics. If you think I am missing something or perceiving something wrong, kindly let me know.

Peace✌️
What have I done in 2019?
Tags: codenewbie, wecoded, life, yearinreview
Published: 2019-12-16 20:30:31

This has been quite the weird year to me.
As every other year, a lot happened. Good things, Bad things... 
But 2019 was a specially challenging year to me.

As I sit here to write this, I feel drained.
Physically, mentally, emotionally... Impostor Syndrome is kicking my a$$ so hard I wanna cry.

So I just wanted to write about what I have done this year, and hopefully that will help me to see that hey, I am in the right path.
So Sorry, today I am writing for myself.

-In 2019 I finally went home to Brazil after almost 6 years without seeing my family.
-In 2019 I learned JavaScript and officially started programming.
-In 2019 I started writing weekly posts like this one.
-In 2019 I got a No from an internship I really wanted BUT shortly after I got accepted in another one.
-In 2019 I decided that I will make my life as a Developer.

And that is why I can't give up.
I got keep going, until I make it.
And that is the one goal I can't lost track of.
Daily Challenge #136 - The Deaf Rats of Hamelin - Javascript solution
Tags: tutorial, javascript, node, showdev
Published: 2019-12-16 20:22:41

---
title: Daily Challenge #136 - The Deaf Rats of Hamelin - Javascript solution
published: true
description: JavaScript walkthrough of the daily challenge from the dev.to staff (#136)
tags: tutorial, javascript, node, showdev
---

I've tried something new: recording a walkthrough of the dev.to staff daily coding challenge. Let me know if you think I should record some of these from time to time!


{% youtube bj6Z4qXKK08 %}

Here is the problem statement for reference:
{% link https://dev.to/thepracticaldev/daily-challenge-136-the-deaf-rats-of-hamelin-2nhl %}
JavaScript Function Irquiry
Tags: beginners, codenewbie, help
Published: 2019-11-10 03:16:54

---
title: JavaScript Function Irquiry
published: true
description: JavaScript function args 
tags: #beginner #codenewbie #help
---

Hey ya’ll, I’m in a weird spot. I am in the process of entering a  full time developer role at work. (Woo! I’m ecstatic about the change!) 

I’ve been working with front end tech for a little over a year, for the most part, it’s come naturally. I’ve had some struggles, but my good buddy Google (used as a middle between myself and Stack Overflow posts) has delivered when I’ve asked. 

However, this new role is working in Vue, TypeScript, Php and Vanilla Js. I’m constantly in over my head, and have arrived at a point where I desperately need some help gaining a better understanding.

I don’t quite understand the point of Function Arguments in JS, weird right? 

I use them occasionally, I make them work, I use arguments in methods, But outside of an if statement of a for-loop, I just don’t get what the heck I’m doing with the argument.

For example, I’m using a weather api to pull in a json object, parsing that object and using the weather key’s value to display, along with a corresponding icon (which I’ve downloaded and placed in the same folder as app.js, and I have an if statement that assigns the proper icon depending on the weather value. 

This is where my thinking falls apart! I tried to programmatically choose the icon with a function, and spent the next 30 minutes trying to decide what kind of function would be needed, what the argument would be, and what in the world the argument would even do? 

If I’m testing value1 === value 2, does there need to be an argument? 

I (think) what I’m asking, how would you explain arguments to someone? Does it get used when testing values? Some functions dont need them, And I honestly couldn’t tell you why.
Some useful links about Laravel Nova
Tags: laravel, nova, resources
Published: 2019-12-16 20:15:55

---
title: Some useful links about Laravel Nova
published: true
description: Useful resources for developing further with Laravel Nova. 
tags: laravel, nova, resources
---

[Repository of Nova Packages](https://novapackages.com)
This is the home of all Nova Packages. Easy way to discover and bring useful features to the Nova backend, like new fields, actions, tools and themes.

[Official Nova Documentations](https://nova.laravel.com/docs)
After purchasing the Nova package this is a good place to start exploring the features and getting a feeeling of how the entities are organized. The documentation provides an installation guide, as well as examples for each feature.

[Full Tutorial on Laracast](https://laracasts.com/series/laravel-nova-mastery)
This is a free course from Laracast which explains in detail how Nova works, how to configure and work with the built-in components. You can get a deeper understanding of resources, defining them, relationships, validation, authorization, actions etc. Also helpful on creating custom tools, cards, custom fields and themes. 

[Nova Package Skeleton](https://github.com/spatie/skeleton-nova-tool)
This package offers an easy way for scafolding a package from scratch. Very handy for cases like developing a custom Nova package while focusing only on the bussiness logic.
Experiment With Svelte to load external /un-scoped css in custom elements and also to support css variable syntax
Tags: variablecss, globalcss, customelement, svelte
Published: 2019-12-16 19:40:15

How to load external/ global css in svelte custom components and how to get support for css variable syntax ... This was one of the challenge I faced when I got started with svelte. I was coming from the Angular world and things were not easy .. I had tried many ways to achieve this but nothing helped until I did a small experiment. 

As the style get appended in to the shadow root, svelte global selector was not working with custom elements as expected. I tried with many rollup css plugins, but none of them worked for custom elements. The only way to achieve this was to bypass svelte and append the style dynamically inside the shadow root once the custom component got registered with in the DOM. It was really a hacky way of doing it but there were no other ways I could think about. 

This is what I did :)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/1fwy3ufeog2p7rvkmdh8.png)

It was totally an experiment but surprisingly the style got appended and executed in the shadow root without getting trimmed or scoped.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/1qhe79wndwbsrss6zjwz.png)

So the first issue solved !!!!
but what about the variable syntax "var(--variable )" support ??

It was still not working ..  :(  

until I did this 

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/1uxp77nbpmbttkl1lrwu.png)


Now everything worked as expected. 

TL;DR ::: if you really have a requirement like this just load the external global css inside the custom component using the svelte Element bind (bind/this) API.  and load the global variables css using the  <svelte:head> API

Hope we will have a proper way of doing it in svelte soon.
12 VS Code Extensions for Web Dev
Tags: webdev, css, html, vscode
Published: 2019-12-16 19:09:36

Here's a list of 12 VS Code extensions I find myself using regularly that are helpful in Web Dev.  

Watch the video (or jump down after the video for a list of each extension) for a quick visual view on what each extension does.   
___
Please consider subscribing to the [YouTube Channel!](http://www.youtube.com/FollowAndrew?sub_confirmation=1)
___
{% youtube Nw968TSSTAo %}

##Extension List (and video timeline jumps)

00:18 - Install Extensions
00:42 - Extension Settings
01:00 - Auto Rename Tag
01:44 - Beautify
02:39 - Bracket Pair Colorizer 2
03:58 - Browser Preview
05:03 - CSS Navigation
05:50 - CSS Peek
06:45 - VS Code Themes
07:57 - Live Sass Compiler
09:06 - Live Server
10:19 - Markdown All In One
11:44 - Markdownlint
12:35 - VS Code Icons

What extensions do you all find yourself using quite often?
Telescope Is the New Error Page for Expressjs
Tags: errors, express, typescript, node
Published: 2019-12-16 18:48:45

In the local development, we see the Expressjs error page a lot. Most probably the countless time in every day. You can do a beautiful representation of the error page, the will be more readable, eye-catching and nice to see.Telescope brings a beautiful error page of your application. Let’s see how we can integrate into our project.
Installation of Telescope
This is a Node.js module available through the npm registry. Installation is done using the npm install command:
```
npm install express-telescope
```
Cool, right?
You can learn more about this package, get full installation instructions, and view the source code on GitHub at https://github.com/getspooky/telescope.
Solving Data Lineage Tracking And Data Discovery At WeWork - Episode 111
Published: 2019-12-16 18:37:52

<p>Building clean datasets with reliable and reproducible ingestion pipelines is completely useless if it's not possible to find them and understand their provenance. The solution to discoverability and tracking of data lineage is to incorporate a metadata repository into your data platform. The metadata repository serves as a data catalog and a means of reporting on the health and status of your datasets when it is properly integrated into the rest of your tools. At WeWork they needed a system that would provide visibility into their Airflow pipelines and the outputs produced. In this episode Julien Le Dem and Willy Lulciuc explain how they built Marquez to serve that need, how it is architected, and how it compares to other options that you might be considering. Even if you already have a metadata repository this is worth a listen to learn more about the value that visibility of your data can bring to your organization.</p><p><a href='https://www.dataengineeringpodcast.com/marquez-data-lineage-episode-111/'>Listen Now!</a></p>
Riding The Rising Tides Of Python
Published: 2019-12-16 18:37:16

<p>The past two decades have seen massive growth in the language, community, and ecosystem of Python. The career of Pete Fein has occurred during that same period and his use of the language has paralleled some of the major shifts in focus that have occurred. In this episode he shares his experiences moving from a trader writing scripts, through the rise of the web, to the current renaissance in data. He also discusses how his engagement with the community has evolved, why he hasn't needed to use any other languages in his career, and what he is keeping an eye on for the future.</p><p><a href='https://www.pythonpodcast.com/pete-fein-episode-242/'>Listen Now!</a></p>
Day 13 – Buffer & Stream - Learning Node JS In 30 Days [Mini series]
Tags: node, javascript, codenewbie
Published: 2019-12-16 18:28:35

##Do you know what is __buffer__ ?

Temporary storage spot for a chunk of data that can be transferred a small amount at a time

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/oi98mb5hvqr43kjzqabz.png)

Buffer class is a global class that can be accessed in an application without importing the buffer module.

There ares some ways you can call buffer.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/b6sq7i3zog1vd9obshqy.png)

##Do you now what is __stream__ ?

Streams are objects that let you read data from a source or write data to a destination in continuous fashion.

There are four type of stream in node js 
a. Readable − Stream which is used for read operation.
b. Writable − Stream which is used for write operation.
c. Duplex − Stream which can be used for both read and write operation.
d. Transform − A type of duplex stream where the output is computed based on input.

Do you knew this __'Buffer' & 'Stream'__ before ?

You can see the graphical version here
{% instagram B6JIyYiF4q_ %}

Originally it published on [nerdjfpbblog](https://blog.nerdjfpb.com/day13-nodejsin30days/). You can connect with me in [twitter](https://twitter.com/nerdjfpb) or [linkedin](https://www.linkedin.com/in/nerdjfpb/) !


###__You can read the old posts from this series (below)__

{% post nerdjfpb/day-1-learning-node-js-in-30-days-mini-series-55e7 %}

{% post nerdjfpb/day-2-learning-node-js-in-30-days-mini-series-5023 %}

{% post nerdjfpb/day-3-learning-node-js-in-30-days-mini-series-24i4 %}

{% post nerdjfpb/day-4-learning-node-js-in-30-days-mini-series-1koc %}

{% post nerdjfpb/day-5-learning-node-js-in-30-days-mini-series-21jm %}

{% post nerdjfpb/day-6-learning-node-js-in-30-days-mini-series-758 %}

{% post nerdjfpb/day-7-learning-node-js-in-30-days-mini-series-3023 %}

{% post nerdjfpb/day-8-var-vs-let-vs-const-learning-node-js-in-30-days-mini-series-1i72 %}

{% post nerdjfpb/day-9-mastering-eventemitter-learning-node-js-in-30-days-mini-series-2dfe %}

{% post nerdjfpb/day-10-mastering-eventemitter-learning-node-js-in-30-days-mini-series-2802 %}

{% post nerdjfpb/day-11-creating-and-deleting-folders-learning-node-js-in-30-days-mini-series-3a2d %}

{% post nerdjfpb/day-12-creating-own-server-learning-node-js-in-30-days-mini-series-3ef %}