teleren/devto huggingface dataset:
The Best Way To Learn To Code Better In 3 Questions
Tags: beginners, codenewbie
Published: 2019-10-08 21:21:04

Earlier in my code journey (right now is still super-early) I committed to not learning the hard way. I didn't want to retreat from my friends and life to grind out learning to code. I believe life should be enjoyed, even the hard parts. Especially the hard parts.

I need advice from those who've been through the ringer. The hackers, the veterans, the fellow newbies who spent weeks learning what could have been hours.

So I thought hard. I want to pre-solve the problems I KNOW I'm going to have over and over again. Education should be lifelong so you have a choice. Make your recursive learning a facesmash keyboard, burn out every 6 months, and feel like your flailing against an under current. But I prefer the 2nd option.

Begin living your life as if it were important. Take it seriously. Create it intentionally. Create yourself a smooth loop to go through and just keep on swimming.

Here are my questions. Please pass on your wisdom.

1. How do you get educated about how to use a new codebase or product?

2. What problems do you have when learning to use a new codebase or product?

3. What do you do when you get stuck at confusing documentation?

Do you think I'm asking the right questions? Let me know in the comments.
Call for DEV Contributors: Posts on front page do not load until scrolled down 🐛
Tags: hacktoberfest, contributorswanted
Published: 2019-10-08 21:01:30

---
title: Call for DEV Contributors: Posts on front page do not load until scrolled down 🐛
published: true
description: 
tags: hacktoberfest, contributorswanted
---

_In the spirit of Hacktoberfest, I'll be regularly highlighting issues in the DEV repo that we could use some help with._

The issue I'd like to highlight today is a tricky bug we haven't been able to sort out. We've had many reports from logged in users that their DEV home feed is not loading properly:

