teleren/devto huggingface dataset:
Login using Facebook, Google, Twitter and Github with Laravel Socialite
Tags: laravel, socialite, facebook, login
Published: 2019-12-18 18:31:56

Laravel Socialite currently supports authentication with Facebook, Twitter, LinkedIn, Google, GitHub, GitLab and Bitbucket. In this tutorial we will see how to create authentication system in our apps using Laravel socialite package. 

Socialite from laravel makes it very easy to add multiple providers for authentication, in this post lets build an Auth system on top of Laravel’s default Authentication to support login and signup using Facebook, Google, Twitter and Github. You can visit to know more information about laravel socialite from alravel official website.

https://www.codechief.org/article/oauth-login-using-facebook-google-twitter-and-github-with-laravel-socialite-package
Laravel 6 Highcharts Tutorial for Beginner
Tags: highcharts, laravel
Published: 2019-12-18 18:30:17

In this tutorial i am going to show you  how to use Highcharts in larave with proper example.whenever you need to add charts in laravel 6 server side. then you can easily use following example you have to fetch data from database and then set in Highcharts function,

Today, i will help you to learn how to add chart using Highcharts in laravel 6. i will explain step by step laravel 6 highcharts example. you can simply use Line Charts, Bar Charts, Pie Charts, Area Charts etc. we will create line highchart with laravel 6.

Highcharts is a js library, this library through we can use bar chart, line chart, area chart, column chart etc. Highcharts is a open source chart library. Highcharts also provide sevral theme and graph that way you can use more chart from here : HighCharts Site.

https://www.codechief.org/article/laravel-6-highcharts-tutorial-for-beginner
Sprint 6: Chingu Voyage Log: MoTo is Alive!!
Tags: webdev, codenewbie, beginners, showdev
Published: 2019-12-18 18:15:52

