teleren/devto huggingface dataset:
Subtitling Rates and its importance
Published: 2020-01-27 05:59:59

Subtitles are the text format of video footage, that is usually displayed on the bottom of a screen and sometimes displayed on the top. Depending on the viewers’ language, the subtitles can either be in the form of written translation of a dialog in other languages or written rendering of the dialog in the same language. It also exists in two forms - open subtitles where the text that is set by default for all and it “cannot be turned off” by the viewer; closed subtitles it is designed for a particular set of audience, depending on the viewer’s comfort it “can be turned on/off”.
People mostly confuse subtitle with captioning, but both are completely different. As subtitles are the text alternative to the dialog spoken by characters,<a href="https://visualsubtitling.com/Subtitling-Services.php">Subtitling services</a> narrators and other vocal participants in the screen. On the other hand, captioning not only provides text alternative to the dialog but also include relevant parts of the soundtrack - such as describing the background noises, phones ringing and other audio cue that needs description.
In Visual Subtitling, we have highly experienced transcribers to provide the captioning and subtitling service to all your projects on time. Our team of transcribers work round the clock to provide impressive service to all our customers around the world by following strict quality methods to achieve greater accuracy.
With our professional experienced linguists in both the source and target languages, we also offer translations along with subtitling at highest quality in 100+ languages and dialects. For complete customer satisfaction, our professionals also consider the local nuances and relevant idioms to provide a localize content.
Considering the small-scale businesses, our <a href="https://visualsubtitling.com/Subtitling-Rates.php">subtitling rates per minute</a> are starting as low as $1 per video for English subtitling, which is cheap and reasonable rate compared to other subtitling services. We also provide free quote for subtitling rates per hour, this makes our clients to get better idea about our quality service costs. We accept and deliver all customized file formats and that include .M4A, .M4B, .M4V, .RA, .RM, .QT.XML, .QT.TXT, .QT.SMIL, .SMI,.ASX

 Reasons to add Subtitles to a video:
There are many online services to add subtitles to your video. In this generation, adding a subtitle to a video has become quite easy and now it is even accessible to android phones. There are lot of reasons to add a subtitle to your audio and some include:
1.       They make video accessible even to people, who are deaf or hearing impaired.
2.       If it’s a music video, adding subtitles can easily track the lyrics.
3.       They provide comfort to people by providing alternative languages, irrespective of the language playing on the screen.
4.       It helps to learn and retain new languages and information easily.
5.       It is useful for people who listen audio in podcasts.
VSCode - Extensão DEV Community
Tags: vscode, productivity
Published: 2020-01-27 05:37:20

---
title: VSCode - Extensão DEV Community
cover_image: https://i.imgur.com/XDufKWj.jpg
published: true
description: Crie posts para o dev.to usando o editor VSCode.
tags: vscode, productivity
---

