teleren/devto huggingface dataset:
Is github a communist platform ? *woah*
Tags: discuss, github, git
Published: 2020-12-09 16:37:31

Hey so its been long since i posted sorry for that,
but i am back with something intresting 

![](https://media.tenor.com/images/1671ef2df283fb41517569911273c64a/tenor.png)

so recently i found this meme in a discord channel 
and it made me think i should write this post 

![](https://img.devrant.com/devrant/rant/r_861488_1me3Q.jpg)

![](https://pics.me.me/open-source-is-communism-for-nerds-its-our-code-42786367.png)

well you guys know the drill go discuss this make this post go wild
🚀⚡️ ts-node on steroids
Tags: node, javascript, webdev, typescript
Published: 2020-12-09 16:26:02

I just released [esbuild-runner](https://github.com/folke/esbuild-runner). It makes it easy to run arbitrary code or tests **without needing to build** your whole project. It's a great way to improve your development workflow. Underneath it uses the fantastic and super fast javascript bundler [esbuild](https://github.com/evanw/esbuild)

## ✨ Usage

The easiest way to use **esbuild-runner** is to install it globally and use the included `esr` binary.

```shell
$ esr hello-world.ts
```

Alternatively, you can *require* **esbuild-runner** within any nodejs process to include realtime transpilation:

```shell
$ node -r esbuild-runner/register hello-world.ts
```

In order to use **esbuild-runner** with Jest, you need to configure a [Jest transform](https://jestjs.io/docs/en/configuration.html#transform-objectstring-pathtotransformer--pathtotransformer-object) in your `jest.config.js`

```js
module.exports = {
  transform: {
    "\\.ts$": "esbuild-runner/jest",
  },
}
```

## ⚙️ Configuration

`esr` provides two different ways to transpile your code:

* **bundling** *(default)*: this transpiles the script and all its dependencies in typically one invocation of **esbuild**. Dependencies defined in `package.json` or `node_modules` will never be transpiled. Running `esr` will **always** transpile the code. No caching is used.
* **transform** *(`--cache`)*: this method will invoke **esbuild** for **every source file**, but will cache the result. This means that the initial run will be slower, but after that, only changed source files will be transpiled.

```shell
$ bin/esr.js --help
Usage: esr [options] <source-file> [file-options]

  --cache       Transform on a file per file basis and cache code
  --clearCache  Clear transform cache
  --help|-h     Display this help message
  
```

## 📦 Installation

Simply install the **esbuild-runner** npm package using your favorite package manager.

* globally ...
  
```shell
$ npm install -g esbuild-runner
```

* ... or locally in your project
  
```shell
$ npm add --dev esbuild-runner
```

## 👋 Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

## ⚖ License

[Apache 2.0](https://github.com/folke/esbuild-runner/blob/main/LICENSE)

<!-- markdownlint-disable-file MD014 MD033 -->
So I did a thing...
Tags: 100daysofcode, codenewbie, beginners, webdev
Published: 2020-12-09 16:25:46

Ever heard of Nvidia Geforce Now?

No? How about video game streaming? This is an amazing new service where you can play high quality AAA games on basically a potato and all you need is reliable internet and a decent processor. The graphics rendering and everything else is happened on some other machine far far away. (What a time to be alive!)

I've been using Geforce Now for a month now and it's a SOLID service. Absolutely love it... except... It's catalogue..

At time of writing you can play roughly 800+ games on GFN, but the app itself only shows featured and some miscellaneous categories. Nowhere does it show the list of games available in a full list. And I found having to google search for a complete list quite bothersome whenever it was time to try a new game and sent several feedback messages requesting this feature. But that was until I remembered that **I** am a **Developer**. I could just **make** one!

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

So I begun that journey.

And what a journey it is.

First thing is where to get the information on these games? Does Nvidia provide an API? Well yes and no. There is an sdk for developers looking to add the Geforce Now experience to their own platforms... Oh and you would have to buy the license for that. So that wasn't what I needed. So I inspected their text based full list in the browser and found this was all being called from a static api. AHA! 

So I copied that link ran it through Postman, and my eyes watered, all the games were there. The title, store, genre etc. Only thing that was missing were the cover images. 

So I got to work. I created a skeleton app with Ruby on Rails and a model to consume the static api and create the game records. Now I wanted to make this a full on learning experience. So I used it as an opportunity to learn things I hadn't before. Automation, Webscraping and, because my 11 months at time of writing of being a developer professionally consisted of 95% back-end, I'd have to learn some useful front-end and UI design. Bring it!

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

So far I've implemented a search, set up cron jobs with the whenever gem to update the files, and a set up very basic front-end.

So far the gems I'm using for this list:
`gem 'httparty'` for requests to the api
`gem 'whenever'` to set up cron jobs to update the records with rake

To be added soon: 
`gem 'nokogiri'` to scrape the images from a game database i found

In a following post I will post the github page for anyone looking to contribute to this little project as well as deploy to heroku for active viewing.

Comment and let me know any ideas or criticism you may have of this project. It's the first robust thing I've really done so all thoughts are appreciated!
Angular 11 Firestore CRUD application example – @angular/fire
Tags: angular, firestore, crud, angularfire
Published: 2020-12-09 16:22:26

Tutorial Link: [Angular 11 Firestore CRUD application example – @angular/fire](https://ozenero.com/angular-11-firestore-crud-application-example-angular-fire)

Cloud Firestore helps us store data in the cloud. It supports offline mode so our app will work fine (write, read, listen to, and query data) whether device has internet connection or not, it automatically fetches changes from our database to Firebase Server. We can structure data in our ways to improve querying and fetching capabilities. This tutorial shows you how to work with Firebase Firestore along with an Angular app that can do CRUD Operations.


## Technology – Angular 11 Firestore CRUD application
– Angular 11
– @angular/fire 5.1.2
– firebase 5.10.1

## GOAL – ANGULAR FIREBASE CRUD PROJECT

We will build an Angular 11 Firebase App using @angular/fire that can:
– add/remove Customer
– show all Customers
– update Customer’s status
to Firebase Firestore.

![Goal](https://ozenero.com/wp-content/uploads/2020/12/angular-8-firestore-turorial-demo-goal.png)

## PROJECT STRUCTURE

![PROJECT STRUCTURE](https://ozenero.com/wp-content/uploads/2019/04/angular-8-firestore-turorial-project-structure.png)

– environment.ts configure information to connect with Firebase Project.
– customer.ts defines Customer class data model.
– customer.service.ts defines CustomerService that uses @angular.fire to interact with Firebase.
– 3 Angular components:
+ create-customer for creating new item.
+ customer-details shows item detais
+ customers-list contains list of items, this is parent component of customer-details
– app-routing.module.ts defines how we route Angular components.
– app.module.ts declares and imports necessary environment & modules.

## Run & Check Result

– Run Angular App with command: npm start.
– Open browser with url http://localhost:4200/.

![Result](https://ozenero.com/wp-content/uploads/2020/12/angular-8-firestore-turorial-result-browser.png)

![angular-8-firestore-turorial-result-browser](https://ozenero.com/wp-content/uploads/2020/12/angular-8-firestore-turorial-result-browser.png)


Result in Firestore console:

![Result in Firestore console](https://ozenero.com/wp-content/uploads/2019/04/angular-8-firestore-turorial-result-firestore-console.png)

## Sourcecode
https://ozenero.com/wp-content/uploads/2019/04/angular11Firestore.zip
Welcome Thread - v103
Tags: welcome
Published: 2020-12-09 16:22:21

---
title: Welcome Thread - v103
published: true
description: Welcome to DEV! A thread of hellos and intros.
tags: welcome
canonical_url: 
---

![Jenny Slate Welcome](https://media.giphy.com/media/3o72EWpXXrrFvEsZPO/giphy.gif)

### Welcome to DEV!

1. Leave a comment below to introduce yourself! You can talk about what brought you here, what you're learning, or just a fun fact about yourself.

2. Reply to someone's comment, either with a question or just a hello. 👋 

**Great to have you in the community!**
A CSS property you might not know
Tags: webdev, css, todayilearned
Published: 2020-12-09 16:13:24

Today I learned the existence of [scroll-margin](https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-margin), which I've missed from the beginning.

Browser support is not ideal (especially ios and also old browsers) but decent.

[Source: caniuse](https://caniuse.com/?search=scroll-margin-top)

If you have any anchor in your page, it's nice to set something like:

```css
.myanchor {
    scroll-margin-top: 73px;
}
```

This way, the top screen does not eat your anchor title ^^
How to Run Codelyzer Code from Command Prompt 
Tags: angular, npm, node
Published: 2020-12-09 16:11:43

Hi All,

I got below error when i execute npm run lint command (ERROR : angular-seed@1.0.0 lint: `gulp tslint)

Actually i want to run my code through codelyzer and im following this link https://www.npmjs.com/package/codelyzer for installation or setup codelyzer in ubuntu.
image

Here is the screenshot of npm, nodejs, gulp and angular version showing.

image
and
image

when i type ng serve below is the screenshot it showing in my browser


My company want to run code in local and output should show in command prompt or in terminal NOT FROM BROWSER or UI.

Please help me im new in codelyzer ..i dont know how to use it and how to execute it.
And how to solve above issue.
State of Remote Work 2021 (Survey)
Tags: discuss, career, watercooler, remote
Published: 2020-12-09 15:44:47

---
title: State of Remote Work 2021 (Survey)
published: true
description: I am super keen to uncover the long-term impact & trends around remote working. For that, I would love your help by filling a 2-min survey
tags: discuss, career, watercooler, remote
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/740g7edcufesdkszbgmd.png
---
2020 is the year everyone got a taste of remote working & many transitioned to remote permanently!

I am super keen to uncover the long-term impact & trends. For that, I would love your help by filling a 2-min survey: [State of Remote Work 2021](https://www.remote.tools/remote-work-2021-survey)

------------------------------------------------------------------

Here are some insights from my 2020 report (survey of 331 remote workers):

1) Remote workers don't intend to get back to a co-located setting

![](https://storage.googleapis.com/slite-api-files-production/files/3f7ca500-597e-4594-a257-2c203b97e505/image.png)

2) Even with the growth in co-working spaces, remote workers choose to work from home

![](https://storage.googleapis.com/slite-api-files-production/files/53a527b0-2d86-4b81-aa30-108e002f3a9d/image.png)

3) Dedicated slack channels for interests has been the easiest & best method to enhance team bonding

![](https://storage.googleapis.com/slite-api-files-production/files/dc96296e-dc6c-404f-9194-04d10b619fa7/image.png)

4) Companies are slowly recognising that having a 100% remote team is better than partially remote teams

![](https://storage.googleapis.com/slite-api-files-production/files/d7904ffe-e035-4455-b0e8-d5819a0e9ff2/image.png)

You can also view the full report & my detailed analysis here: [State of Remote Work 2020](https://remotework2020.remote.tools/2-state-of-remote-work.html)
Advise needed
Published: 2020-12-09 15:56:50

I am a medical doctor that placed an order for an Idea I had in the medical and health industry, at age 57 and now I am 60, but the project has not been delivered, however this difficulty has made me a beginner programmer at least as over the past 3 years , I dug into it and made sense of it all.
Right now I have reached a point where I can be part of a team that can complete my project, however I will need a skilled superviser see the team work to the end.
Any advise where I can catch up with such a skilled supervisor.
The Elastic Guru. A new Forem to help young people get a seat at the AWS table.
Tags: aws, forem, showdev, beginners
Published: 2020-12-09 15:54:09

Hey there!

I just wanted to give you a heads up on a new Forem hosted community focusing on AWS - feel free to join and share.

We're a place where kind peeps share their AWS content, stay up-to-date, grow their skills and empower young people to get a seat at the AWS table. 

That last bit is something that I am personally very passionate about. I love the AWS Re/Start program and I have personal experience of AWS giving me a new start in life.

👇🏼
## **[theelastic.guru](https://www.theelastic.guru)**

Hopefully, I'll see you there 🚀
Cara mengusir tikus tidak perlu membunuhnya
Published: 2020-12-09 15:35:07

Banyak cara dikerjakan untuk mengusir atau memberantas tikus dari rumah. Tetapi, tetap tikus ada di rumah dan mengacau beberapa barang, menghancurkan perlengkapan, sampai mengambil makanan. Lebih dari itu, tikus dapat membawa penyakit serius di dalam rumah.

Supaya tikus tidak merasa tenteram dan berkembang biak di rumah, sebaiknya mengenali cara mengusir tikus di dalam rumah. Jadi, kita dapat istirahat dengan tenang dan terlepas dari bermacam jenis penyakit.

Kerap kali orang mengusir tikus dengan cara salah, yaitu memakai obat. Pemakaian obat untuk memberantas tikus mengakibatkan bangkai di posisi tertentu.

Tetapi, saat sebelum cari tahu cara mengusir tikus di dalam rumah, silahkan ketahui dahulu sinyal kehadiran tamu tidak diundang ini. Apa sajakah?

Source: https://www.ovhinject.my.id
Shopware 5 vs Shopware 6: to Migrate or not to Migrate?
Tags: webdev
Published: 2020-12-09 15:32:25

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/875l7610cotxk6wo68hq.png)
Shopware is a unique eCommerce solution to make your online store highly attractive and customizable. 

If you are following eCommerce news, you probably know that the Shopware 6.3.4.0 version has recently been released. So a new theme to be discussed has arised: in what cases is it crucial to migrate? 

In this article I would like to introduce the major advantages 
of Shopware 6:

* **Augmented admin panel**. In contrast to Shopware 5 admin panel management is more intuitive due to its minimalistic interface;

* **Content filling became easier**. With the help of a proper graphical interface you are able to make a unique design, and it’s not necessary for you to be a programmer. Also, it doesn’t matter what product kind and which amount of items you sell;

* **New SEO instruments**. It’s much more convenient to create relevant content, as Shopware 6 simplifies this process. How? Search engine policies are changing rapidly, nevertheless, the system is fully prepared for these changes. Unlike the previous version, Shopware 6 SEO features are much more flexible;

* **More assistance in finding new sales channels**. Shopware 6 contributes to your company recognition. It means you have access to new methods of possible clients engagement. For instance, through social networks, trading platforms or other multiple resources where your potential audience resides;

* **Possibilities to enter the international arena**. Shopware 6 has refined multilingual support tools, so it became more real to involve foreign audiences;

* **More prospects for business expansion**. In Shopware 6 there is an option Rule Builder that provides opportunity to establish your own web-store rules and policies. It can be very useful when you deal with different business groups. For example, you can set individual fees and specify shipping costs. So you don’t need to code every time you want to make changes.

Discover more differences between Shopware 5 and 6, [following this link](https://dinarys.com/blog/shopware-5-vs-6-comparing-features-and-benefits).
Reinforcement Learning
Tags: machinelearning, artificiallintelligence, feedbackmechanism, gamingrl
Published: 2020-12-09 15:12:24

What is Reinforcement Learning in the First Place? <br> <br>
The Answer for that is:  <b>Reinforcement learning (RL)</b> is a type of ML which is all about taking suitable action to maximize reward in a particular situation. It is employed by various software and machines to find the best possible behavior or path it should take in a specific situation.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/43ni73yt2cwpj2gspw15.PNG)
In the Above example :<br>
1. The kid will get the reward as encouragement from parents and failure as the falling of the kid.<br>
2. By Learning from the failure and rewards,the kid will learn to walk.
Now, Let's see an image that showcases a similar problem:
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/fdujpsv9q06j9b9oh4mq.png)
As we can see from the image that Reinforcement learning <b>focuses on Action and regarding Reward.</b> <br>
Where do we see Reinforcement learning in day to day life?
<br> We can see the use of reinforcement learning in many things for example :<br>
1.Gaming <br>
2.Robot Locomotion  etc.
So in the above image, we can see that for every set of actions, there is an associated Reward.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/y2mb9vzomb1k0fsmzdbs.PNG)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/2ykzrpw9wjh94wvwmulz.PNG)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/llzffgsdd3v7ew21ae9u.PNG)
A <b><b>Reinforcement learning</b></b> setup is composed of 2 main components, an <b>agent and an environment.![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/2al3qthpohwd1xld90at.png)
This is the Main Working principle of Reinforcement Learning.
AzureFunBytes New Episode Reminder - 12/10/2020 - @Azure Functions with @deanbryen
Tags: azure, beginners, tutorial, serverless
Published: 2020-12-09 15:12:23

New #AzureFunBytes - 12/10/2020 2 PM EST

[Azure Functions](https://docs.microsoft.com/azure/azure-functions/functions-overview?WT.mc_id=devops-11779-jagord) is a serverless solution that allows you to write less code, maintain less infrastructure, and save on costs. Instead of worrying about deploying and maintaining servers, the cloud infrastructure provides all the up-to-date servers needed to keep your applications running.

{% youtube 8-jz5f_JyEQ %}

This week I am once again joined by [Dean Bryen](https://twitter.com/deanbryen) this week to discuss the benefits of using Azure Functions for your application.  We'll discuss the reasons behind choosing a serverless solution over maintaining a VM or containers.

Learn about Azure fundamentals with me! [Microsoft LearnTV!](https://docs.microsoft.com/learn/tv/?WT.mc_id=devops-11779-jagord) The most interactive way to join the show!

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

Join me, ask questions, and learn about Azure!


[Quickstart: Create a JavaScript function in Azure using Visual Studio Code](https://docs.microsoft.com/azure/azure-functions/create-first-function-vs-code-node?WT.mc_id=devops-11779-jagord)
[Microsoft Learn: Create serverless applications](https://docs.microsoft.com/learn/paths/create-serverless-applications/?WT.mc_id=devops-10835-jagord)
[Microsoft Learn: Azure Fundamentals](https://docs.microsoft.com/en-us/learn/paths/azure-fundamentals/?WT.mc_id=blog-devto-jagord)
[Microsoft Azure: $200 Free Credit](https://azure.microsoft.com/en-us/free/?WT.mc_id=devto-blog-jagord)
Start using Brave Today!
Tags: brave, blockchain, browser, bitcoin
Published: 2020-12-09 15:10:49

<h1>Blockchain based browser :</h1>

In this blog, we will talk about a blockchain-based browser called <b>Brave browser.</b>
This came to revolutionize the world of today's advertising.

<h2>How does advertising work ?</h2>

There is an advertiser (a large company) who wants to market their products. They give their advertisements to a particular channel (say YouTube/Facebook). Now, as users watch the ads, and they don't get any money out of it. But YouTube gets it (a small half is paid to content creators) and, it earns a big amount out of this. This is how today's digital marketing works.

<h2>How Brave works ?</h2>

To get hold of this situation, Brave browser comes into the picture and, it eliminated all the advertising mediators (like YouTube/Facebook).
What it does is - it directly takes the advertisements from large companies and then asks users whether they want to watch ads, and users get paid for their view time (money is split to users coming from the large company). Suppose if any user likes the content, he can send tips to the content creators. 

<ul>
<li>This is a direct market between advertiser and consumers.</li>
<li>Incentivized customers to view ads.</li>
<li>Advertiser pays customer directly.</li>
<li>Incentivizes content creators to create more content.</li>
<li>Similar Application : STEEM</li>
</ul>

You will be amazed to know that, It will filter and block all annoying ads because brave uses such a good privacy algorithms to block whatever ads in YouTube, Facebook, Google, etc. 

![Brave](https://dev-to-uploads.s3.amazonaws.com/i/wcepg90scoy2n9jfho79.PNG)

If you see the homepage of brave, It shows stats - how many ads trackers have been blocked, so many security measures like HTTP to HTTPS upgrades have been done, Bandwidth saved.
 
It doesn't show the regular ads paid by any large companies but you will get paid for watching ads (The Basic Attention Token (BAT) is a blockchain-based system for tracking media consumers' time and attention on websites )

![Brave2](https://dev-to-uploads.s3.amazonaws.com/i/0pdaedipi9keqdjebt0p.PNG)

Learn More : 
<a href="https://brave.com/brave-rewards/">Brave rewards</a>
<a href="https://steemit.com/">Steemit</a>
<a href="https://d.tube/">DTube</a>

<i>Written by - GVP</i>
I built a Tik Tok App with a REAL Database (video)
Tags: react, database, tutorial, javascript
Published: 2020-12-09 15:03:48

I show you how to  build an App on the database used by Apple, Spotify, Netflix, Ebay and so many more. This video's aim is to teach you how to use databases with apps in a simple and easy way. A prior knowledge of React is the only thing you will be needing to start this tutorial!

Useful links:
- You can find the final, cleaned up code here: https://github.com/kubowania/stargate-tik-tok

I have built this app using:
- Stargate documentation (https://stargate.io/) 
- DataStax https://www.datastax.com/
- React 
- Netlify 
(JAMStack)

Video Content:
⌨️ (00:00) Introduction
⌨️ (03:05) Creating our Database on DataStax
⌨️ (06:52) Setting up our App
⌨️ (12:37) Routing Pages
⌨️ (18:02) Creating Components
⌨️ (28:32) Introduction to Data with Netlify and Stargate
⌨️ (30:10) Introduction to using the astrajs/collections
⌨️ (34:01) Posting data to our Database (creating dummy Tik Tok posts)
⌨️ (34:01) Adding authorization to access our Database
⌨️ (43:10) Getting data from our Database (getting all our Tik Tok posts)
⌨️ (50:32) Viewing all our Data
⌨️ (51:56) Rendering components based on our Data
⌨️ (01:17:01) Editing our Data (following/unfollowing a user)
⌨️ (01:32:57) Adding new Data to our Database (creating a Tik Tok post)

If you did like this video, please hit the Like and Subscribe button so I know to make more!

Twitter: https://twitter.com/ania_kubow
YouTube: https://youtube.com/aniakubow
Instagram: https://instagram.com/aniakubow

{% youtube IATOicvih5A %}

#tiktok #react #datastax #netlify #stargate