teleren/devto huggingface dataset:
How Banking and Insurance Companies can innovate their First-party data? 
Tags: database, challenge, experience, customerdata
Published: 2020-05-21 09:58:09

With the advent of digital technology, the financial services sector has evolved beyond imagination in recent times. First-party data has been considered as a growth driver for data-driven marketing. 

Banking and Insurance companies are sitting on a gold mine of [first-party data](https://www.lemnisk.co/blog/first-party-data-innovation/). This data contains detailed information such as the customer’s buying propensity, online activity, and behavior, digital channel affinity, etc.

However, marketers have a colossal challenge in unifying and aggregating first-party data as it resides across various data silos and sources. The data type is also quite diverse which includes unstructured data, semi-structured data, and structured data. 

Martech tools like Customer Data Platform (CDP) has the ability to ingest first-party data from disparate sources and unify it to provide a single view of each individual customer. Using these unified user profiles, marketers can target end-users on their own assets like websites and applications with customized messages in the context of their search.

Some of the leading financial institutions have started innovating their first-party data in which the results were;

1. 9X Increase in digital engagement 
2. 8X conversions in website leads

This was achieved by doing, 
1. Easy Data Integration
2. Real-time responses
3. Orchestrating 1:1 user-level personalization
[Virtual Classroom]
Tags: octograd2020
Published: 2020-05-21 09:57:23

## My Final Project
I build a virtual classroom where students can learn as well as interact with each other using VR Glasses from any location.

Code:
https://github.com/ArpanSamariya/vr_classroom

## How I built it?
I used A-frame along with WebVR and WebSockets.

It made me happy to build something valuable.

[Final Note]: # (CONGRATULATIONS!!! You are amazing!)
Visual Studio Code Extensions You Might Not Know 
Tags: visualstudiocode, extensions
Published: 2020-05-21 09:48:49

Visual Studio Code has exploded in popularity over the last few years. By default, it has lots of features, but we can also download extensions to add almost any type of feature we need.

I have used VS Code for a few years now, but there is always something to learn from others. I recently asked on Twitter for everybody's top 3 extensions, hoping to uncover some hidden gems, and I think I did just that.

Why top 3? This was intentional. Yes, most of us have many more installed, but limiting it to 3 makes people think about what is really important. 

There was lots of extensions which got 1-2 votes, as you would expect, but also some emerging patterns too. If you want to find any of these extensions, open up VS Code, click on the extensions icon in the sidebar, and use the search box. 

Before we get started, you may notice a popular extension called Emmet is missing. This was a popular choice, but is now built into VS Code, so I have left this one off.

### Top Picks

* Live Server
* Prettier
* Git Lens
* Bracket Pair Colorizer

These 4 were the most chosen extensions, by far. The next group also got a good share of the votes too:

### Popular

* ES Lint
* Live Share
* Indent Rainbow
* Quokka
* Vetur
* Snippet packages- React, ES7, GraphQL, Redux, Angular etc
* Git Graph

These were also popular choices too, especially the snippets for different languages and frameworks.

Next, there was also a long list of extensions with only 1-2 votes, but also worth checking out too, you might just uncover a useful one for your type of work:

### Visual /color extensions

* Indented Block Highlighting
* Better Comments
* Rainbow Brackets
* Color Highlight
* VSCode Icons
* Notes
* TODO Highlight
* Emoji 
* Beautify
* VS Code Styled Components
* Peacock

### Improving workflow & productivity

* IntelliSense for CSS class names in HTML
* Code Spell Checker
* Bookmarks
* Settings Sync
* REST Client
* Remote Development
* WakaTime
* Project Manager
* Version Lens
* Error lens
* Spellchecker
* TODO Tree
* TabNine
* Turbo Console Log
* Import Cost
* Better Comments
* Polacode
* Live SASS Compiler
* Node Exec

### Automating tools

* Auto Rename Tag
* Auto Complete Tag
* Auto Close Tag
* Auto Import
* Auto Save (lots of different varieties, search for "save" )
* Path Autocomplete

### Markdown tools

* Markdown All in One
* Markdown Preview

### Vim Tools

* Vim
* Neo Vim

At the time of writing, a new tool called [Kite](https://kite.com/) has also been released which may be worth checking out. It is a powerful, auto complete tool which uses machine learning to provide intelligent suggestions. It is currently available for Javascript and Python users. 

Many of the above tools depend on your type of coding, but hopefully you will discover some new ones to help you out.
A Docker image with preinstalled tools for developing, formatting, linting,
building, testing and documenting Go projects
Tags: docker, go, productivity, devops
Published: 2020-05-21 09:44:48

# Docker Go

A Docker image with preinstalled tools for developing, formatting, linting,
building, testing and documenting Go projects.

Project site: https://gitlab.com/tymonx/docker-go

For GitLab CI: https://gitlab.com/tymonx/gitlab-ci

## Features

*   Pre-installed required tools for developing, formatting, linting, building, testing and documenting Go projects
*   Pre-installed the `mockgen` tool for generating mocks for testing
*   Formatting and validating Go source files imports with the `goimports` tool
*   Formatting and validating Go source files format with the `gofmt` tool
*   Validating Go source files errors with the `errcheck` tool
*   Linting Go source files with the `revive`, the `golangci-lint` and the `golint` tools
*   Building Go source files
*   Testing Go project
*   Generating Go coverage result, text and HTML reports
*   Generating JUnit test XML report for GitLab Merge Requests
*   Generating Cobertura coverage XML report for GitLab Merge Requests
*   Validating Go coverage value threshold with colorization
*   Colorizing Go imports and format validation with the `colordiff` tool
*   Colorizing Go tests with the `richgo` tool
*   Colorizing Go coverage results and format nicely with the `column` tool
*   Generating static HTML coverage report with the `go tool cover` tool

## Usage

Download the `docker-run.sh` helper script:

```plaintext
wget -O docker-run.sh https://gitlab.com/tymonx/docker-go/-/raw/master/docker-run.sh
```

Make it executable:

```plaintext
chmod a+x ./docker-run.sh
```

Run the `docker-run.sh` script without any arguments to work in Docker container:

```plaintext
./docker-run.sh
```

Or pass arguments to the `docker-run.sh` script to execute commands inside Docker container:

```plaintext
./docker-run.sh go build ./...
```

Use the `go-format` command to automatically reformat Go source files:

```plaintext
./docker-run.sh go-format
```

Use the `go-lint` command to run various Go linters on Go source files with enabled colorization:

```plaintext
./docker-run.sh go-lint
```

Use the `go-build` command to build Go source files. Equivalent to the `go build ./...` execution:

```plaintext
./docker-run.sh go-build
```

Use the `go-test` command to run tests and validate coverage result with enabled colorization:

```plaintext
./docker-run.sh go-test
```

All commands accept standard Go paths as additional arguments like `./`, `./...`, `<package-name>` and so on.
Netgear Wifi Range Extender setup Support And Guidance
Tags: netgearextendersetup, newextendersetup, netgearwifiextendersetup
Published: 2020-05-21 09:37:49

<a href="https://mywifiext-net.support/netgear-extender-setup/">Netgear wifi extender setup</a> are popular for their high-quality performance in boosting a wireless network for extremely large areas. In order to get the full benefits of your extender device, make sure you know how to properly get started with your <a href="https://mywifiext-net.support/netgear-extender-setup/">Netgear extender setup</a> guide. You can chat or call the toll-free number +1-866-606-3055 to get instant, expert assistance to get your <a href="https://mywifiext-net.support/netgear-extender-setup/">New extender setup</a> done in no time.
SPA vs SSR use cases?
Tags: discuss
Published: 2020-05-21 09:37:10

I can't quite wrap my head around when to build an app as a pure SPA and when it's better to use an SSR framework like Next.js, Nuxt.js, Sapper.

It's clear that it makes no sense to use an SSR framework for building a todo app, as it makes no sense to build your blog as pure SPA, or maybe there is? This is the thing. It feels that there is a **gray area** on when to use what.

If you look at the Next.js [website](https://nextjs.org/showcase) it feels like they mostly showcase heavy media sites as examples, but what about other apps? If we take [Dropbox Paper](https://paper.dropbox.com/) as an example, which approach would be the best to use for building an app like that?

Let's also rule out the SEO factor here as it doesn't apply to the app like Dropbox Paper, where most of the content is private.

Educate me! Give me your thoughts and personal stories. Show me what you have built using an SSR or SPA framework and please state the reasons behind your technology choices.
[Placeholder Title]
Tags: octograd2020
Published: 2020-05-21 09:36:08

[Comment]: # (All of this is placeholder text. Use this format or any other format of your choosing to best describe your project and experience.)

[Note]: # (If you used the GitHub Student Developer Pack on your project, add the "#githubsdp" tag above. We’d also love to know which services you used and how you used it!)

## Telegram @MemeMakerBot
A simple Telegram Bot that helps you create Memes - the current public Version is awaiting a big rework that will come after my finals.

This bot focuses on the more complex "Panel" Meme style, while still allowing the user to create a meme within a few clicks.



## Demo Link
 

## Link to Code

[Note]: # (Our markdown editor supports pretty embeds. If you're sharing a GitHub repo, try this syntax: `{% github link_to_your_repo %}`)

## How I built it (what's the stack? did I run into issues or discover something new along the way?)


## Additional Thoughts / Feelings / Stories


[Final Note]: # (CONGRATULATIONS!!! You are amazing!)
R Language - How to Create Shiny App Dashboard
Tags: beginners, tutorial, rlanguage, rdatascience
Published: 2020-05-21 09:32:46

R language allows you to create your own dashboard for data visualization and manipulation. For this you make use of the shiny package. 

You have to install shiny package, which you can do using the command below. 

```
install.packages("shiny")
```

After this you can follow the tutorial to learn how to create the shiny app. 

So check out how to create shiny app dashboard in R language. 


{% youtube 0SyFuX6Cbyo %}
Going serverless - Dota Clarity
Tags: octograd2020
Published: 2020-05-21 09:30:45

In a Cloud Computing class we were tasked with creating any small project of our liking that utilizes various cloud services. Having heard the buzzword 'serverless' many times I figured this could be a good opportunity to see what all the fuss is about. 

The idea was to create a simple website using the OpenDota API to retrieve match data and player stats for the game Dota 2. Users would sign up, view their matches and stats, and have the option to save matches to their favourites for when they next log in. It would be called Dota Clarity.

## Development process

With front end not being my forte, I set the goal of building a well designed backend that would be the key feature of the project (after all it was cloud project). I also wanted to avoid as many manual steps as possible. As a result, it was both of these ambitions which brought me to use the AWS Serverless Application Model framework (SAM).

I came to realise straight away how much easier it was defining all of my resources in a SAM template rather than manually creating everything in the AWS console. Making changes or adding new resources then became extremely fluid since I now had a single source of truth. Another great feature was that SAM even provided the ability to run the the serverless backend locally, so I was able to develop and test the entire project without deploying to AWS until everything was actually done!

By the end of development the application stack comprised of the following resources:
- **Cognito User Pool**: authentication, authorization, and user management.
- **DynamoDB**: table for all matches favourited by users.
- **Lambda Functions**: requests to OpenDota and DynamoDB, along with data transformation.
- **API Gateway**: REST API to expose match data.
- **S3**: hosts the Dota Clarity client.
- **Cloudfront**: delivers the web content.

Ultimately, going serverless was great as it allowed for rapid development without having to worry about provisioning and managing a dedicated server.

## Demo Link

deivy0c7gzbwn.cloudfront.net

## GitHub

In depth documentation can be found at the GitHub repo below.

{% github joshjon/dota-clarity %}
Chess 3.0
Tags: octograd2020
Published: 2020-05-21 09:29:45

[Comment]: # (All of this is placeholder text. Use this format or any other format of your choosing to best describe your project and experience.)

[Note]: # (If you used the GitHub Student Developer Pack on your project, add the "#githubsdp" tag above. We’d also love to know which services you used and how you used it!)

## My Minor Project
This project is the replica of Star Trek Tri-Dimensional Chess. If you have seen Star Trek, this is the same game that is being played in Season 1, Episode 2 by Kirk and Spock. If you have seen The Big Bang Theory, you must've seen Sheldon and Leonard playing a new kind of chess, which they saw in the star trek.

## Demo Link
You can download the game's executable file from the build folder of its GitHub repo `{% https://github.com/rohit21p/Chess-3.0-UE4 %}`. This was only built for Windows and I haven't tested it on software like wine and etc. The repo also contains few gameplay screenshots.

## Link to Code
The whole code is available at `{% https://github.com/rohit21p/Chess-3.0-UE4 %}`. 

[Note]: # (Our markdown editor supports pretty embeds. If you're sharing a GitHub repo, try this syntax: `{% github link_to_your_repo %}`)

## How I built it 
I have used Unreal Engine 4 and its Blueprints Visual Scripting system to make it. I did run into many issues along the way, I was facing difficulty in creating the chess pieces to look like I wanted, and then I used the chess pieces of other normal chess games available at GitHub which were also using the Unreal Engine. 
The intro video played before the game starts was taken from youtube which was available to be used for free, I changed the content using the Adobe After Effects and added it to my game.  
The rest of the game including the logic is built by me alone. 


## Additional Thoughts / Feelings / Stories
One day in my college, We were asked to come up with the idea of a project, which we will then pursue as the minor project. I didn't want to make something regular like every other student at the college and I came up with this idea of making the Star Trek tri-dimensional chess. I also had 2 teammates in this minor project, who helped me by giving the necessary motivation. When I took on the project, I had no idea what game development was, what technology to use, how much time it takes, and whether it could be done in the amount of time I had. Eventually, I did it and excelled in the minor project.

[Final Note]: # (CONGRATULATIONS!!! You are amazing!)
The many faces of the HTML Input element
Tags: html, react, web
Published: 2020-05-21 09:25:52

Imagine, we have a React component (input form) and we need to validate the user input using a regex pattern. I did a little survey between my friends and here the result:

1. do it in onChange handler - 41%
2. delegate this task to back-end developers - 40%
3. use “react-validation” package - 19%
4. something else - 0

No one suggested "something else", but in fact there is another way. And it is not a mysterious knowledge that available only to the elite. The point is that we often spend a lot of time learning APIs of frameworks, packages and gems and we often don't have time to go deep. But sometimes knowing the basics 💤 can make your life easier, no worse than a good package would do.

### The Input Element

This element can be called the main element of any form. It has many attributes, but the main one is the `type` attribute, which controls the data type of the element. Do you know how many values can take the type attribute? 22! It seems like dissociative personality disorder. 

Let's look at some of them:

+ number, url, email - a text control with auto validation 
+ password - a text control that obscures data entry
+ date - easiest way to get a date control
+ time - a time input with mask
+ range - a slider control
+ color - a color picker
+ submit - a submit button
+ reset - easiest way to reset the form
+ file- file upload

Let's create a simple React Input component.

```javascript
const Input = ({ name, type = “text”, label, placeholder, ...rest }) => (
  <label>
    {label}
    <input name={name} type={type} placeholder={placeholder} {...rest} />
  </label>
);
```

Putting the `input` tag into the `label` tag is one way to associate them. Another way is to use the `for` (or `htmlFor`) attribute.

### Validation

Let's look at the attributes which help us validate the data in the control.

+ max / min
+ maxlength / minlength
+ required
+ pattern

The `pattern` attribute specifies a regular expression for validating user input. By the way, if we want to show a custom error message we can do it with the `title` attribute. 
 
The `max` and `min` attributes indicate the allowed range of values for the element. By the way you can put date (or time) value into these attributes for a given range in the date (or time) picker.

### The List attribute

The Input element has the `list` attribute. Put the id of the datalist element in this attribute and you will get a select control.

```javascript
const Select = ({ label, options }) => (
  <Fragment>
    <Input list=”list” />
    <datalist id=”list”>
      {options.map(item => (
        <option key={item.value} value={item.value} label={item.label} />
      ))}
    </datalist>
  </Fragment>
);
```

And in conclusion let's play with another interesting attribute - `multiple`. It allows us to transform the Select into a Multiselect Control. Just add it! The great feature but it only works if your input is an `email` or `file` type. Therefore if you really need such functionality, then... you know... look for framework, package or gem.
Telegram Scarper (Scrap other pepole group members into your group)  - Python script
Tags: scraper, telegram, devops, python
Published: 2020-05-21 09:18:26

# TeleGram-Scraper is a telegram group scraper tool to fetch all information about group members.


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


##API Setup

Go to http://my.telegram.org and log in.
Click on API development tools and fill the required fields.
put app name you want & select other in platform Example :
copy "api_id" & "api_hash" after clicking create app ( will be used in setup.py )

##How To Install and Use

$ pkg install -y git python

$ git clone https://github.com/raghavkhanna30/Telegram-Scraper.git

$ cd Telegram-Scraper

Install requierments

$ python3 setup.py -i

setup configration file ( apiID, apiHASH )

$ python3 setup.py -c

To Genrate User Data

$ python3 scraper.py

( members.csv is default if you changed name use it ) Send Bulk sms To Collected Data

$ python3 smsbot.py members.csv

add users to your group ( in devlopment )

$ python3 groupadd.py members.csv

Update Tool

$ python3 setup.py -u


GIVE A START IF YOU FIND IT USEFUL😍
Do you hate naming things?
Tags: webdev, javascript, html, css
Published: 2020-05-21 09:16:25

In GC web framework you access app data by action names! 

[![GlueCodes Framework](http://img.youtube.com/vi/CJ451ccca2M/0.jpg)](http://www.youtube.com/watch?v=CJ451ccca2M)

Check this out - https://github.com/gluecodes/gluecodes-framework#key-concepts
Time to Give Thanks!
Tags: COVID, CORONA, PANDEMIC, VIRUS
Published: 2020-05-21 09:14:43

My Project
With COVID-19 out there, nothing is the same anymore. Expressing gratitude towards people that are putting their lives at risk to take care of others, deliver your food, teach your children, is something not to be forgotten during these challenging times.

Myself, along with my friend Kaushik Mahorker and Kamesh Vedula, wanted to spread more positivity to recognize and appreciate the frontline workers that have been essential during the pandemic. To do that, we ended up creating GiveThanksNow, where people can leave messages of gratitude and encouragement to our heroes on the frontlines, be it a simple thank you or something even more than that.

Website: Give Thanks Now
Stack: HTML/CSS, Bootstrap, JS, Firebase
We wanted to make it simple and decided to use Bootstrap, HTML/CSS, JS, and Firebase to get our MVP out there and ready to use. We are constantly looking for ways to further improve the website and add more features to show our appreciation for the members of the frontline.

Issues that came up: After we launched the site, we realized our Firebase was not as protected from getting injected than we thought and we ended up fixing the issue within an hour by looking further into the Firebase rules and documentation and ensuring someone can't attack us again.
10 Tips to become a better Software Developer
Tags: career, beginners, productivity, womenintech
Published: 2020-05-21 09:12:46

On the journey of achieving your dreams in the software development field. Nothing is more fulfilling like achieving milestones i.e. solving a major bug after hours of doubting your abilities. Below are some of the thoughts and tips to help you in your journey.

1.Be able to read another developers code and understand. When you step into a new role you are more likely to continue a project that has been ongoing ,therefore you should be able to understand, fix bugs and improve the existing code.

2.Understanding the process and the people is the first step to writing epic code, building great systems and solving bugs quickly. Sit down with the user and understand their point of view if need be.

3.Do not hesitate to ask for clarifications.

4.Do not fear challenges-take them on, google, stack overflow, enquire from your product communities

6.There are a lot of resources ,utilize them-webinars, documentations, join communities.

7.Get your code reviewed. Contribute to open source. Being a great developer entails a lot of hard work, patience and sacrifice. Put in the effort.

8.Participate in online challenges, hackathons. It will help sharpen your skills.

9.Have a road map of what you want to learn in the long run. Write the somewhere and tackle them slowly.

10.Be involved in other stuff, not only tech i.e. charity. Helps you stay sane and open minded and understand how other people operate.

Lastly, help other upcoming developers. Share knowledge whenever you can.
Feel free to share your comments!!
Is Binomo broker a scam?
Published: 2020-05-21 09:05:24

It surprises me that many consider the Binomo broker a scam. I can not agree with this statement and wrote a large article why Binomo is not a scam. https://perfectbinarymentor.com/en/binomo-scam 
Most often, novice traders do not learn strategies, do not use logic and lose all their money. And this is not the fault of the broker, but the fault of the trader