MoTo is alive! Well, more like its live at [Netlify](https://moto-toucans03.netlify.com) and [GitHub](https://chingu-voyages.github.io/v13-toucans-team-03/index.html). Its has been six weeks of hard work, weekly meetings, hundreds of messages back and forth on Discord, multiple pull requests, pull request conflicts, and tons of lines of code. We set our MVP, and we delivered.

## Weekly Debriefing
Each member answered our weekly questions before our weekly meeting on a Google doc, asked questions, and suggestions on our previous process and moving forward, specifically on our GitHub PR process.

## Week's Tasks and Features

[Ming](https://medium.com/@mingyong) worked on the MIT feature, tried the responsiveness on mobile landscape but had some trouble making it work properly. She also worked on the pomodoro responsive layout and helped [Sophia Li](@sophia_wyl) with the modal code. Sophia worked on the TODO feature, gave the final touches to the previous sprint blog post, and did some research on how to do a Chrome extension, which MoTo is currently on 'pending review'.

I worked on the responsive layout for small screens and landscape view for the Pomodoro modal. I also worked on the Weather UI, and researched about 'git-secret' to figure out how to hide and use once deployed the weather API key. I had no success figuring out how to hide and use the API key since we did not use any framework, but HTML, JavaScript, and CSS. [Ola](https://medium.com/@zaynaibg) had to visit family and she was not going to be able to continue to participate for the last two weeks of the voyage but worked hard to complete her previous tasks and hoped to help with the publishing of MoTo.

## Team Toucans03 - MoTo Reflections

We, the Toucans03 are an excellent team, and I was fortunate to be part of it. I gained invaluable friendships and working experience. I learned a lot about development, planning, and communication, which I need to practice more. Ming was glad to be part of a dedicated team and had a great time working with all of us. Sophia Li was excited that we made a real app and completed it in just 6 to 7 weeks.

This blog post is written by Rafael Davis Hernandez and reviewed by Ming, and Sophia before publishing. Join us on our journey! Learn more by reading our voyage logs: [sprint 1](https://medium.com/@mingyong/chingu-voyage-log-getting-ready-in-sprint-1-ba611ee4d210?sk=b4ae29cc217d78eb303243897e3ade71), [sprint 2](https://dev.to/sophia_wyl/chingu-voyage-log-kicking-off-sprint-2-2516), [sprint 3](https://dev.to/rafaeldavish/chingu-voyage-log-start-your-engines-and-let-s-go-sprint-3-1naf), [sprint 4](https://medium.com/@mingyong/chingu-voyage-log-finally-we-messed-up-git-in-sprint-4-dfaf59a241e7), [sprint 5](https://dev.to/sophia_wyl/blog-5-chingu-voyage-log-almost-at-the-finish-line-gjj), [FINAL POST](https://medium.com/@mingyong/introducing-moto-from-chingu-voyage-13-c1c1f9e98f80)🚀.
Open Source Reporting Solution (FastReport) - Simple Demo with .NET Core
Tags: dotnet, productivity, tutorial
Published: 2019-12-18 18:00:11

I have been looking for a solution for reporting, which is free/open source, and only the last week I found something worth mentioning. Being from the corporate accounting world, my tools are directed towards accountants and business users, which rely heavily on such reports, and I would like to see an open source/free reporting tool to serve this purpose.

I know, there are other solutions such as Telerik and Syncfusion, but they seem to be expensive for my level.

In fact, all I need is a tool for my web applications - to be able to integrate in asp.net core, then generate a report according to template, and then export in pdf/excel.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/nym6zkvpa997sq5bkhod.jpg)

The solution I am dealing here with comes from FastReport, which just has published its OpenSource version:
https://fastreports.github.io/FastReport.Documentation/
https://github.com/FastReports/FastReport

I have prepared a small tutorial which takes a list of employees and publishes a report with them.

**Prerequisites:**
A. Basic .Net Core MVC
B. Nuget Package - FastReport.OpenSource.Web (take latest one for 2019)
C. There is an frx file, which is an XML document describing the report itself. I manually edited the sample report, to fit my sample data. It is saved in my wwwroot folder, simple list.frx.
D. Main difference to their tutorial is that I take data from my list, not the XML database of Northwind.  Clone their git repo, and see how it runs for their
data: the Web.MVC folder contains the relevant .net core MVC example: https://github.com/FastReports/FastReport/tree/master/Demos/OpenSource
E.  There is a report editor/designer, Fast Report Designer Demo for trial purposes.  Download it.
Also, download the https://www.fast-report.com/en/product/fast-report-viewer/, it's a free tool.

*Application is live under:* https://fastreport.zoltanhalasz.net/

**Steps to understand the tutorial:**
1. Clone my github repo https://github.com/zoltanhalasz/FastReport.Tutorial
2. Check the logic in the controller and also the service I use to populate the report (it differs from their example - I take a list as an input, not an XML file as opposed to their example).
The template of the report is an xml file, with frx extension, saved in wwwroot folder.
I edited manually one of their simple examples to fit my requirements for the tutorial.
3. Check the View  (from Views/Home/Index), how it takes the report and publishes it via Razor.
4. Run the application, result should be as below:
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/t729l1jd8tg6yiw9vyu1.jpg)
5. Save the report, in .fpx format. Then with the downloaded viewer (at point E above), you can open the populated report and then save in excel, pdf, word etc. The result should be:
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/goubsufq8oh2op65lg26.jpg)

I hope I can study this further and apply in one of my future projects!

Let me know your thoughts about this topic, how you would apply open source reporting to .net core.
Recap about Webpack
Tags: webpack, javascript, react
Published: 2019-11-29 03:51:16

### What is Webpack?

Webpack is a module bundler, it helps pack our application from multiple files to one or a few files which can run on target environments ( ex: web browser).
For example with a modern react application, we have many files: css, scss, fonts, image, js, jsx and in each file we also import/use other files. Webpack help we pack their files together in a bundle file and it can run in the web browser
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/vcs0380nrhafr88ba4nu.png)

### Why we need Webpack?
Assume we don't have Webpack or any module bundler and we have a react web application.
To our web can run in a web browser correctly, at least we need:
  - index.html file
  - in index.html file need a script tag with a link to React library source
  - in index.html file need a script tag with a link to React DOM library source

Depend on the requirement, usually, we need style ( add some stylesheet tags to link to css files), other script tags to other libraries. In a complex project, it very hard to manage
Webpack can help us by let we easy define the relationship in our's app by use import statement, Webpack will auto pack code need for our's app run

### How Webpack work?
Internally, Webpack begins at an entry file ( usually index.js file ) and from this file, it builds a dependency graph of our's application. From this graph, Webpack can produce a bundle file have all resource, code, library necessary for app run.
With every import, it is a command say Webpack that is a dependency.

