teleren/devto huggingface dataset:
VS Code August 2019 Release Highlights Video
Tags: discuss, vscode, javascript, webdev
Published: 2019-09-09 16:48:56

---
title: VS Code August 2019 Release Highlights Video
published: true
description: Highlights of some of the latest features found in the August 2019 release of Visual Studio Code.
tags: discuss,vscode,javascript,webdev
cover_image: https://thepracticaldev.s3.amazonaws.com/i/usptjx26n1vuqlkt2xb4.jpg
canonical_url: https://www.clarkio.com/2019/09/03/vs-code-august-release-video/
series: vscode-release
---

## August 2019 VS Code Release
Visual Studio Code has a new release out with lots of improvements and new features. You can read through the [release notes](https://code.visualstudio.com/updates/v1_38?WT.mc_id=devto-blog-brcl) to find out more about them or watch this short video to see some of the highlights from it.

{% youtube YA8QJPGf2M4 %}

### Features Highlighted

- [Copy and Revert Actions for Diffs](https://code.visualstudio.com/updates/v1_38#_copy-and-revert-in-the-inline-diff-editor?WT.mc_id=devto-blog-brcl)
- [Multi-line search in Find](https://code.visualstudio.com/updates/v1_38#_multiline-search-in-find?WT.mc_id=devto-blog-brcl)
- [Maximize/Restore Bottom Panel](https://code.visualstudio.com/updates/v1_38#_maximize-editor-toggle-command?WT.mc_id=devto-blog-brcl)
- [Cursor Surround Lines (a.k.a Scroll Off)](https://code.visualstudio.com/updates/v1_38#_cursor-surrounding-lines-scrolloff?WT.mc_id=devto-blog-brcl)
- [Link Protection for Outgoing Links](https://code.visualstudio.com/updates/v1_38#_link-protection-for-outgoing-links?WT.mc_id=devto-blog-brcl)


What's your favorite feature or improvement in this month's release? Share it below 👇
NextJS Vs Preact, Which do I go for?
Tags: help, preact, nextjs
Published: 2019-08-30 11:02:08

---
title: NextJS Vs Preact, Which do I go for?
published: true
tags: help, preact, Next, NextJS
---


I am working on a big Forum project and i'm trying to figure out which one to use to handle my frontend between NextJS and Preact.

Suggestions are kindly needed... and why.
Queixa: a faculdade não ensina nada atualizado!
Tags: udp, universodaprogramacao, podcast, youtube
Published: 2020-05-22 18:00:24

---
title: "Queixa: a faculdade não ensina nada atualizado!"
published: true
description: "Um vídeo do canal O Universo da Programação sobre o conteúdo acadêmico"
tags: udp, universo-da-programacao, podcast, youtube
---

Muita gente reclama do conteúdo da faculdade.

Será que a faculdade ensina tudo o que precisamos para o mercado? Será que a faculdade deveria ensinar tecnologias de mercado?

Neste vídeo temos uma reflexão sobre o assunto e espero que te ajude a se encontrar nesse universo de opções que é o Universo da Programação!


{% youtube BwdKfV7wvWo %}
Why I can't spell but I CAN code
Published: 2019-08-30 21:30:08

### How do you spell function?

You had to think for a split second didn't you? You probably write the word in some form atleast 30 times per day, 10,950 per year and 87,600 keystrokes just to fit that statistical guess work. But still.. it's a small wonder our keyboards haven't inverted, caught fire, or complained to a workers Union. It's all down to muscle memory (which I will now googlize into my own brains short term memory) and define it thusly:

_Muscle memory is a form of procedural memory that involves consolidating a specific motor task into memory through repetition, which has been used synonymously with motor learning._

Ace now we have that out the way, thanks googled generic text, I can't spell because I have been told I am dyslexic. But I can code because I need to get it write in order to survive at life, this is my job and my hobby. So yeah working with me is probably full of typos and disorganized rambles because dyslexia is more than just spelling. It's a state of mind. I want to know your point of view, is dyslexia a label, an excuse or a genuine thing, I won't be offended, so have at it.
Magento 2 Store Pickup
Tags: magento, webdev
Published: 2019-08-31 07:07:04

Use [Magento 2 Store Pickup](https://www.mageants.com/store-pickup-extension-for-magento-2.html) Extension to drive more revenues! By allowing your customers to pick up their orders from the nearest store, offer improved shopping experience.

**Key Features**

Configuration of multiple stores 
Store pick up with the Store locator is included 
Map clustering is automatic
On every product information page link to store is provided
Store can be searched instantly by area and distance

**Overview**

Magento 2 Store Pickup provides an additional shipping technique that allows clients to collect their orders on their own right at the shop. This helps to decrease a third party's potential shipping hazards and enhances shopping experience with a fresh selection of pickup.
Recyclerview basics (Part 1): Introduction
Tags: android, kotlin
Published: 2019-10-15 13:55:19

---
title: Recyclerview basics (Part 1): Introduction
published: true
date: 2019-03-14 14:00:10 UTC
tags: Android,Kotlin,android
canonical_url: 
---

![](https://raulmonteroc.com/wp-content/uploads/2019/03/recyclerview-basics-part-1.png)

The Recyclerview is the replacement of the Listview with a simpler API, better performance and a couple of new nice extra features. If you don’t know what a ListView is, don’t worry, you won’t need to in order to understand the recyclerview, simply think of it as a UI component used to represent related items in a list with scrolling capabilities.

## Components of a Recyclerview

The Recyclerview is mainly used to list related elements together, however, the way you do it can be dramatically customized to make your users have a unique experience in your app. Things such as determine how the elements are arranged together, enable custom views per element, respond to touch gestures, among other options, are available for you.

These options are not directly accessible from the Recyclerview object itself, instead, a group of related objects is used for each specific configuration, allowing for cleaner code and reusability.

Along the course of series we will be working with the most relevant components of the Recyclerview but for now, I’ll leave a little description as a tease to what we will working with next, here they are:

#### ViewHolder

The view holder object is a static representation of an element inside the Recyclerview, accessible from kotlin or java code. The main responsibility of the ViewHolder is to display each element with bound data from the adapter object.

#### Adapter

The Recyclerview doesn’t work with the data directly, it is only responsible for displaying it on the screen. The data management is done via an **adapter** object which in turn uses ViewHolder objects as containers for each element’s data. The adapter is tasked with three things:

- Serve as an Intermediary between the model data and the Recyclerview object.
- Bind the provided data to each ViewHolder object.
- Determine which XML layout should be used to load the ViewHolders.

#### LayoutManager

The Recyclerview is in charge of the display of the elements of the list but _the way_ it does that is delegated to a **LayoutManager** object. Android provides a few layout managers built-in such as the `LinearLayoutManager` and `GridLayoutManager` but you can also provide your own if you want a more tailored experience for your Recyclerview.

#### ItemTouchHelper

Once we have our adapter setup and our layout manager selected, we can enable our Recyclerview to respond to touch gestures such as dragging elements or swiping to the side. For these purposes, we use the **ItemTouchHelper** object.

## Next Step

Now that we have a rough understanding of what a Recyclerview is, what the components are and what they can do, we are ready to start a small coding adventure.

On the following post, we will be working with the Recyclerview’s ViewHolder & Adapter components to create a simple list of elements to put all this theory into action.
Cybersecurity becoming the toughest challenge for the SMBs
Tags: cybersecurity, challenge, da
Published: 2019-09-04 05:16:21

It is estimated that within 2021 the damages due to cyber-attacks will rise more than 6 million. The number of data breach incidents is becomming increased. Hackers are finding out new ways every day to hack the systems.  It's really alarming for SMBs. Like the giant firms, SMBs are vulnerable to this type of data breach. But the giant firms are having lots of back up to cope with the situation which an SMB can't. But the good news is, the software like helical and alienvalut are designed for the SMBs to smartly manage their cybersecurity program. 


For more details visit: https://www.helical-inc.com/
Lodash and Underscore, is there still a case?
Tags: javascript, discuss
Published: 2019-09-05 16:14:03

I used to say that JavaScript is mature enough to not need polyfiling by the likes of Lodash or Underscore. This opinion is in the same vein as jQuery where the language has caught up in matters of the DOM ♥️, so then what is JavaScript lacking?

Considering that JavaScript is able to cater for both Object Orientated Programming styles and Functional Programming styles, you will know that the likes of classes and Object.create are comparable to handle stylistic choices. But here's the kicker, there is no functional if, switch, match equivalent that you might find in other languages.

Functional JavaScript feels like it still requires a library where as oop is getting a lot of attention to improve its usage within the language. 

Lodash and Underscore are such libraries, so is this the case for them, what are your thoughts?
Full Stack Serverless: a new YouTube course from Bytesized Code
Tags: serverless, javascript, webdev, beginners
Published: 2019-09-05 20:03:27

[Kristian](https://twitter.com/signalnerve) here – I'm super excited to share a new series on the [Bytesized Code](https://www.youtube.com/watch?v=94FYhNH4pcY&list=PLH_Crma-Dc9NSWCnT6D_fA5RdJJsneVmK) YouTube channel! Check out the [Full Stack Serverless](https://www.youtube.com/watch?v=94FYhNH4pcY&list=PLH_Crma-Dc9NSWCnT6D_fA5RdJJsneVmK) playlist over at the channel 📺

{% youtube 94FYhNH4pcY %}

I think it's a little silly to talk in-depth about a series of videos, so I'll briefly describe what full-stack serverless is, and why I'm excited about it. As the developer advocate for [Cloudflare Workers](https://workers.cloudflare.com/), I spend a ton of time thinking about how to make serverless development approachable to developers. With a background in full-stack development, I often find myself trying to figure out the path between the kind of projects I've made in the past ([Frontend Jobs](https://frontendjobs.tech/), for instance), which are generally full-stack projects, serving a ton of HTML, CSS and JS to a user, and serverless projects, which are small, stateless, and highly available.

The plan for Full Stack Serverless playlist is to build a long-lived, multi-project series, showing off the pros and cons of building projects on top of serverless. As you might imagine, each project will likely involve Cloudflare Workers, but it's definitely not an ad: an upcoming project will lean really heavily on Firebase to provide serverless database functionality, and in general, I plan to cover the entire serverless ecosystem, regardless of platform or provider.

I first saw the term "full stack serverless" used by my pal [Nader Dabit](https://twitter.com/dabit3), who's working on [an O'Reilly book](http://shop.oreilly.com/product/0636920286585.do) showing how to build applications using AWS Amplify. His content is great (and the accompanying [Byteconf](https://www.byteconf.com/) live-coding/interview that I did with him was a ton of fun: linked below), and I think the tech around building full-stack serverless apps just keeps getting better and better. I'm excited about the future of this space, and I'm hoping to get the chance to do a bit of innovating on how to do it well - stay tuned!

{% youtube Dq46zjjLkYg %}

_Hey, dev.to! I send out emails to my newsletter with new tutorials, resources, and my tips on leveling up in your dev career. No spam, I promise. [Join here!](https://www.bytesized.xyz/newsletter)_

One more thing: [check out our new Facebook Group "Awesome Web Development"!](https://www.facebook.com/groups/awesomewebdev/)
OpenCV Python Tutorial: Computer Vision With OpenCV In Python
Tags: python, machinelearning, tutorial
Published: 2019-10-05 03:15:10

Computer Vision is an AI based, that is, Artificial Intelligence based technology that allows computers to understand and label images. Its now used in Convenience stores, Driver-less Car Testing, Security Access Mechanisms, Policing and Investigations Surveillance, Daily Medical Diagnosis monitoring health of crops and live stock and so on and so forth..

A common example will be face detection and unlocking mechanism that you use in your mobile phone. We use that daily. That is also a big application of Computer Vision. And today, top technology companies like Amazon, Google, Microsoft, Facebook etc are investing millions and millions of Dollars into Computer Vision based research and product development.

Computer vision allows us to analyze and leverage image and video data, with applications in a variety of industries, including self-driving cars, social network apps, medical diagnostics, and many more.

As the fastest growing language in popularity, Python is well suited to leverage the power of existing computer vision libraries to learn from all this image and video data.

**What you'll learn**
* Use OpenCV to work with image files
* Perform image manipulation with OpenCV, including smoothing, blurring, thresholding, and morphological operations.
* Create Face Detection Software
* Detect Objects, including corner, edge, and grid detection techniques with OpenCV and Python
* Use Python and Deep Learning to build image classifiers
* Use Python and OpenCV to draw shapes on images and videos
* Create Color Histograms with OpenCV
* Study from MIT notes and get Interview questions
* Crack image processing limits by developing Applications.

{% youtube u9ogVfao4Os %}
Finding Github "Help Wanted" Issues
Tags: bash, github, showdev
Published: 2019-10-08 14:00:30

Always searching the same handful of Github organizations looking for "Help Wanted" issues? Tired of finding out everything in the repository that needs help is in a language you can't hack-on confidently? Let's build a custom RSS feed with Github Actions to prowl for issues in known organizations and repos that host our languages. 

*This project has been converted to a template repo!* 

Just set a secret called `TOKEN` and clone this repo to get started! [Organizations to watch](https://github.com/botonomi/RSS/blob/gh-pages/.github/workflows/RSS.yml#L22) and [languages to filter-on](https://github.com/botonomi/RSS/blob/gh-pages/.github/workflows/RSS.yml#L23).

~~* Register for Github Actions if you haven't already.~~
~~* Add a Github Actions secret called "TOKEN" with a personal access token scoped to write repo data~~
~~* Fork [this project](https://github.com/botonomi/rss)~~
~~* Make sure that Github Pages are enabled for your fork~~
~~* You'll probably want to tweak the `LANGUAGES` and `ORGS` values at the top of `v3-feed.sh`, but maybe you're a bash/python/go hobbyist yourself.~~
~~* After the first run completes you should have an RSS feed of interesting puzzles at https://$YOUR_GITHUB_NAME.github.io/rss/feed.xml~~
Why Opera Browser is Using Webcam?
Tags: security, privacy, discuss
Published: 2019-10-17 09:00:51

---
title: Why Opera Browser is Using Webcam?
published: true
description: 
cover_image: https://thepracticaldev.s3.amazonaws.com/i/ypmm9kxmv3j5cdwfcm6n.png
tags: security, privacy, discuss
---

I realized many times that Kaspersky is warning me whenever I open Opera browser that it starts using the webcam!

![opera cam](https://thepracticaldev.s3.amazonaws.com/i/zyzv12gcoeonqnoiozwa.png)

### Opened pages

All are usual pages that do NOT require webcam functionalities, like: Asana, ZenHub, Twitter, Facebook... etc

### Plugins

I checked my plugins, and it's kinda empty just those:

1. Install Chrome Extensions (by Opera Software).
2. Opera Ad Blocker (official plugin form Opera).
3. WordWeb Dictionary Lookup.

### Why I use Opera?

Well, it's super light (memory and CPU) comparing to Google Chrome.

But I recently feel really concerned about why it uses the camera without showing any permission dialog.

I hope to see where I'm wrong at this.
A complete <dev> guide for better buttons
Tags: buttons, guide, a11y, bestpractices
Published: 2019-10-17 09:10:44

---
title: A complete <dev> guide for better buttons
published: true
description: Better approach to make buttonf -- for all.
tags: buttons, guide, accessibility, best-practices
---

Buttons are one of the most simple, yet deeply fundamental and foundational building blocks of the web. Click a button, and you submit a form or change the context within the same page. But there is a lot to know from the HTML implementation and attributes, styling best practices, things to avoid, and the even-more-nuance implementations of the buttons — links and button-like inputs.

This article covers, building —
- Links,
- Buttons,
- and Button-like Inputs

We’re going to deep-dive into all three of them, and for each, dig into the 🏗️ HTML implementations, 🖌 CSS and ⚙️ JS considerations, ❤️ Accessibility information, and ‼️ Pitfalls/Bad practices. By covering all that, we’ll have a better UX implementation of each.

Read more here: -- 

{% medium https://codeburst.io/a-complete-dev-guide-for-better-buttons-b2efb773a5ef %}
Follow These Instructions and I guarantee you that You will get a high-paying job in 2019-20
Tags: webdev, career, beginners, codenewbie
Published: 2019-10-17 11:09:56


##online presence
If you are using http://Twitter.You are getting latest updates and in common life you cannot talk to big names of dev community but with Twitter you can easily connect to big names like Chris courier,Sara Souiden.Other than 75% of companies post jobs on Twitter.There is a very large community working an Twitter called #100daysofcode.This hashtag helps junior web developers to debug their code and share their journey.

___
Your portfolio is minimal and easy to use. A contact form on your portfolio is a must have,it is the most easy way to connect to developer. Place a headshot picture on the portfolio.Your portfolio at least three projects of your own(No template).If these things are available in your portfolio**then no one can stop you to get job**Try to contribute to open source project and maintain your Github profile. Your code must be clean and readable. Try to use comment most of time and descriptive commits. 60% of recruiters give job to people  by seeing their code on Github.

___
*Another*.Tip:Use personal domains like .com or .dev don,t use long domains or sub-domain like http://blabla.netlify.com .

___
##Blogging
You are using dev rightnow because dev is best posting or reading community. You can post article by this you can easily reach thousand of people. Start blogging right now. It can really get you a job.

___
You email must be simple. Never use any number in your email. Your email name will be professional if your portfolio domain is same as your email. If your name is  it available you can simple adjectives like."Simple"or"Just"before your name.

___
This is my ordinary post if you want to read my other ordinary posts like this you can read then here:

 - [https://dev.to/the_ibrahim_/my-bad-experience-with-bootstrap-details-about-bulma-css-framework-13p4](https://dev.to/the_ibrahim_/my-bad-experience-with-bootstrap-details-about-bulma-css-framework-13p4)
 - [https://dev.to/the_ibrahim_/learn-git-and-github-in-just-1-article-1l7a](https://dev.to/the_ibrahim_/learn-git-and-github-in-just-1-article-1l7a)
 - [https://dev.to/the_ibrahim_/css-positions-the-most-difficult-concepts-explained-in-a-very-simple-way-35ob](https://dev.to/the_ibrahim_/css-positions-the-most-difficult-concepts-explained-in-a-very-simple-way-35ob)

___
My name is Ibrahim shahid memon. I am a front-end web developer.I am following all of this instructions personally

___
I am kind a active an Twitter:[https://twitter.com/the_ibrahim_](https://twitter.com/the_ibrahim).
My GitHub Graveyard 2019
Tags: graveyard
Published: 2019-10-17 12:28:42

---
title: My GitHub Graveyard 2019
published: true
description: 
tags: graveyard
---

Following [last year's trend](https://dev.to/avalander/my-github-graveyard-172b), I've been reviewing my abandoned projects on GitHub. It has not been a good year for personal projects, but I've managed to complete zero projects and abandon at least three, and I want to share the things that I have failed to build.

# Cookie Friend

[Cookie Friend](https://github.com/Avalander/cookie-friend) is a Firefox add-on to automate manual work on the arguably most famous online game ever: [Cookie Clicker](http://orteil.dashnet.org/cookieclicker/). I don't think I ever published it, but it was functional and had some neat tricks when I abandoned it.

# Meerkat

[Meerkat](https://github.com/Avalander/meerkat) was supposed to be a minimalist web framework. I implemented a very simple functional state management on top of [snabbdom](https://github.com/snabbdom/snabbdom). I wanted to change the virtual DOM library to [superfine](https://github.com/jorgebucaran/superfine) and iterate over the API for asynchronous effects, but at least I got it to work with a couple of simple examples.

# Minuette

[Minuette](https://github.com/Avalander/Minuette) is a Todo list CLI tool that I built to use as an example in my [Introduction to unit testing with tape](https://dev.to/avalander/introduction-to-unit-testing-with-tape-the-basics-1an5) series. I never published the second part of the series (maybe I'll do before the year ends).
Kubernetes Patterns : The Stateful Service Pattern
Tags: kubernetes, devops, docker, opensource
Published: 2019-10-17 13:03:06

Stable Network Identity.
If you have a pet, you must give it a name so that you can call it. Similarly, a stateful application node must have a well-defined hostname and IP address so that other nodes in the same application knows how to reach it. A ReplicaSet does not offer this functionality as each Pod receives a random hostname and IP address when it starts or is restarted. In stateless applications, we use a Service that load-balances the Pods behind it and offers a URL through which you can reach any of the stateless Pods. In a stateful app, each node may want to connect to a specific node. A ReplicaSet cannot serve this purpose.
Learn more about Kubernetes Stateful Service Patterns: https://www.magalix.com/blog/kubernetes-patterns-the-stateful-service-pattern
4 Steps to Self-Hosted Fonts in Gatsby
Tags: react, css, javascript
Published: 2019-10-17 22:53:56

I finally got around to setting up fonts for my site, but everywhere I looked were articles that  overly complicated self-hosting fonts in Gatsby. Here's the easy 4-step process I used for my blog.

1 - place your font files in `static/fonts/`.
2 - create a `fonts.css` in the same directory and add your css font face rule(s). Mine looks like this:
```css
        @font-face {
          font-family: "Lato";
          src: url("Lato-Regular.otf");
        }
        
        @font-face {
          font-family: "Dank Mono";
          src: url("DankMono-Regular.otf");
        }
```

3 - add `gatsby-plugin-web-font-loader` with either npm or yarn (don't forget to `--save`!).
4 - add the plugin to your `gatsby-config.js` inside the plugins array. Here's mine:
```javascript
        {
          resolve: "gatsby-plugin-web-font-loader",
          options: {
            custom: {
              families: ["Lato, Dank Mono"],
              urls: ["/fonts/fonts.css"],
            },
          },
        },
```
That's it!