Estava criando um repositório [git](https://git-scm.com/) para organizar as minhas postagens e usar o [vscode](https://code.visualstudio.com/) para editar os arquivos e depois copiar e colar no editor online, então resolvi pesquisar por alguma extensão relacionada e acabei encontrando uma bem interessante: [DEV Community](https://marketplace.visualstudio.com/items?itemName=sneezry.vscode-devto). Basta pesquisar  por __dev.to__ e será a primeira da lista (até a data deste post, pelo menos). Aparecerá um novo item na barra lateral de ações cujo conteúdo contém inicialmente as opções de logar, onde você deverá fornecer uma chave para autenticação com a API para manipulação das postagens, e uma outra opção para criar essa chave, onde você será redirecionado para as configurações da sua conta.

![Menu lateral de ações](https://i.imgur.com/WV2cN3b.png)

Para criar a chave, clique na opção e siga as instruções no site que abrirá (é só digitar a descrição da chave e clicar em gerar). Para logar, clique na opção e cole a chave que você criou.

Após logar você verá uma lista com as suas postagens. Clique em alguma para mostrar seu conteúdo.

![Lista com as postagens e editor](https://i.imgur.com/t4mZcfc.png)

Recursos disponíveis:

- __Edição__: Após editar, basta salvar da mesma forma que você faria com qualquer outro arquivo e sua postagem será salva remotamente. Para adicionar uma imagem, clique em `Upload images` no canto inferior esquerdo do editor e escolha uma imagem para subir pro [Imgur](https://imgur.com/). Quando o upload terminar, uma marcação com a url da imagem será criada na posição do cursor.
- __Preview__: Para um preview local, pressione `Ctrl + Shift + V` para abri-lo em uma nova aba ou `Ctrl + K V` para abrir lado a lado. A aparência será determinada pelas extensões de visualização de arquivos `.md` que você tem instalado. Para um preview remoto, basta atualizar a página do seu post após salvar as edições que as mudanças já serão refletidas.
- __Publicação__: Para publicar, modifique o valor do campo `published` para `true` na _seção meta yaml_ no topo do post e salve, ou clique com o botão direito no título do post no menu lateral e selecione a opção de publicar.
- __Criação de novo post__: Clique no botão `+` no menu lateral. Um novo documento com uma _seção meta yaml_ default será criado. Salve e o post será criado remotamente.
- __Remoção de post__: Clique com o botão direito no título do post no menu lateral e selecione a opção de deletar.
Accessible components: Alerts
Tags: a11y, html, ada
Published: 2020-01-27 05:29:05

Alerts are a very common pattern to provide feedback messages for user actions such as error, warning or information. Do you know how to create a truly accessible alert? In this tutorial, we will learn how to create one.

There are two ways of creating WAI-ARIA compliant alerts. We will take a look at both.

The _easiest_ and _recommended_ one is to add an `aria-role="alert"`. This `role` is used to **communicate an important message to the user**.

```html
<div role="alert">
  <p>Alert example: Here should be the alert content</p>
</div>
```

On the other hand, we can create an alert by adding two `aria` attributes:

* `aria-live="assertive"` **whatever text change in the children nodes of this attribute will interrupt the current process in the assistive technologies to notify immediately this change to the user**.
* `aria-atomic="true"` this attribute tells the assistive technologies to **read the entire content of the alert event if just a portion of it has changed**.

```html
<div aria-atomic="true" aria-live="assertive">
  <p>Alert example: Here should be the alert content</p>
</div>
```

Sometimes you will want the user to close the alert. To do it, you have to add a close labeled button by using an `aria-label`, _only if the text inside the button is not descriptive enough_.

```html
<div role="alert">
  <button aria-label="Close alert">×</button>
  <p>Alert example: Here should be the alert content</p>
</div>
```
Automagically bookmarking youtube videos for developers
Tags: bookmarks, productivity, opensource, webdev
Published: 2020-01-27 05:02:45

---
title: Automagically bookmarking youtube videos for developers
published: true
description: Shows an easy way to bookmark and handle your favorite youtube videos, if you are a developer especially. 
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/azigosoeq9g0pl4h81k8.png
tags: bookmarks, productivity, opensource, webdev
---

As mentioned before, bookmarking dev resources has become second nature to me. Not only do I [save lots of times](https://dev.to/ama/how-i-manage-my-dev-bookmarks-and-save-time-and-nerves-56ae), but I get that peace of mind knowing I can find it quickly when I might want to [**read it later**](https://dev.to/ama/how-i-manage-my-dev-bookmarks-and-save-time-and-nerves-56ae#read-later). 

The same is true for youtube videos. For youtube videos I took the support for metadata autocompletion on [www.codever.land](https://www.codever.land) to the next level: 

* **title** (automatically completed) is suffixed with the **duration of the video**
* the first eight **tags** used for the youtube video are automatically filled
* the **publishing date** is automatically selected
* the **description** is also automatically completed - though you might want to preselect in the browser what to be saved in the **description** section. Many authors add to the video's description extra details that are not important for developers. You can do that by using [the bookmarklet](https://www.codever.land/howto) or the [chrome extension](https://chrome.google.com/webstore/detail/diofdblfhjbpgackifolmboaiccmebjb) I developed. 


In action it looks something like the following:

![Save to Codever chrome extension usage](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1jejtbfxfyqcx5ty7mjs.gif)


Once the video is added to bookmarks.dev - see [my youtube bookmarks](https://www.codever.land/?q=youtube%20user:33d22b0e-9474-46b3-9da4-b1fb5d273abc&sd=public), you can directly play the videos in an angular material dialog. This is more thoroughly explained and demonstrated in the blog post [How to play a youtube video in an angular material dialog](https://dev.to/ama/how-to-play-a-youtube-video-in-an-angular-material-dialog-3724)

## Care to see how it is implemented?
It's not that of a magic there - a REST call to YouTube Data API from a Node.js/ExpressJS backend. For further details check out my blog post - [How to call the YouTube API from Node.js example](https://www.codepedia.org/ama/how-to-call-youtube-api-from-nodejs-example)

Still not convinced? You get improved autocompletion also for [stackoverflow questions](https://www.codepedia.org/ama/improved-bookmarking-of-stackoverflow-questions) and plan to have a look at dev.to API for dev.to resources.
Why I Took a Dip in Programming
Tags: cohort25, gamedev
Published: 2020-01-27 04:55:11

I've always had an interest in the sciences and technology ever since I was but a wee lad, thus I put my efforts towards becoming an engineer. This is what my parents recommended after all, so I went for it. I can't speak for all the youngsters out there but when I was like 10 years-old I treated my parents' words as absolute. "Get a good job and make lots of money!", they said as if saying to have lots of money is to be successful. What does it mean to be successful anyway? Well the answer to that question should be addressed some other time. Right now I'll just talk about how I came to the decision to become a programmer.

<b>My Post-Secondary Switch</b>
When I got accepted into a university to study Electrical Engineering I was ecstatic but after a year I began to doubt myself. "Am I really doing the right thing?" was a question that lingered in the back of my head every single day. I was also struggling with the fact that a lot of money went into this program for me to study and I didn't want to look like a quitter to my friends and family. It was around this time that I came across a YouTuber by the name of TheTolhe and this person changed my life. Through watching his videos I learned that he is a game developer and during his free time he would make videos for YouTube. I kid you not I wanted to live Tolhe's life so bad since gaming had always been something I was passionate about. This was the little push I required to just do what I truly wanted and pursue a career in programming video games.

<b>Bearing Bad News</b>
Luckily for me, when I told my family they were very supportive of my decision and I actually felt so silly for thinking the worst. I thought that my relationship with my parents would take a serious hit but instead they were willing to help me regardless of the journey I decided to take since all they really cared about is my happiness. Shortly after I told everyone how I felt about my studies, I applied for a game development program at Humber College to begin walking a long road towards becoming a game programmer.

<b>Let's Wrap it up</b>
And there you have it, folks! My long winded story of how I decided to become a programmer. A major milestone decision based solely on a "childish" desire to make games for people. Between working, studying, gaming, and anime, I can't really find the time to watch Tolhe's channel. Though I haven't been watching much of Tolhe these days, I will always bring him up when asked about why I decided to become a programmer. If you made it this far, thank you for taking the time to read this.
Best books for Professionals...
Published: 2020-01-27 04:39:50

#10_Books_For_YOU

--

#1 D3.js in Action: Data visualization with JavaScript

.

Link --> http://bit.ly/37tklWb

--

#2 Flask Web Development: Developing Web Applications with Python

.

Link --> http://bit.ly/30UbA4V

--

#3 Secrets of the JavaScript Ninja

.

Link --> http://bit.ly/3aMZ9MD

--

#4 Beginning PHP and MySQL: From Novice to Professional

.

Link --> http://bit.ly/36vqOye

--

#5 Practical React Native: Build Two Full Projects and One Full Game using React Native

.

Link --> http://bit.ly/2Rqxr0y

--

#6 Full Stack JavaScript: Learn Backbone.js, Node.js, and MongoDB

.

Link --> http://bit.ly/36rTAQx

--

#7 Beginning Django: Web Application Development and Deployment with Python

.

Link --> http://bit.ly/2tV5iFU

--

#8 HTML5 and JavaScript Projects: Build on your Basic Knowledge of HTML5 and JavaScript to Create Substantial HTML5 Applications

.

Link --> http://bit.ly/2S3UlKz

--

#9 JavaScript and JQuery: Interactive Front-End Web Development

.

Link --> http://bit.ly/2TXtySx

--

#10 HTML and CSS: Design and Build Websites

.

Link --> http://bit.ly/2GrlIIO

...

..

.

Like & Comment For More Free Books ✌️✌️
How to use expansion files in Android
Tags: android, java
Published: 2020-01-27 04:30:09

---
title: How to use expansion files in Android
published: true
description: We look into how to setup an expansion file in Android and download it from Google Play.
tags: Android, java
cover_image: https://thepracticaldev.s3.amazonaws.com/i/b4ewaebpl3urou7q4kg2.jpg
---

{% youtube GRMrj-mImAc %}

We look into how to setup an expansion file in Android and download it from Google Play.
Job hunting is brutal. Just keep swimming.
Published: 2020-01-27 04:18:10

Pictured Above: A rainbow that appeared near my apartment this week. One of two I saw that day. 'Twas a good day. 

And yet there's so much to do. Coffee dates, emails, cover letters, assessments, and keep up with your coding and don't forget to blog! 

Oof. It never ends. Still, I wouldn't say I'm complaining exactly. I've really been honing my networking skills. And I'm happy to say that nearly everyone that I've reached out to has resulted in at least a coffee date if not a referral. Practice really does help - even if it is exhausting.

In that vein though, practice is essential to stay up to date with these relatively new skills of mine. When you learn something that fast, it's all too possible to let it slide away completely. Thankfully, it has always been the case for me that once I've learned something once, all I need is a brief refresh and I'm good to go again. I'm finding that to be true with my return to old lessons. 

When I load up an old project and am faced with lines of Ruby or JavaScript that I wrote in a haze during my time at the camp, imposter syndrome and panic initially surge, because something will look unfamiliar or I won't know what to do. But then I take a deep breath and remind myself that I know this stuff. RESTful APIs are old hat. DOM manipulation is like riding a bike. I review what I've done before, and I'm good to go. 

For instance, the first time I pulled up my final project, The World Builder's Tome, I nearly panicked when I thought that absolutely all understanding of Redux had fled my mind. It actually caused some issues in an additional feature I tried to add, because I forgot to go add some essential lines of code to hook up the new files I added. A little debugging and investigation revealed I had gotten so wrapped up in the syntax in my React files that I had neglected the reducers and actions files. Ultimately this was a good experience - learning something twice means it's twice as likely to stick!

And if nothing else, this job hunting adventure has me sampling a truly stunning number of coffee shops across the county. I should map them, and rank who has the best tea and/or hot cocoa.

(Let's see, what would that involve? A map API for one. Some fun CSS fussing to add little icons of coffee mugs or something. React would do nicely, I imagine.)
I created a website to help beginners learn web development
Tags: beginners, webdev, vue, showdev
Published: 2020-01-27 03:06:18

The purpose of this website is to help people in the areas of web development that I also had trouble with. This site was made with Vue.js and Gridsome (a Vue.js framework for static sites). Developer Bacon is a work in progress website as I find things to change or make better while I upload the tutorials. Feedback on my new site to make this site better would be amazing :) [https://developerbacon.ca](https://developerbacon.ca/?utm_source=dev.to&utm_medium=link)
How do you get high-paying freelance clients/jobs ?
Tags: discuss, codenewbie, productivity
Published: 2020-01-27 02:51:39

# The Problem :

Most new people in the programming world don't get job as they learn coding, so, they have to move towards freelancing. 

![Freelancing](https://learnbonds.com/wp-content/images/2019/05/1_S94SID0F16tw75aLnqqRmA.jpeg)

As they move to freelancing, they end up on Fiverr, Upwork, PeoplePerHour etc or such websites which pay very little. The aim of this post is for the community and new people specially, so that the experienced devs can share their personal ideas and strategies regarding this.

# Questions :

So, the questions are :

**1. How to get high paying freelance clients?**

**2. What are high paying roles in software industry?**

**3. What are high paying technologies to learn in 2020?**

Let me know in the comments, so, that newbies can get some help from your thoughts.
Accessibility Interview questions
Tags: interviewquestion, a11y, webdev
Published: 2020-01-27 02:47:00

---
title: Accessibility Interview questions
published: true
description: 
tags: interviewQuestion, accessibility, webdev
---

**1. What is the difference between AA and AAA**
As per WCAG, there are 3 levels of accessibility - A, AA, and AAA. A is the simplest one. AA is most widely adapted whereas AAA would be the best but AAA is very strict. Many AA rules get stricter at AAA. Eg: color-contrast becomes stricter. Hence, the color contrast which was getting a pass at AA will now fail at AAA.


**2. You are building an eCommerce website. The homepage has a full-size banner image - 'Models wearing the branded clothes'. As per you what should be the alt tag?**
Answer: This is a decorative image holding information about the website's mood. I would like to add a descriptive alt tag for the screen readers such as - "A female model wearing the red top with blue jeans holding shopping bags. Click on the button to see the offers."

**3. Is this accessible or not?**
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/l6kycri1mz3pd5l7ybxv.png)

Answer: No, it is not accessible for the screen readers. The label tag is missing. There are different ways to add a label. Below are the 2 approaches:

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

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


**4. How you audit accessibility?**
Answer: I start the accessibility audit by using tools such as Lighthouse and Axe tool. Once I fix all the issues reported by these tools, I move to the manual testing of the web application especially by not using my keyboard, use screen readers such as voiceover to see how the application is working in the real world.


**5. How you will decide when to use _button_ or _a_ tag?**
Answer: _button_ is when we want to take an action such as submit the form, open a popup, etc. Whereas, _a_ tag is when we want to redirect the user. On a website shopping cart should be _a_ tag rather than _button_ tag.

Happy Learning!!
What To Do With Dev Community When In Offline Mode
Tags: watercooler
Published: 2020-01-27 02:19:39

Took a flight Chicago to Seattle this week. Instinctively I went to browse Dev community from the mobile application hoping it would cache the application but discovered a cool little scratch pad coloring feature. Check out my artwork.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/0u4ecg8yjf5mgp2qoh5c.jpg)
Continuous Integration with Rebase
Tags: git, branching
Published: 2020-01-27 02:08:41

In the first post I detailed out what it takes to achieve continuous integration and build servers are not required. 

“continuous integration (CI) is the practice of merging all developers' working copies to a shared mainline several times a day." -- [Wikipedia](https://en.m.wikipedia.org/wiki/Continuous_integration)

So what is the problem this is solving? Wikipedia continues to provide a little insight here.

"The longer development continues on a branch without merging back to the mainline, the greater the risk of multiple integration conflicts"

Note that this conflict goes beyond merge conflict but also feature conflicts where the functional you developed and tested do not work when this other feature steps on your expectations.

{% link https://dev.to/jessekphillips/handling-merges-464d %}

Rebase is a means to pull in changes from mainline. I say 'pull' but I do want to note this is not an accurate model for thinking of rebase. By rebaseing your work onto mainline you will be able to continuously integrate the work of others.

Of course others won't be integrating with your work, thus short lived is still important.

# Interactive Rebase

Merging in mainline would have similar integration benefits. So why rebase?

Rebaseing will encourage an understanding of your changes, encourage simplifying history so that reviews can focus on how your changes integrate into mainline. If you changes need to apply to another supported branch they are already simplified and grouped together for applying elsewhere.

{% link https://dev.to/jessekphillips/interactively-rebase-with-git-4o7n %}
Criando um CI de uma aplicação Django com Github Actions
Tags: python, django, github, testing
Published: 2020-01-27 01:36:12

Hoje vamos aprender como criar uma pipeline de CI usando Github Actions.

A configuração é bem simples e pode ser vista no vídeo abaixo:

{% youtube KpSlY8leYFY %}


{% github LucasMagnum/django-github-actions-ci %}


Não esqueça de deixar seu feedback e se inscrever no canal :)