### Components of Webpack
- Entry:
  - Use to indicate where Webpack begin to build dependency graph
- Output
  - Use to indicate where and name of bundle files
- Loaders
  - By default, Webpack only understand and bundle JS and JSON file
  - Loader help Webpack can understand other file types and build dependency graph
- Plugins
  - This component helps Webpack can do tasks like bundle optimization, asset management, injection of environment variables, minify, ...


### Conclusion
Webpack have many loaders and plugins help we build a modern application ( not only web it can use to bundle other application like Rail, ... )
We also can write custom loaders and plugins to extend function of Webpack (like)
Horas e imagens
Tags: html, css, javascript, practicing
Published: 2019-12-18 17:54:24

**Prática em JavaScript, HTML e CSS.**
___
Meu primeiro exercício em JS.
As figuras e as mensagens são atualizadas de acordo com o horário:

> 6h e 8h *"Acorda, xuxin!"*
> 11h e 14h *"Hora de comer!"*
> 17h e 21h *"Happy hour!"*
> '>'21h *"Hora de mimi!"*

Fora destes horários, exibem-se uma imagem e mensagem padrão.
Se acionado o botão "Happy Hour" executa a imagem correspondente ao Happy Hour.
O código foi desenvolvido em Visual Studio Code, mas pode ser acessado no Codepen.io: [@Gesiane - Codepen](https://codepen.io/Gesiane/full/xxbgzKK)

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

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/6bpdtdard9levmqitjtm.png)

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/9y77vvtycwgalvm9xk9w.png)

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

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/h9uxqengq8za9hr88m7n.png)
Welcome to LoadRunner Family!
Tags: loadrunner, microfocus, performancetesting, loadtesting
Published: 2019-12-18 17:44:47

Micro Focus LoadRunner is an industry standard performance testing solution which supports umpteen protocols, collaborative performance testing, load testing on cloud and more. Since the inception of LoadRunner (formerly known as Mercury Interactive LoadRunner > HPE LoadRunner), it comes with version number as its suffix, e.g. LoadRunner 12.63. But recently, Micro Focus revamped its LoadRunner products with the new name and loads of new features and enhancements.

# LoadRunner Family

* LoadRunner will be known as LoadRunner Professional 
* Performance Center will be known as LoadRunner Enterprise
* StormRunner will be known as LoadRunner Cloud

LoadRunner Professional is where most of the performance testers spend time on creating scripts, debugging, scenario designing, analysis and more.

LoadRunner Enterprise is the solution for collaborative load testing, scripts sharing, and more. Most enterprises uses this flavor. It integrates with Jenkins, Dynatrace etc.

LoadRunner Cloud is the affordable load testing solutions on Cloud (AWS/Azure), scalable, and developer friendly.

# What's new?

* DevWeb (formerly known as TruWeb) is now fully supported in Virtual User Generator which comes with 150 virtual users.
* Enhancements made into TruClient, Web Services, SAP - Web, Web-bases Protocols, Runtime Settings etc.
* Modern UI for Reports, Runtime Settings, VuGen etc.
* Docker Enhancements
* TLS 1.3 for Controller - Load Generator communication
* Wireshark and Fiddler support upgrade
* and mare more

