teleren/devto huggingface dataset:
Self.new
Tags: devlive, motivation, codenewbie
Published: 2021-02-11 21:10:38

I wanted to start the blog telling a bit about how I got here.

A few years back I decided to reinvent myself and the tool used for it was none other than code...

My grandfather was a carpenter and he had a saying: “no job is impossible if you’re using the right tool.”

He didn’t know a thing about computers but he definitely gave me my first lesson about programming.

My passion for coding began when I realized how it could affect life and the way we live it. How it can transform our everyday reality.

What can be more fun and productive than having a tool that operates on great ideas, builds a system around it and leaves an open door for others to contribute? That sounds a lot like a world I would like to be a part of!

I realized that my happiness will never be full unless shared, that my ideas will never be perfect unless they are collectively put to test. There’s only so much we can do as individuals. Our reach, our resources, our points of view will always be limited if we keep them to ourselves. Our real power comes from our collective strength.

And so it happens with code, because only when several files and lines of code are put to work together is that real magic can happen. So I discovered I wanted to contribute. It’s the right tool to improve ideas and to improve ourselves. That’s what I’m all about.
Checkout my new PluralSight course on securing a Vue.js app 🚓
Tags: webdev, showdev, vue, authentication
Published: 2021-02-11 20:53:53

Hey friends,

I’m delighted to let you know that my latest course on PluralSight just got published 😍🥳🥳🥳🤩.

I’ve covered many topics including:

* What is authentication and authorisation and what’s the difference between them.
* Modern concepts like OAuth 2.0 and OpenID Connect
* Setting up login and sign up flows
* Manage user information using state management 
* How to create route guards and centrally manage access to your pages
* How to secure your backend APIs
* How to integrate with Microsoft Azure Active Directory
* How to integrate with Auth0
* How to integrate with Okta
* How to write component tests with Vue test utils and Jest
* How to write end to end tests with Playwright

So go check it out and hope you enjoy. If you liked it I’d appreciate if you could spread the word so that others get to benefit too 💪🏼.