{% github https://github.com/thepracticaldev/dev.to/issues/1805 %}

Any additional eyes would be greatly appreciated here.
Internet das Coisas
Tags: iot, arduino, internetdascoisas
Published: 2019-10-09 00:32:07

---
title: Internet das Coisas
published: true
date: 2019-10-08 20:52:28 UTC
tags: IoT,arduino,internetdascoisas,iot
canonical_url: https://marquesfernandes.com/2019/10/08/internet-das-coisas/
---

Internet das coisas (do inglês: Internet of Things, **IoT** ) é um conceito que se refere ao modo como objetos físicos estão conectados e se relacionam com o ambiente, entre si e com o ser humano. Basicamente qualquer dispositivo físico com a capacidade de conectar e transmitir dados pode ser considerado um **IoT**.

O conceito ‘Internet das coisas’ foi proposto em 1999, por Kevin Ashton, no Laboratório do MIT, onde se realizavam pesquisas no campo da identificação por radiofrequência em rede (RFID) e tecnologias de sensores. Atualmente, a expressão ‘Internet das coisas’ designa a conexão avançada de dispositivos, de sistemas e de serviços. Ultrapassa o conceito tradicional [M2M](https://pt.wikipedia.org/wiki/M2M) do _máquina a máquina_ e abarca uma ampla variedade de protocolos, domínios e aplicações. ([_Wikipedia_](https://pt.wikipedia.org/wiki/Internet_das_coisas))

Estou explicando resumidamente o que é **IoT** para estrear uma nova categoria no blog. Para quem não sabe comecei a programar quando era bem novo, por volta dos 12 anos na aula de robótica, na época as aulas eram ministradas com o uso do [Lego Mindstorms](https://pt.wikipedia.org/wiki/LEGO_Mindstorms) (momento nostalgia) e desde então tem sido uma paixão minha montar robozinhos.

O post [Internet das Coisas](https://marquesfernandes.com/2019/10/08/internet-das-coisas/) apareceu primeiro em [Henrique Marques Fernandes](https://marquesfernandes.com).
How to develop WordPress sites no matter where you are
Tags: php, wordpress
Published: 2019-10-08 20:42:55

It is my first article, so, sorry if I make mistakes :D

## Table Of Contents
* [Why I developed it?](#chapter-why)
* [To who is it?](#chapter-who)
* [Features](#chapter-features)
* [Free vs Subscription](#chapter-paid)
* [Backlog](#chapter-backlog)

### Why I developed it? <a name="chapter-why"></a>
I am a developer, but sometimes I use different online services.
For example to develop WordPress sites I was used different online platforms. 

Why I used it ? Because I want to develop from my computer or from my work laptop, or whatever I am, without having a local environment and the data into my computer. And also, to pass url to my client without having my computer sharing connection and without using my hostings.

Why I created DemosWP?
Because some online services went 100% paid services. And I want to have and offer at minimun 1 site free to could develop and test online.
So, after some different steps and stages, I create and put online this platform.



### To who is this? <a name="chapter-who"></a>
This platform is ideal for:
- people who are learning
- people who want to try something quickly online without having to install anything
- people who work from different places or computers
- teachers who want to give their students a place to learn without having to have knowledge of installing a local environment or acquiring a hosting
- people who work as a team and want to have a place in common to work at the same time


### Features <a name="chapter-features"></a>
Features that the platform has at this moment:
- Create sites with a few clicks
- Install plugins and themes with the same site creation form
- Import dummy content to have site with fake content and doesn't have it empty (WooCommerce dummy products too)
- FTP and MySQL access
- etc


### Free vs Subscription <a name="chapter-paid"></a>
At the beggining the platform was 100% free. But I have a big problem that another services doesn't have. More user require more and more resources (servers disk size, cpu, memory, etc).
And only with sponsors I couldn't cover these expenses, so, I need to add paid subscriptions and limit free accounts (sites amount and features enabled).


### Backlog <a name="chapter-backlog"></a>
I want to add more features in the close future.
Like this:
- clone site with few click
- import sites backups with a few clicks
- migrate site to hosting (using mysql and ftp connection)
- add ssl to all sites
- create blueprints and create new sites using that
- create new sites based on complete templates ready to use
- and more



You could use it here:
https://demoswp.dev



Thanks !
Embed Data Studio Report on a webpage
Tags: data, database, datastudio, analytics
Published: 2019-10-08 19:43:39

Embedding your Data Studio dashboard on your site couldn’t be easier. It only takes a few steps! The only requirement is that your website or app supports the HTML iframe.

Here is the video link
https://youtu.be/6WfPESVsnBU

Don't forget to subscribe to my channel and my newsletter https://www.getrevue.co/profile/DataKnight

You can support me by becoming a Patreon https://www.patreon.com/user?u=22486794
Natural Language Processing
Tags: todayilearned, nlp
Published: 2019-10-08 18:42:10

---
title: Natural Language Processing
published: true
tags: til,beginner,nlp
canonical_url: 
---

NLP is a branch of computer science that allows computers to understand Human Language.Using NLP we are able to derive meaningful insights and use them in practical applications such as ChatBots,Spam filtering,spell check ,making `google` search better and the list goes on ….

NLP has few steps such as

- `Tokenization`
- `Stemmation`.
- `Lemmetization`.
- `POS Tags`(Parts of Speech).
- `Named Entity Recognition`.
- `Chunking`.

### Tokenization

Tokenization is the first step of the NLP process. It’s process of splitting text into minimal meaningful units so our machine can understand.[Furthermore Read](https://nlp.stanford.edu/IR-book/html/htmledition/tokenization-1.html)

### Stemmation

In simplest terms Stemmation is a process of getting a root word. For instance if there are words such as `Plays`,`Played`,`Playing` for this example the root word is `Play`. Stemming is usually done by stripping the prefixes and suffixes from the words.

**Further Read**

- [Link 1](https://nlp.stanford.edu/IR-book/html/htmledition/stemming-and-lemmatization-1.html).
- [Link 2](https://www.datacamp.com/community/tutorials/stemming-lemmatization-python).

### Lemmetization

Lemmetization is more sophisticated technique compared `stemmation`. As we know stemmation just gets the root word for instance words like `car` wont be matched with `automobile` when doing `stemmation`. But in case of `lemmmetization` `car` will be matched with `automobile`. In lemmatization, the part of speech of a word should be first determined and the normalisation rules will be different for different part of speech.

**Note** : `Stemmation` only strips down words to root words while stripping prefixes and suffixes. While lemmatization will put together words by the use of correct vocabulary. For instance , `car` will be matched with `automobile`. or `truck` will be matched with `lorry`.

**Further Read**

- [Link 1](https://nlp.stanford.edu/IR-book/html/htmledition/stemming-and-lemmatization-1.html)
- [Link 2](https://textminingonline.com/dive-into-nltk-part-iv-stemming-and-lemmatization)

### POS

Tagging words with correct parts of speech.

### Named Entities.

This process is related to defining the named entities in the text. For instance Mark Zuckerburg is the CEO of Facebook. In this examples `Mark Zuckerburg` and `Facebook` is a named entity.

### Chunking

Chunking is a process of extracting phrases from unstructured text. Instead of just simple tokens which may not represent the actual meaning of the text, its advisable to use phrases such as “South Africa” as a single word instead of ‘South’ and ‘Africa’ separate words.

\*\* Further Read \*\*

- [Link](https://medium.com/greyatom/learning-pos-tagging-chunking-in-nlp-85f7f811a8cb)
Mozilla launches a new Developer YouTube Channel, TypeScript 3.7 Beta and Faster V8 regular expressions | Front End News #21
Tags: news, frontendnews
Published: 2019-10-08 18:22:53

Hello everyone and welcome to another (very short) round of Front-End News. This has been my first week at my new full-time job in an office after two years of remote work and freelancing from the comfort of my home. As you can imagine, this is wreaking havoc with my available time and energy levels. 

Long story short, here are the main events that happened over the last week. Enjoy!

***

## Presenting the Mozilla Developer YouTube Channel

![Mozilla Developer YouTube Channel cover](https://thepracticaldev.s3.amazonaws.com/i/vkadldufqr8kc1a7zszk.jpg)

Mozilla started a brand new YouTube channel dedicated to developers everywhere. You will be able to find short videos, articles, demos, and tools that teach web technologies and standards, browser tools, compatibility, and more. There are already a fair number of videos uploaded, with more expected to arrive soon.

- https://hacks.mozilla.org/2019/10/video-shorts-from-mozilla-developer/
- https://www.youtube.com/channel/UCh5UlGiu9d6LegIeUCW4N1w

***

## What's coming in TypeScript 3.7 Beta

We are getting a sneak peek at the new features coming with TypeScript 3.7 Beta thanks to an article published by the development team. Here is a quick listing of what to expect:

- optional chaining
- nullish coalescing
- assertion functions
- better support for never-returning functions
- recursive type aliases

and a lot more things that you can find in the article linked below.

- https://devblogs.microsoft.com/typescript/announcing-typescript-3-7-beta/

***

## Improving V8 regular expressions

The V8 team made some great progress in improving the execution of regular expressions. I can frankly admit that most of the technical details are way above my level of understanding. But if you are deeply interested in the ways browser engines work, this can be a very interesting lecture.

- https://v8.dev/blog/regexp-tier-up

***

## Software updates and releases

This week I am highlighting updates for a bunch of software packages. In each case, you can find the full details in the release notes linked down below.

### Safari Technology Preview 93

- https://webkit.org/blog/9600/release-notes-for-safari-technology-preview-93/

### NuxtJS v2.10.0

- https://github.com/nuxt/nuxt.js/releases/tag/v2.10.0

### Next.js v9.0.7

- https://nextjs.org/blog/next-9-0-7

### Node-RED v1.0

- https://nodered.org/blog/2019/09/30/version-1-0-released

### Preact X

- https://github.com/preactjs/preact/releases/tag/10.0.0


***

That’s all there is in this edition. Follow Front End Nexus on Twitter at https://twitter.com/frontendnexus to be notified as soon as a new update happens. I also want to encourage you to subscribe to the YouTube channel at https://www.youtube.com/channel/UCgACtqiDmnSaskDIBsK54ww. I can unlock some more options once the channel hits 100 subscribers, so your support is highly appreciated.

Have a great and productive week and I will see you next time!
Tech Talk: Debugging AWS Lambda functions with VSCode
Tags: vscode, visualstudiocode, debugging, productivity
Published: 2019-10-08 18:13:45

---
title: Tech Talk: Debugging AWS Lambda functions with VSCode
published: true
description: Simple and Effective Hacks to Automate Debugging on VSCode
tags: vscode, visualstudiocode, debugging, productivity
cover_image: https://thepracticaldev.s3.amazonaws.com/i/sgipfcr7pgpyrrq4tgg5.jpg
---

Last week I co-hosted a [Tech Talk on simple and effective hacks to automate VSCode](https://www.youtube.com/watch?v=OUpUmWA0ae0&t=132s) and save a ton of time when debugging serverless apps:

{% youtube OUpUmWA0ae0 %}

If you like the content, please thank our supporters:

* [Dashbird](https://dashbird.io/?utm_source=dev.to&utm_medium=referral&utm_campaign=article&utm_content=tech-talk) - Leading serverless monitoring platform +250,000 functions monitored and counting!
* [Moesif](https://www.moesif.com/?utm_source=dev.to&utm_medium=article&utm_campaign=dashbird-tech-talk) - Your #1 partner in API analytics and monitoring

[Kay](https://dev.to/kayis) has already [shared on his profile](https://dev.to/kayis/tech-talk-debugging-aws-lambda-functions-with-vscode-4mbm), but I wanted to replicate to you and others following my posts as well.

Thanks, [Kay](https://dev.to/kayis)! Those are really helpful tips to improve our productivity.
Star ratings in Elm
Tags: elm, webdev
Published: 2019-10-08 18:07:15

---
title: Star ratings in Elm
published: true
description: 
tags: elm, webdev
---

How do you build components or widgets or reusable views in Elm?

I've often wondered how to do it but never actually did it in Elm. However, last week I decided to take up the challenge and build a reusable rater for Elm.

I watched the [API design session](https://www.youtube.com/watch?v=KSuCYUqY058) that Evan and Greg recorded a long time ago in 2016. It was an arduous but worthwhile task. Many nuggets of wisdom is littered throughout that video.

I reviewed the code for [elm-sortable-table](https://github.com/NoRedInk/elm-sortable-table) and [line-charts](https://github.com/terezka/line-charts).

And all that preparation got me ready to take on my small challenge.

Here's a [demo](https://dwayne.github.io/elm-rater/) of what I was able to achieve.

And, here's the [code](https://github.com/dwayne/elm-rater) for it.

Your constructive feedback is more than welcomed.
Styling a TextView with GTK and Vala
Tags: vala, gtk, styling
Published: 2019-10-08 18:04:00

This might seem a trivial task.  And it should be.  But I'm new to Vala programming, and new to GTK.  For the life of me I couldn't work out how to do this.  I searched high and low on the web to get the answer I needed, but to very little avail!

But finally, I figured it out - so I thought I'd make a little post.

The problem.  I wanted to style a TextView - sounds simple.

So, here it is.

```
        var style = """
            textview text {
                background-color: #131c16;
                color: #3ce85c;
            }
        """;

        var css_provider = new Gtk.CssProvider();
        
        try {
            css_provider.load_from_data(style, -1);
        } catch (GLib.Error e) {
            warning ("Failed to parse css style : %s", e.message);
        }

        Gtk.StyleContext.add_provider_for_screen (
                Gdk.Screen.get_default (),
                css_provider,
                Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION
            );
```

For full context - go see the github repository - https://github.com/opensussex/gtk-textview
Finishing third party integration - Building SaaS #9
Tags: python, django, saas
Published: 2019-10-08 18:02:43

{% youtube WzDsImiO7b8 %}

In this episode, we finished off our integration with Prompt.  To finish the integration, we changed the background web scraping task to send an email when changes happen.  We also discussed how we're going to build out an admin dashboard for managing back office processing.

Show notes for this stream are at [Episode 9 Show Notes](https://www.mattlayman.com/building-saas/finishing-third-party-integration/).

To learn more about the stream, please check out [Building SaaS with Python and Django](https://www.mattlayman.com/building-saas/).
Breadcrumbs - Semantics and Accessibility
Tags: discuss, ui, a11y, html
Published: 2019-10-08 17:15:32

I started a new weekly series called **CSS Challenges**, where every Monday there is a different feature or element to implement. The goal is to encourage people to practice their css by doing and to also discuss different ways to achieve the task. This week's topic is [Breadcrumbs](https://dev.to/mikister2012/css-challenges-1-breadcrumbs-1dn8).

{% link https://dev.to/mikister2012/css-challenges-1-breadcrumbs-1dn8 %}

At the end of each week I'll be posting a separate post giving examples of different implementations from submissions and trying my best to explain how they work and the logic behind.

Now, even though it is a css challenge, we can't just ignore other aspects of web development. I am somewhat familiar with html semantics, but far from expert, and a total newbie when it comes to accessibility.

The plan is to include in the post with solutions, some general tips and things to watch out for when it comes to semantics and accessibility. So, alongside my own research that I'll be doing, I wanted call everyone to pitch in and give their tips, dos and do-nots when it comes to Breadcrumbs. Things like recommended html structure, what tags to use, what attributes should be included or not, etc. are welcome.

Also it'd be nice if you could provide references to official specs and documentation that's related to your arguments, but it's optional.
If you get "Something went wrong installing the "sharp" module The specified procedure could not be found. in Gatsby"
Tags: gatsby
Published: 2019-10-21 10:36:13

---
title: If you get "Something went wrong installing the "sharp" module The specified procedure could not be found. in Gatsby"
published: true
date: 2019-10-08 17:12:33 UTC
tags: #gatsby
canonical_url: https://darraghoriordan.com/2019/10/08/something-went-wrong-installing-sharp-gatsby/
---

Here is what I had to do on windows to make this work

<!-- end excerpt -->
1. Upgrade to the latest node from [https://nodejs.org](https://nodejs.org/)
2. Upgrade yarn - `npm upgrade -g yarn`
3. 

Clear the yarn cache - `yarn cache clean`

When you change the version of node you might need to rebuild a bunch of packages to match the new version. First you have to clean out the cache. This also resolves the error associated with “Incorrect integrity when fetching from the cache”

4. Reinstall the packages associated with sharp

```
yarn add gatsby-plugin-sharp gatsby-plugin-manifest gatsby-transformer-sharp gatsby-transformer-sqip
```
Train Googles #3 optimize dataURI images
Tags: webdev, javascript
Published: 2019-10-08 16:54:47

Well let's see, you have your canvas 👩‍🎨, you have encoded the output to base64 jpeg... Stop! Before you make a huge massive string which actually adds more weight as base64 maybe think about formats for a moment. .webp is Google's darling image format which promises to see large reductions to overall size with lossless quality, in practical terms it might make the image a tiny bit more blury but honestly I can't tell, even with my glasses on 👓.

https://developers.google.com/speed/webp

So because I googled it I know and so will you, you can set a canvases dataURI format to webp, effectively counteracting the bloat in theory. But by how much I'm not certain 👨‍🔬 having niether the will to do so. This is a theoretical post because I'm lazy today.

Okay you have a lovely big optimized string, what if you could stage it in such a way that this base64 image didn't appear in the Dom? What if it looked more like a URL?

Enter: `URL.createObjectURL(blob);`

https://stackoverflow.com/questions/16245767/creating-a-blob-from-a-base64-string-in-javascript

Boom, this works.

Okay but what if my browser doesn't support webp?

David Walsh to the rescue!

https://davidwalsh.name/detect-webp

So that's cool isn't it, I had less time to explain all this, this time was a fast train.
Data Lake vs Data Warehouse
Tags: bigdata
Published: 2019-10-08 16:46:11

---
title: Data Lake vs Data Warehouse
published: true
description: the concepts of Data Lake and Data Warehouse
cover_image: https://thepracticaldev.s3.amazonaws.com/i/huqxs7ti9lwanh40xdlh.jpg
tags: #bigdata
---

For a long time, I do not understand the concepts of Data Lake and Data Warehouse. It seemed to me that they are the same thing — a data storage where I can find needed data and process it for my purposes.

I wasn't wrong but there is a difference. 

Data Warehouse supports the flow of data from operational systems to analytics/decision systems by creating a single repository of data from various sources (both internal and external). In most cases, a Data Warehouse is a relational database that stores processed data that is optimized for gathering business insights🔍. It collects data with predetermined structure and schema coming from transactional systems and business applications, and the data is typically used for operational reporting and analysis.

𝐹𝑜𝑟 𝑒𝑥𝑎𝑚𝑝𝑙𝑒, 𝑙𝑒𝑡’𝑠 𝑠𝑎𝑦 𝑦𝑜𝑢 ℎ𝑎𝑣𝑒 𝑎 𝑟𝑒𝑤𝑎𝑟𝑑𝑠 𝑐𝑎𝑟𝑑 𝑤𝑖𝑡ℎ 𝑎 𝑔𝑟𝑜𝑐𝑒𝑟𝑦 𝑐ℎ𝑎𝑖𝑛. 𝑇ℎ𝑒 𝑑𝑎𝑡𝑎𝑏𝑎𝑠𝑒 𝑚𝑖𝑔ℎ𝑡 ℎ𝑜𝑙𝑑 𝑦𝑜𝑢𝑟 𝑚𝑜𝑠𝑡 𝑟𝑒𝑐𝑒𝑛𝑡 𝑝𝑢𝑟𝑐ℎ𝑎𝑠𝑒𝑠, 𝑤𝑖𝑡ℎ 𝑎 𝑔𝑜𝑎𝑙 𝑡𝑜 𝑎𝑛𝑎𝑙𝑦𝑧𝑒 𝑐𝑢𝑟𝑟𝑒𝑛𝑡 𝑠ℎ𝑜𝑝𝑝𝑒𝑟 𝑡𝑟𝑒𝑛𝑑𝑠. 𝑇ℎ𝑒 𝑑𝑎𝑡𝑎 𝑤𝑎𝑟𝑒ℎ𝑜𝑢𝑠𝑒 𝑚𝑖𝑔ℎ𝑡 ℎ𝑜𝑙𝑑 𝑎 𝑟𝑒𝑐𝑜𝑟𝑑 𝑜𝑓 𝑎𝑙𝑙 𝑜𝑓 𝑡ℎ𝑒 𝑖𝑡𝑒𝑚𝑠 𝑦𝑜𝑢’𝑣𝑒 𝑒𝑣𝑒𝑟 𝑏𝑜𝑢𝑔ℎ𝑡 𝑎𝑛𝑑 𝑖𝑡 𝑤𝑜𝑢𝑙𝑑 𝑏𝑒 𝑜𝑝𝑡𝑖𝑚𝑖𝑧𝑒𝑑 𝑠𝑜 𝑡ℎ𝑎𝑡 𝑑𝑎𝑡𝑎 𝑠𝑐𝑖𝑒𝑛𝑡𝑖𝑠𝑡𝑠 𝑐𝑜𝑢𝑙𝑑 𝑚𝑜𝑟𝑒 𝑒𝑎𝑠𝑖𝑙𝑦 𝑎𝑛𝑎𝑙𝑦𝑧𝑒 𝑎𝑙𝑙 𝑜𝑓 𝑡ℎ𝑎𝑡 𝑑𝑎𝑡𝑎.


Although data warehouses can handle unstructured data, they don’t do so in the most efficient manner. With so much data out there📈 , it can get expensive to store all of your data in a database or a data warehouse. Also, data that goes into data warehouses need to be processed before it gets stored — with today’s massive amount of unstructured data, that could take significant time and resources. In response, businesses started maintaining Data Lakes, which store all of an enterprise’s structured and unstructured data at scale in the most cost-effective manner possible. Data Lakes store raw data, and could be set up without having to first define the data structure and schema.

Data Lakes allow users to run analytics without having to move the data to a separate analytics system.

[AWS post on the topic](https://aws.amazon.com/…/datalakes-and…/what-is-a-data-lake/)

*Photo by Tom Gainor on Unsplash*

------


**Thank you for reading!**

Any questions? Leave your comment below to start fantastic discussions!

Check out [my blog](https://luminousmen.com/) or come to say hi 👋 on [Twitter](https://twitter.com/luminousmen) or subscribe to [my telegram channel](https://t.me/iamluminousmen).
Plan your best!