For detailed post, please [visit my blog](https://qainsights.com/welcome-to-loadrunner-family/).

Here is my YouTube video

{% youtube VpWDnHehHm0 %}
Primer trabajo Desarrollador web
Tags: javascript, developer, php, developerjunior
Published: 2019-12-18 17:28:33

Buscando en varias páginas de bolsas de trabajo, encontré 3, comencé a esdudiar a que se dedican y a pedir entrevistas, una de ellas solo me dijo " envieme su curriculum y nosotros te llamamos " fin de la historia.

Los otras 2 ofertas conseguí entrevista y estaba muy asustado, pero bueno me aliste y en la primera solo fue un examen de java, javascript, html, todo iba bien hasta que me hicieron un examen de algoritmos y fue mi fin.

Ultima entrevista estaba mas que desanimado, pero despues dije, que puede pasar, y me aventure a mi entrevista, me presente y me preguntaron mi experiencia en la programación de PHP, Javascript, WebService, y Angular, bueno les dije que no he tenido mucha experiencia por lo que era mi primer trabajo, pero tenia cursos en Udemy que concluí satisfactoriamente, les mostré una pagina en donde tengo paginas web, sistemas y proyectos que he estado creando, y me dijeron que iba a estar 3 meses de prueba ( por lo común es lo que hacen las empresas aqui en México).

Ayer cumplió los 3 meses de prueba y Hoy firme contrato !!!
Binged 📺
Tags: watercooler, sideprojects
Published: 2019-12-18 16:37:38

---
title: Binged 📺
published: true
description: Know exactly how much time you spent in 2019 watching #Netflix
tags: watercooler, side project
---

I built a small side project - Binged 📺 using which you can find out how much time you have spent watching Netflix in 2019. It's that time of the year when you start making resolutions for the next year and if reducing screen time is on the top of your mind then head over to https://binged.herokuapp.com to find out how much you have Binged.

Share it with friends and let me know what you think of the product. Feedback on code is also welcome 😀
Video Snippets [0]
Tags: javascript, beginners, oop
Published: 2019-12-18 16:24:02

The value of this, when used in a function, is the object that owns the function. The value of this, when used in an object, is the object itself. 

When used outside of a function or object, this refers to the global object. 

If the value of this is not set by the call in a function, this will default to the global object. 


- Source: Beau Teaches Javascript, FreeCodeCamp
JavaScript Data Structures: Stack: Intro
Tags: beginners, tutorial, javascript, webdev
Published: 2019-12-18 10:26:43

---
title: "JavaScript Data Structures: Stack: Intro"
description: "JavaScript Data Structures: Stack: Intro"
published: true
tags: ["Beginners", "Tutorial", "JavaScript", "Webdev"]
series: JavaScript Data Structures
---

## Intro

After completing the [series about the Doubly Linked List](https://dev.to/miku86/javascript-data-structures-doubly-linked-list-intro-and-setup-275b), we start with the Stack.

---

## What is a Stack?

- uses the ["Last In, First Out"-Principle] (https://en.wikipedia.org/wiki/Stack_(abstract_data_type))
- Examples: a stack of cards, a pile of dishes, a browser history
- there are multiple ways to implement a Stack: Array, Singly Linked List, Doubly Linked List

![Stack](https://upload.wikimedia.org/wikipedia/de/thumb/b/b5/Lifo.svg/320px-Lifo.svg.png)

---

## Big O of Stack

- Access: `O(N)`
- Search: `O(N)`
- Insert: `O(1)`
- Delete: `O(1)`

---

## Example

We will use a Singly Linked List to build our Stack.

`A <== B <== C (last)`

- `C` is the last node we pushed (= added) on top of the Stack
- `C` has a pointer (`next`) to the next node (`B`)
- if we pop (= remove) `C`, the next node on top of the Stack should be `B`

---

## Setup

We need the following parts to build our Stack:

- a Node with a value and a pointer to the next item in the Stack
- a Stack with a length and a pointer to the last item

```js
// a Node has a value (`value`) and a pointer to the next node (`next`)
class Node {
  constructor(value) {
    this.value = value;
    this.next = null;
  }
}

// a Stack has a length and a last item (`last`)
class Stack {
  constructor() {
    this.length = 0;
    this.last = null;
  }
}
```

---

## Thoughts

We set up our Stack. Now we need at least two methods within the Stack:

- a method that pushes a new node on top of the Stack: `push`
- a method that pops off the last node from the top of the Stack: `pop`

---

## Next Part

We will implement our first method for the Stack.

If you want to get notified, [subscribe](https://miku86.com/pages/newsletter)!

---

## Questions

- Can you think of some pros or cons of using the Singly Linked List instead of an Array or a Doubly Linked List?
Fellow Codeable Expert Alexandra Spalato gives an insightful talk about GatsbyJS and WordPress
Tags: wordpress, react, gatsby, acf
Published: 2019-12-18 16:03:23

Fellow Codeable Expert Alexandra Spalato gives an insightful talk about GatsbyJS and WordPress 

https://www.youtube.com/watch?v=pFJneJwtIuY

"A look into the advantages and possibilities that WordPress offers as source for Gatsby. How to use WpGraphQL and the ACF extension. A demo of how to use ACF Flexible content to make a custom builder."
How do you know when a technology is ready?
Tags: discuss, productivity, opensource
Published: 2019-12-18 15:43:03

---
title: How do you know when a technology is ready?
published: true
description: Trying something out yourself is one thing. Piloting technology at a company is another. And putting it into production is a big deal.
tags: discuss, productivity, opensource
cover_image: https://thepracticaldev.s3.amazonaws.com/i/5w51ot91lz02wni8mfne.jpg
---

Technology is fast-moving. It seems there's something new to try everyday.

Trying something out yourself is one thing. Piloting technology at a company is another. And putting it into production is a big deal.

How do you know when a technology is ready for you and your company's time and effort?

----

This general question inspired by by [a more specific one which started life as a twitter poll](https://dev.to/piannaf/kotlin-multiplatform-ready-or-not-2537).
Creating a decentralized chat called Mumble (rebranding to Bondfire soon)
Tags: blockstack, blockchain, mumble, messaging
Published: 2019-12-18 15:40:43

Recently I got started to collaborate with a few friends of mine on a weekend project creating a decentralized application with Blockstack. In just over 5 days, we launched a scrappy version of our chat app called Mumble. 

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


Mumble is an encrypted text and voice chat for passionate online communities. We see a need for a “built for all” type of chat app for all type of community. Unlike how community are building their community in slack (that is focused on workplace) and discord (focus for game communication), Mumble is highly focused on pushing features that encourages community engagement.

Most people still uses slack and discord that does not have end to end encryption built on to manage their community. Putting their user's information at risk.

We currently have more than 1,200+ users in less than 6 weeks during beta and plans to expand more. We are also working on a rebrand soon. Feel free to try it out yourself at https://trymumble.com
Kotlin Multiplatform: Ready or Not?
Tags: kotlinmultiplatform, kotlin, ios, android
Published: 2019-12-18 15:40:32

---
title: Kotlin Multiplatform: Ready or Not?
published: true
description: JetBrains is committed to KMP. Many KMP apps are in production. Are you ready to use KMP?
tags: kotlinmultiplatform, kotlin, ios, android
cover_image: https://thepracticaldev.s3.amazonaws.com/i/af34ndm15uywk6b402gk.png
---

The results of my twitter poll are in:

{% twitter 1204422105300897793 %}

![Final results: already started = 44%; Ready to jump in = 21%; still a bit too early = 35%](https://thepracticaldev.s3.amazonaws.com/i/aqggyeonz7dutl7e31sm.png)
<figcaption>What will it take to move from "too early" to "ready"?</figcaption>

If you have started, what have you built and what successes and challenges have you experienced? 

If you haven't, what's holding you back?

----

This question also inspired a more general one: [How do you know when a technology is ready?](https://dev.to/piannaf/how-do-you-know-when-a-technology-is-ready-1371)
Python Iter class (with proper dot notation)
Tags: python, utils
Published: 2019-12-18 15:39:00

I realized python has worse generators syntax than javascript/rust/haskell:
instead of something like
```rust
my_iterator.filter(cond).map(convert_fn).collect()
```
in python you have to write
```python
list(map(convert_fn, filter(cond, my_iterator)))
```
so everything is backwards and much harder to read. As far as I know there is no direct way that would allow one to write that in straight-forward manner.

Hence I made a small python library that fixes that.

It just introduces the `Iter` class that you can wrap around an iterator and use the chained dot notation, like so:
```python
Iter(my_iterator).filter(cond).map(convert_fn).collect()
```
I also added `first` and `drop` functions, just because they also seem somewhat useful.

The code is quite short, so here you go, maybe you will also find it useful:

```python
import functools

def first(n, it):
    for i, x in enumerate(it):
        if i == n:
            raise StopIteration
        yield x

def drop(n, it):
    for i, x in enumerate(it):
        if i == n-1:
            break
    return it

class Iter:
    def __init__(self, iterable):
        self.it = iter(iterable)
    def __iter__(self):
        return self.it
    def __next__(self):
        return next(self.it)
    def next(self):
        return next(self)
    def map(self, f):
        return Iter(map(f, self))
    def filter(self, cond):
        return Iter(filter(cond, self))
    def reduce(self, f):
        return functools.reduce(f, self)
    def drop(self, n):
        return Iter(drop(n, self))
    def first(self, n):
        return Iter(first(n,self))
    def collect(self):
        return list(self)
```