[Vue Authentication and Authorization by Yas](http://www.pluralsight.com/courses/vue-authentication-authorization)

Have a great day/evening/night wherever you are.

Ta,
Yas
What do you wish you knew about accessibility? Answer for the chance to appear on the DevDiscuss podcast!
Tags: discuss, podcast, a11y
Published: 2021-02-11 20:52:39

---
title: What do you wish you knew about accessibility? Answer for the chance to appear on the DevDiscuss podcast!
published: true
tags: discuss, podcast, a11y
---

The [DevDiscuss Podcast](https://dev.to/devdiscuss) begins with an interview and ends with commentary from listeners — and we like to feature the actual _voices_ from our community!

To enrich an upcoming episode of the show, we'd like to know...

> ### **“What do you wish you knew about accessibility?”** 
  
For your chance to appear on an upcoming episode, answer the question above by:

- Calling our Google Voice at +1 (929)500-1513 and leave a message 📞

- Sending a voice memo to pod@dev.to 🎙

- OR, leaving a comment here (we'll read your response aloud for you) 🗣

_Please send in your recordings by Wednesday, February 17th at Midnight, ET (9 PM PT, 5 AM UTC)_

_**Voice recordings will be given priority placement**_ 😉 

---

Plus, don't forget to check out the season 4 premiere of DevDiscuss:

{% podcast https://dev.to/devdiscuss/s4-e1-this-is-how-you-have-effective-meetings %}
How to Use WordPress as a Headless CMS for Eleventy

Published: 2021-02-11 20:43:24

The last few years have seen static-site generation and Jamstack concepts evolve from niche tools to mainstream development approaches.

The benefits are appealing:

simpler deployment and static hosting
better security; there are few back-end systems to exploit
easy backup and document version control using Git
a great development experience, and
super-fast performance
Unfortunately, static-site generator (SSG) projects are rarely handed over to clients. SSGs such as Jekyll, Hugo, and Gatsby are designed for developers. Navigating version branches, updating Markdown documents, and running command-line build processes is frustrating for editors coming from the world of one-click publishing on a content management system.

This tutorial describes one way to keep everyone happy and motivated! …

content editors can use WordPress to edit and preview posts
developers can import that content into Eleventy to build a static site
Headless CMSs and Loosely Coupled APIs
Some concepts illustrated here are shrouded in obscure jargon and terminology. I’ll endeavor to avoid it, but it’s useful to understand the general approach.

Most content management systems (CMSs) provide:

A content control panel to manage pages, posts, media, categories, tags, etc.
Web page generation systems to insert content into templates. This typically occurs on demand when a user requests a page.
This has some drawbacks:

Sites may be constrained to the abilities of the CMS and its plugins.
Content is often stored in HTML, so re-use is difficult — for example, using the same content in a mobile app.
The page rendering process can be slow. CMSs usually offer caching options to improve performance, but whole sites can disappear when the database fails.
Switching to an alternative/better CMS isn’t easy.
To provide additional flexibility, a headless CMS has a content control panel but, instead of page templating, data can be accessed via an API. Any number of systems can then use the same content. For example:

an SSG could fetch all content at build time and render a complete site
another SSG could build a site in a different way — for example, with premium content
a mobile app could fetch content on demand to show the latest updates
<a href="https://www.g2.com/categories/headless-cms">Headless CMS solutions</a> include Sanity.io and Contentful. These are powerful, but require editors to learn a new content management system
Learn Vue 3 or Vue 2?
Tags: discuss, vue, webdev, javascript
Published: 2021-02-11 20:39:24

With the release of Vue 3, is it better to learn Vue 3 or Vue 2 if you're starting now? I touch on this subject in a [video](https://youtu.be/OPiMJ787-c0) I made on learning Vue.

Interested to know your thoughts.
Developers' Place Within Clubhouse, Dr. Margaret Mitchell’s letter to Google, & more on DevNews!
Tags: news, podcast
Published: 2021-02-11 20:30:54

---
title: Developers' Place Within Clubhouse, Dr. Margaret Mitchell’s letter to Google, & more on DevNews!
published: true
description: Listen to S3E5 of the DevNews pod!
tags: news, podcast
series: DevNews Season 3
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/zoxvbu0494gq3sxtjp4v.png
---

### S3E5 of the DevNews podcast is here!

{% podcast https://dev.to/devnews/s3-e5-developers-place-within-clubhouse-margaret-mitchell-s-letter-to-google-apple-s-app-tracking-transparency-and-tracking-capitol-rioters %}

### **This week, @saronyitbarek and I covered:**
- Google AI Researcher Dr. Margaret Mitchell’s letter to the company about the firing of former AI Researcher, Dr. Timnit Gebru
- Apple’s App Tracking Transparency, and smartphone data that was given to The New York Times that was used to track Capitol rioters.

### **We also talked with a special guest about another topic...** 

- **[Casey Lau](https://twitter.com/casey_lau)**, co-host of RISE, one of the Web Summit conferences, and host of the RISE Offstage podcast. Casey talked with us about how Clubhouse will impact the future of tech conferences — and what the platform means for developers. 

_You can [follow DevNews](dev.to/devnews) to get episode notifications and listen right in your feed_ — or subscribe on your platform of choice! Plus, if you leave us a review, we'll send you a free pack of thank-you stickers. Details [here](https://airtable.com/shr8oKAIMZgdYnBxx). 

## **Quick Listening Links**
- [Apple Podcasts](https://podcasts.apple.com/us/podcast/s3-e5-developers-place-within-clubhouse-margaret-mitchells/id1525581923?i=1000508601028)
- [Spotify](https://open.spotify.com/episode/1yyEpSvTNd3TwarwpW0WCL)
- [Google](https://podcasts.google.com/feed/aHR0cDovL2ZlZWRzLmNvZGVuZXdiaWUub3JnL2Rldm5ld3NfcG9kY2FzdC54bWw/episode/aHR0cHM6Ly9kZXZwb2RzLmRldi9wb2RjYXN0cy9kZXZuZXdzLzIx?sa=X&ved=0CAQQkfYCahcKEwig38fn1eLuAhUAAAAAHQAAAAAQAw)
- [Stitcher](https://www.stitcher.com/show/devnews)
- [Listen Notes](https://www.listennotes.com/podcasts/devnews/s3e5-developers-place-within-8NAaFIKjeRZ/)
- [TuneIn](https://tunein.com/podcasts/Technology-Podcasts/DevNews-p1352512/?topicId=160761341)
- [RSS Feed](http://feeds.codenewbie.org/devnews_podcast.xml)
- [PocketCasts](https://pca.st/x97wq16m)
- [Transcript](https://devpods.herokuapp.com/podcasts/devnews/episodes/114)

---
_Acknowledgements_ 
- _@levisharpe for producing & mixing the show_
- Our season three sponsors, [SendBird](https://sendbird.com/) and [Rudderstack](https://rudderstack.com/) ❤️ 

![News](https://media.giphy.com/media/xUNemVaUZFSgHxvQXK/giphy.gif)
AzureFunBytes Episode 30 - Intro to Azure Policy with @StevenMurawski
Tags: azure, cloud, beginners, tutorial
Published: 2021-02-11 20:27:53

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 TU8fLVMDapw %}

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 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) 
[Build a cloud governance strategy on Azure](https://aka.ms/policy-learn) 
[Community Azure Policy on GitHub](https://aka.ms/policy-community) 
[Azure Policy Samples]( https://aka.ms/policy-samples)
[Azure Policy definition structure](https://aka.ms/policy-concept)
Machine Learning - Data
Tags: machinelearning, ai
Published: 2021-02-11 20:14:38



So we've decided what metrics we want to track for our machine learning project. Because ML needs data, we need to get it.

In some cases we get lucky and we already have it. Maybe we want to predict the failure of pieces of equipment in a factory. There are already lots of sensors measuring the performance of the equipment and there are service logs saying what was replaced for each equipment. In theory, all we need is a bit of a big data processing pipeline, say with Apache Spark, and we can get the data in the form of (input, output) pairs that can be fed into a machine learning classifiers that predicts if an equipment will fail based on the last 10 values measures from its sensors. In practice, we'll find that sensors of the same time that come from different manufacturers have different ranges of possible values, so they will all have to be normalized. Or that the service logs are filled out differently by different people, so that will have to be standardized as well. Or worse, the sensor data is good, but it's kept only for 1 month to save on storage costs so we have to fix that and wait a couple of months for more training data to accumulate.

The next best case is that we don't have the data, but we can get it somehow. Maybe there are already datasets on the internet that we can download for free. This is the case for most face recognition applications: there are plenty of annotated face datasets out there, with various licenses. In some cases the dataset must be bought, for example, if we want to start a new ad network, there are plenty of datasets available online of personal data about everyone, which can be used then to predict the likelihood of clicking on an ad. That's the business model of many startups...

The worst case is that we don't have data and we can't find it out there. Maybe it's because we have a very specific niche, such as we want to find defects in the manufacturing process of our specific widgets, so we can't use random images from the internet to learn this. Or maybe we want to do something that is really new (or very valuable), in which case we will have to gather the data ourselves. If we want to solve something in the physical world, that will mean installing sensors to gather data. After we get the raw data, such as images of our widgets coming of the production line, we will have to annotate those images. This means getting them in front of humans who know how to tell if a widget is good or defective. There needs to be a Q&A process in this, because even humans have an error rate, so each image will have to be labeled by at least three humans. We need several thousand samples, so this will take some time to set up, even if we can use crowdsourcing websites such as AWS Mechanical Turk to distribute the tasks to many workers across the world.

All this is done, we finally have data. Time to start doing the actual ML...
JSON Formatter & Validator 
Tags: javascript, programming, kotlin, android
Published: 2021-02-11 20:13:23

Hello ...
I am inviting everyone to give it a try

[JSONFormatter.dev](https://jsonformatter.dev)

## About JSONFormatter.dev
The free online tool is used to format JSON data, debugging and beautify.

The best part is, all operations done in the browser, with no network calls or data exchange to the server.

JSON is the most popular format to exchange data between clients and servers. 

![JSONFormatter.dev](https://dev-to-uploads.s3.amazonaws.com/i/gp6o8fky7v8k2uuu3koo.png)

## Why JSON
> It's easy
> all data will be enclosed in {}
> supports number,string,bool data types.

## JSON : JavaScript Object Notation

Let’s try to explore JSON and how we can define it. In general, JSON is a lightweight object format, is used to store data and transport over the network.

JSON stores data in the form of properties. Each property consists of key and value and enclosed with "".
### Syntax
```json
{
  "key": "value"
}
```
### Example
```json
{
  "tool": "jsonformatter.dev"
}
```

## Rules to define JSON property names (keys)
* Property names must be camel-cased, ascii strings.
* The first character must be a letter, an underscore (_) or a dollar sign ($).
* Subsequent characters can be a letter, a digit, an underscore, or a dollar sign.
* Reserved JavaScript keywords should be avoided (A list of reserved JavaScript keywords can be found below
### Example
```json
{
  "devTool": "Online JSONFormatter tool"
}
```
Try it and share your feedback. I am excited about this tool and I am just started.

More tools will come as part of **toolskit.dev** initiative.

## How to connect
drop an email to **hello.toolskit@gmail.com**. let me know, which tools will more helpful for our dev community.

Thank you all
Responsive Navbar with animation
Tags: html, css, javascript, animation
Published: 2021-02-11 20:05:23

The responsive card is made with HTML and CSS. It is very useful to show blog posts and it has hover effects.

<a rel="nofollow" href="https://codewithbishal.com/example/how-to-create-animated-navigation-bar">View it on our website(Responive cards)</a>
View More :
<ul>
<li><a rel="nofollow" href="https://codewithbishal.com/example/how-to-create-responsive-column-cards">How to create responsive column cards</a></li>
<li><a rel="nofollow" href="https://codewithbishal.com/example/how-to-create-an-accordion-with-html-css-and-javascript">How to create accordion using JavaScript</a></li>
</ul>
At first, on our webpage, there is a preview of our responsive cards, then there are a few QNA and an overview of the blog. There is a button to copy and Download the codes (HTML and CSS). You can also try it on our website.

You can view and copy and download the source code files through the link given below. <a rel="nofollow" href="https://codewithbishal.com/example/how-to-create-animated-navigation-bar">View and Download Source Code</a>
GOOGLE ADS ROSARIO
Tags: googlecloud, jjavascript, ccss, linux
Published: 2021-02-11 19:56:29

Es importante destacar que si hablamos de la publicidad en Google estamos refiriéndonos a hacer visible un negocio o empresa. Y a esto nos referimos a que tu empresa, negocio o producto aparezca como uno de los resultados de anuncio luego de la búsqueda de un usuario en Google.

Google cuenta con su herramienta denominada Google Adwords que es un grupo de enlaces auspiciados por Google que son proporcionados luego de una búsqueda.

Publicidad en Google
A través de la publicidad en Google, cuando alguien busca el producto o servicio que tu empresa ofrece, Google se encarga de que sea tu empresa o producto aparezca como la mejor opción.

Para que la publicidad en Google sea realmente buena, depende de tres factores importantes que tenemos en cuenta mediante el denominado Quality Score:

La relevancia de la publicidad en Google de acuerdo con lo buscado por los usuarios en esta plataforma.El número de clics que realizan las personas sobre el anuncio.El tiempo de permanencia que tiene un usuario dentro de la página.
Vamos a explicarte cómo funciona la publicidad en Google
Siempre que un usuario busque algo en determinado en Google, automáticamente se lanza una subasta de Google AdWords en la que van a competir todos aquellos anuncios que contienen al menos una palabra clave que concuerde.

Que a un anunciante le vaya bien o mal va a depender de cómo posicione en Google. El posicionamiento en Google a su vez depende de la concordancia con la palabra clave y el Quality Score. Por lo que, al realizar una publicidad en Google, el anunciante paga por aparecer más arriba que la competencia y además por cada clic que los usuarios realicen sobre el enlace.

Pero la buena noticia es que Google sólo te cobrará si los usuarios dan clic sobre el anuncio sin importar la cantidad de veces que el mismo haya aparecido.

De manera similar a la publicidad en redes sociales, los anuncios en Google también pueden ser segmentados para que se orienten a un grupo de usuarios en particular. Google Adwords permite realizar un seguimiento del número de veces que un anuncio en Google fue visitado o visto.

Publicar anuncios en Google tiene sus ventajas:
 No gana el que más paga
 Pago por clic
 Segmentación de campaña
 Aumentar las ventas
 Mínima inversión inicial
 Controlar el presupuesto
 Análisis y medición
 Gran volumen de tráfico

https://www.deepbrand.com.ar
RSBadges: Create Code Badges in Rust
Tags: rust, opensource
Published: 2021-02-11 19:46:07

We've just launched our first open source project at [Tangram Vision](https://www.tangramvision.com).

[RSBadges](https://gitlab.com/tangram-vision-oss/rsbadges) is a Rust-friendly badge generator. The interface strives to be minimal while still providing a feature-rich API. Both the label (the left side) and the message (the right side) of the badge can be customized fully, with the ability to:

* Set text
* Set color using any valid CSS color code
* Embed a link into each side or a link for the whole badge
* Add a logo (in SVG format) from a local source or a URL
* Embed that logo's data into the badge directly
* Set the style of badge, as described in [Shields.io](http://shields.io/)


RSBadges can be used as an API or a command line interface (CLI).

[Check it out on GitLab here](https://gitlab.com/tangram-vision-oss/rsbadges)

Got feedback? We'd love to hear it!
How To Build A Custom Image Picker In React Native & Expo
Tags: expo, ios, android, reactnative
Published: 2021-02-11 19:43:04

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

https://ongomobile.medium.com/how-to-build-a-custom-image-picker-in-react-native-expo-afcbf7c0c5a7

I am working on a React Native app. So I thought I would share some struggles that I found a solution for when dealing with static and user images.

In the article, I wrote you can try out the code live on different devices in the browser, using Expo Snack it's kinda fun. Let me know what you think?
How to install an app on Android Work Profile for Debug
Tags: android, workprofile, debug, adb
Published: 2021-02-11 19:30:05


1. List all of your users (to find the number of the work profile (in the example the 11 is the work profile):

```bash
$ adb shell pm list users
Users:
	UserInfo{0:Propietario:13} running
	UserInfo{11:Perfil de trabajo:30} running
```

2. Copy the APK and then install it for that user with:
```bash
adb push app-debug.apk /data/local/tmp 
adb shell pm install -t --user 11 /data/local/tmp/app-debug.apk
```
JavaScript Iterators (array methods) - Codecademy PRO version
Tags: javascript, tutorial, webdev, beginners
Published: 2021-02-11 19:13:39

**TL;DR:** I completed the **Iterators** course in **JavaScript: Arrays, Loops, and Objects** module on Codecademy. This is a part of the 🔗 [**Codecademy Web Development Career Path**](https://youtube.com/playlist?list=PL7K3igiHYVk1_ulFuHesiv7BP_ALn82o8) series.

You can find the video on YouTube below ⬇️
{% youtube PztBqQi8Zak %}

*If you like the video, don't forget to smash that like icon* 👍 *and subscribe* ❤️*. It will help a lot! Thanks!* 🙏



⏱️ Chapters:
🔗 [0:00](https://www.youtube.com/watch?v=PztBqQi8Zak) Intro
🔗 [0:43](https://www.youtube.com/watch?v=PztBqQi8Zak&t=43s) Introduction
🔗 [3:25](https://www.youtube.com/watch?v=PztBqQi8Zak&t=205s) Functions as Data
🔗 [8:28](https://www.youtube.com/watch?v=PztBqQi8Zak&t=508s) Functions as Parameters
🔗 [15:02](https://www.youtube.com/watch?v=PztBqQi8Zak&t=902s) Review
🔗 [16:22](https://www.youtube.com/watch?v=PztBqQi8Zak&t=982s) Introduction to Iterators
🔗 [20:12](https://www.youtube.com/watch?v=PztBqQi8Zak&t=1212s) The .forEach() Method
🔗 [24:02](https://www.youtube.com/watch?v=PztBqQi8Zak&t=1442s) The .map() Method
🔗 [29:04](https://www.youtube.com/watch?v=PztBqQi8Zak&t=1744s) The .filter() Method
🔗 [35:13](https://www.youtube.com/watch?v=PztBqQi8Zak&t=2133s) The .findIndex() Method
🔗 [40:42](https://www.youtube.com/watch?v=PztBqQi8Zak&t=2442s) The .reduce() Method
🔗 [50:18](https://www.youtube.com/watch?v=PztBqQi8Zak&t=3018s) Iterator Documentation
🔗 [59:30](https://www.youtube.com/watch?v=PztBqQi8Zak&t=3570s) Choose the Right Iterator
🔗 [1:04:03](https://www.youtube.com/watch?v=PztBqQi8Zak&t=3843s) Review (ITERATORS)
🔗 [1:11:22](https://www.youtube.com/watch?v=PztBqQi8Zak&t=4282s) Mini Linter (PROJECT)
🔗 [1:29:14](https://www.youtube.com/watch?v=PztBqQi8Zak&t=5354s) Iterators Quiz



📚 Materials/References:
🔗 [JavaScript Iterators (array methods) cheatsheet](https://www.codecademy.com/learn/paths/web-development/tracks/web-dev-js-arrays-loops-objects/modules/learn-javascript-iterators/cheatsheet)

🔗 [MDNs Array iterator methods page](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array)

Thanks for reading! I hope you find it useful.