teleren/devto huggingface dataset:
How Username and Password Got so Complicated
Tags: netcore, authentication, oidc, oauth2
Published: 2019-10-14 17:05:35

---
title: How Username and Password Got so Complicated
published: true
description: Explore the complexities of authentication and how to solve them on this stream from .NET Conf 2019.
tags: #netcore #authentication #oidc #oauth2
canonical_url: https://auth0.com/blog/how-username-password-got-so-complicated-dotnetconf-2019/
---

Our own Developer Advocate Engineer Bobby Johnson gave a talk at .NET Conf 2019 focused on exploring how the username-password strategy got so complicated over time. Bobby shows you how overwhelming it can be to take your first step beyond username and password-based authentication strategies, which are the default authentication strategies offered by most full-stack web application frameworks.

[Watch the talk](https://auth0.com/blog/how-username-password-got-so-complicated-dotnetconf-2019/?utm_source=dev&utm_medium=sc&utm_campaign=dotnet_stream)


![How Username and Password Got so Complicated](https://cdn.auth0.com/blog/illustrations/dotnet.png)
THINGS TO KNOW BEFORE GETTING INTO PROGRAMMING
Tags: career, firstyearincode, beginners
Published: 2019-10-14 16:40:03

Hi,guys welcome to my new blog.In this blog i am going to tell you  what are the things you should know before getting into programming.

**IMPORTANCE OF PROGRAMMING:-** 
Programming is useful in almost all things from landing to moon🚀🚀 till creating a website it's all about programming.You can program a computer according to your needs & it performs accordingly if there is no mistake in the code. This is so cool as you can do many calculations fastly if you know how to program a computer. If you do not do it then you will repent.

**EXPLORE THINGS:-**
You should first explore the programming world before getting into it. You can explore things by trying different languages & you should have a clear idea about what you want to become like **app developer,game developer,Website developer,etc**. As there is lot of scope in coding so you can set your goals and then can **focus🎯**on it.

**BEGGINER FRIENDLY LANGUAGES:-**
Many people think that **python** is a begginer friendly language but i think it is not as it makes  it easy for programmers to code but at first you should try languages like **c,c++,etc**.They are quite difficult but it will help you in future if you jump to any other languages in future.You have to do something beyond your comfort zone.

**Stay motivated:-**
At times you will find difficult problems & you can give up at that time. But don't do that always try to split bigger problems into shorter problems as it increases your efficiency & you can crack the algorithm quickly.

**Write pseudocode:-**
Many people directly writes the code which is a bad practice.You should first write the pseudo code of the program then convert it into the code. It reduces the complexity of the problem & gives you a better edge in tracing the program. Just write the question in copy & try to make logic & then code it.

I hope you liked the blog.Please share your views on this topic by commenting on this blog.Happy coding❤❤
Feature announcement: Real-Time monitoring Webhooks
Tags: productivity, php, webhooks, inspector
Published: 2019-10-14 16:00:41

Inspector’s integration capabilities just got significantly better. We are delighted to announce that Inspector Webhooks have officially released.

## What’s a Webhook?

In general, a webhook is a way for an app developer to specify a URI to receive notifications based on some trigger. In the case of Inspector, notifications get sent to your webhook URI every time an error is detected inside your application or when a new transaction happen. 

The payload of the webhook is the item details, so your app can respond accordingly when a new transaction or exception is detected in your application.

## Why would you use such a thing?

In talking to our customers we discovered a bunch of different scenarios where a delivery webhook would be really useful. The most common use cases we heard about include:

- Feed delivery events into a variety of internal systems to trigger additional actions on your end (such as update user information in your CRM).
- Provide delivery events directly to your customers through a custom UI to cut down on complaints/queries about the report of certain issues.
- Automatically create a ticket in your internal ticket system.

To get started using webhooks in your own application, check out the [**short video tutorial**](https://www.loom.com/share/772af50352ba4b2f9bd4918b1c7ebd0f) and let us know if you have any feedback.

Thank you so much for reading it. To make Inspector more sophisticated and mature, it will not be possible to accomplish without your help. Don’t hesitate to share your thoughts on the comment below or drop in live chat on our website! Let’s make it together.

### Thank you for all your support!

- Homepage: [https://www.inspector.dev](https://www.inspector.dev)
- Facebook: [https://www.facebook.com/laravelispector/](https://www.facebook.com/laravelispector/)
- Twitter: [@inspector_rt](https://twitter.com/inspector_rt)
- Contact me: [valerio@inspector.dev](https://www.inspector.dev)
We've made a privacy-focused analytics platform
Tags: showdev, javascript, privacy, security
Published: 2019-10-14 15:48:51

Available at [GetInsights.io](https://getinsights.io).

Insights is yet another analytics platform. Unlike most other solutions, however, all data is fully anonymized, making it fully GDPR-compliant. In fact, you won't even need to have a cookie banner on your website. Insights can be used out of the box to track page views, or added to your code to track events and user interactions.

We've made Insights with two main goals in mind:

1. Privacy is not optional for us. Other solutions have privacy built-in, but most of the privacy features can be disabled by the website owner. This makes me at least uneasy when I see them being used since I don't know how much I'm being tracked. We want to allow customizable page views and event tracking, but not allow customization of how that tracking is done.

2. A full analytics suit. We want to give our users most of the statistics they are used to, aggregated and anonymized. Most smaller privacy-focused solutions out there only track a few statistics. This makes sense, but it still means those tools won't grant the same benefit to the user as GA or Hotjar. This sort of trade-off between privacy and competitiveness is problematic because respecting privacy shouldn't have to come off as a sacrifice.

I would love to hear back from privacy-minded people who might be interested in testing out the platform, or anything that could be improved.

Henrique
How i learned flask in one week by building
Tags: python, flask, sql
Published: 2019-10-14 15:32:29

lets be honest here it actually takes more than one week to actually master flask but in one week its actually possible to grasp the basics and get things running up in flask, as they say all you have to do is get started "Action"
so im going to be laying out how i wrote my first webapp in flask and also got comfortable with flask basics ps-i am still learning flask.

Day 1- i knew nothing about flask but i was already adapted to python so starting out wasn't that tough well i did what every millennial would do "Google" first i researched what flask documentations, flask limits, when and the best type of web app to use flask and if it was worth learning by day one i was already equipped with what flask was and the difference between flask and Django 

Day 2 & 3- Flask is a micro web framework
now i knew what flask was i needed to know how it works, rules and syntax in the library but the way i learn is this first i look through what i want to learn scope through it then come back and learn it piece by piece. through google i found cs50 flask lecture https://www.youtube.com/watch?v=j5wysXqaIV8 and Corey Schafer's youtube playlist on building a webblog with flask https://www.youtube.com/playlist?list=PL-osiE80TeTs4UjLw5MM6OjgkjFeUxCYH
after spending hours watching and following their tutorials now i have got the push to write my first project in flask but i had to make a plan.

Day 4 & 3 - Building with flask
what other popular way to build a project in a new library than to start by building a todolist app. the objective of this app was to store activities you want to do daily and to delete or tick as done when you complete the activity
building this todo app enabled me to learn how to use flask sqlachemy, templates, static files and how to connect my back-end to the front-end

Day 5, 6 & 7 - Git push 
i have successfully built my first webapp with flask and at this point i dont feel like stopping, i feel like doing more making more mistakes and learning from it 
![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/7lz98o58yh9lyylppy1w.png)
thats the overall view of the app , i know it looks basic but this is just for me to get started in flask and here is the github link for the source code https://github.com/fredcodee/todolistapp

for the beginners like me dont be afraid or give up easily all you have to do i start you dont have to be guru or whatever just know programming fundamentals and python syntax is all you need to get started dont let anyone tell you something else otherwise 
like i said im just getting started i plan on building more complicated programs in the future and will surely update you guys about it
SASS VS Code extension - Missing
Tags: extensions, vscode, help
Published: 2019-10-14 15:30:56

Good afternoon,

A little while ago I changed computers and although I had a backup, it obviously didn't contain all my VS Code extensions?

I've tracked most of them down, however, there are some sass extensions I really miss…

When I created a variable, `$black` for example. Whilst writing my sass, upon typing `$` I would get a list of recently used variables or suggestions. This was really handy.

The second and probably the same extension would give a colour background of the variable if the code was referencing a colour. Such as the aforementioned variable would have a black background.

Little things I know, but I would love to find the extension that provided these features.

Thanks in advance on this trivial, but annoying issue 😀
Git Vs GitHub
Tags: learningandpractice
Published: 2019-10-14 15:18:29



The difference between Git and GitHub is that Git is a version control system and GitHub is a development platform to store your documents .

Repository is all the things that go on your file.

Directory is a folder.

Fork is making a copy of another repository in GitHub

Clone is to make a copy of an existing repository in a new directory.

Branch is a command that helps you create, delete and list branches in your repository or remote.

Pull requests let you tell others about changes you pulled to a branch in a repository in GitHub.
About Me
Published: 2019-10-14 15:05:30

My name is Rosalba Iguado I was born in Chihuahua city in Mexico on November 13, 1983. I am a single mother with 2 precious little boys. I have a technical degree in Bilingual Administrative Assistant in Mexico. MY job experience is mostly in customer service. I worked at UPS Air Freight as a Data III agent sending shipments daily by air and making sure the shipments arrived to final destination on time. I have also worked for call centers in different areas like Microsoft Money technical support and I helped customers troubleshooting error issues in their computers over the phone. I have accounting and HR experience as well; and my last job was a self employee working as a housekeeper where I was able to build really good relationships with my clients and that has motivated me to do more things and to help others by giving the best of me. I am very happy to be part of the CTRL+SHIFT Code School program, and I am very excited for the new opportunities and new challenges in my life.

Goals

My biggest goal in life is enjoying life with my family; doing anything that makes me happy. I want to have my own business and work for a good company taking new challenges where I can use all my knowledge to perform a good job and have the satisfaction that I can be really good at anything I do. My personal goal is traveling and discovering the world.

Contact

LinkedIn.com/I’m/rose-iguado-9b840b194
https://twitter.com/Rose50036321
Roseiguado13@gmail.com
The Best Software Testing Tools
Tags: webdev, html, testing
Published: 2019-10-14 14:59:48

---
title: The Best Software Testing Tools
published: true
description: A review for the best software testing tools
tags: webdev, html, testing
cover_image: https://thepracticaldev.s3.amazonaws.com/i/221a18vbffuamqy2fg0v.jpg
---

###**Introduction**###

Most of us neglect testing. 

We lower the priority until there's no more time left for it.

And who can blame us? It's hard. It's meticulous.

But it doesn't have to be. 

There are libraries and tools out there that make it almost enjoyable.

#1. Endtest#

**[Endtest](https://endtest.io)** is fun to use. 

It reduces the complexity of Automated Testing to the minimum.

You can a create a useful functional test in a few minutes.

![Endtest](https://thepracticaldev.s3.amazonaws.com/i/6j2un44suto2w2ew1kev.png)

And you can do that without even having to code. 


#2. BrowserStack#

**[BrowserStack](https://browserstack.com)** is king when it comes to Manual Testing.

You can use it to quickly spin up a machine with any browser you want.

You no longer have to bother the weird guy in your team who uses Windows.

![BrowserStack](https://thepracticaldev.s3.amazonaws.com/i/cn9h0lu3m8y2yu7s9v8x.png)

#3. Postman#

**[Postman](https://www.getpostman.com)** is the best way to test your APIs. 

Side note: 

Don't you just love their artwork?

![Postman](https://thepracticaldev.s3.amazonaws.com/i/3i7z2ysc97bezifj7ddf.png)
Show and hide content on click with just HTML
Tags: webdev, html, javascript
Published: 2019-10-14 14:46:31

---
title: Show and hide content on click with just HTML
published: true 
description: Multiple elements were introduced in HTML5 that are not yet widely known; one of them allows you to create interactive experiences such as accordions or dropdowns, the name of this element is <details>.
tags: webdev, html, javascript
cover_image: https://enmascript.com/images/2019-10-14-details-element.png
canonical_url: https://enmascript.com/articles/2019/10/14/show-and-hide-content-on-click-with-just-html
---

_Originally posted on [Enmascript.com](https://enmascript.com/articles/2019/10/14/show-and-hide-content-on-click-with-just-html), for a better reading experience go to the original post._

Multiple elements were introduced in HTML5 that are not yet widely known; one of them allows you to create interactive experiences such as accordions or dropdowns, the name of this element is `<details>`.

## Toggling content visually with just HTML

I recently wrote an article on [how to create an onclick toggler without using javascript](https://enmascript.com/articles/2019/09/26/toggle-content-on-click-without-javascript) by leveraging the powerful CSS :target selector, but that is not the only/best way to achieve this.

The `<details>` element allows us to implement a disclosure widget that hides and shows information depending on its boolean state `open`. This allows us to toggle content interactively and natively:

```html
<details class="details-example">
    <summary>If you click me I will display a list of content</summary>
    <ul>
        <li>Option 1</li>
        <li>Option 2</li>
        <li>Option 3</li>
    </ul>
</details>
```

**Demo**
Available on https://enmascript.com/articles/2019/10/14/show-and-hide-content-on-click-with-just-html

As you can see, the `<summary>` shows up, and when clicking it, we are showing the rest of the information (the list of options).

We are able to achieve this with just HTML, I am adding some CSS to style the dropdown but only styles.

## Extra tip (Javascript integration)

You can also execute **complementary javascript** when the open state of the details element changes, we can do that like this:

```javascript
const detailsElement = document.querySelector('.details-example');

detailsElement.addEventListener('toggle', event => {
    if (event.target.open) {
        console.log('open');
    } else {
        console.log('closed');
    }
});
```

Very simple yet powerful feature, some of its more notorious applications are for accordions, dropdowns and toggling visual content in general. Companies such as github use it for their menus and interactions, hopefully now you will also be able to delete some javascript in your code base and use a native HTML element instead.

If you want to read more about this element, [MDN has a pretty good explanation](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details) about the topic.

Hope it was useful, see you guys in the next one.
Pair husky with Git LFS in your JavaScript project
Tags: javascript, husky, gitlfs
Published: 2019-10-14 14:36:18

As you may know Git has a way to fire off custom scripts when certain important actions occur. This is [hooks](https://git-scm.com/book/en/v2/Customizing-Git-Git-Hooks).

I have worked on a project which uses [husky](https://github.com/typicode/husky) as tool to run formatters and linters on pre-comimit hooks. One day we have decided to cover our forms with screenshot tests to be sure that our changes do not break UI. We have needed to store binary files in our repo, so we choose [Git LFS](https://git-lfs.github.com) to make `git` operations like `git pull` and `git clone` faster. If you are not familiar with Git LFS check this awesome Atlassian’s [guide](https://www.atlassian.com/git/tutorials/git-lfs).

This seemed like a good and simple solution. I’ve started work on integration Git LFS in our project. Its `Getting Started` looks so easy: just download and run three commands in your terminal. I did fail on this first:

```bash
$ git lfs install
Hook already exists: pre-push
…
To resolve this, either:
  1: run `git lfs update --manual` for instructions on how to merge hooks.
  2: run `git lfs update --force` to overwrite your hook.
```

Both suggested solutions could fix this issue, but not really. The second overwrites a few husky’s hooks:
* post-checkout
* post-commit
* post-merge
* pre-push

So husky won’t run scripts if you configured any of listed above.

The first is more compatible with husky. However there is still an issue: anyone who will clone that repo should merge hooks manually. That is why I come with one more solution.

## Installation

```bash
$ rm -rf .git/hooks
$ git lfs install
$ mv .git/hooks ./lfs-hooks
# Uninstall this dependency to restore husky hooks with `npm install`
$ rm -rf node_modules/husky
$ npm install
```

At this moment husky hooks will be installed in `.git/hooks` and Git LFS hooks in `./lfs-hooks`. Now you need to configure Git LFS hooks running with husky:

```javascript
  "husky": {
    "hooks": {
      "post-checkout": "echo $HUSKY_GIT_STDIN | lfs-hooks/post-checkout $HUSKY_GIT_PARAMS",
      "post-commit": "echo $HUSKY_GIT_STDIN | lfs-hooks/post-commit $HUSKY_GIT_PARAMS",
      "post-merge": "echo $HUSKY_GIT_STDIN | lfs-hooks/post-merge $HUSKY_GIT_PARAMS",
      "pre-push": "echo $HUSKY_GIT_STDIN | lfs-hooks/pre-push $HUSKY_GIT_PARAMS"
    }
  },
```
_Thanks @mattrabe for [this snippet](https://github.com/typicode/husky/issues/108#issuecomment-493582447)_

Finish Git LFS installation with `git lfs track <binary files>` to set up `.gitattributes`.

Now save, commit and push. Your collaborators will not need anything to do to start with husky and Git LFS.

_Note:_ When someone _clones_ your repo first of all she need to remove `.git/hooks` directory because Git LFS creates some hooks by default and husky does not have an overwrite option yet.

```bash
$ rm -rf .git/hooks
$ npm install
```

That is all. Happy coding!
Daily Challenge #91 - Bananas
Tags: challenge
Published: 2019-10-14 14:26:59

---
title: Daily Challenge #91 - Bananas
published: true
series: Daily Challenge
description: Given a string of letters a, b, n how many different ways can you make the word "banana" by crossing out various letters
tags: challenge
---

Given a string of letters a, b, n how many different ways can you make the word "banana" by crossing out various letters and then reading left-to-right?

(Use - to indicate a crossed-out letter)

*Example*

Input
`bbananana`

Output
`b-anana--`
`b-anan--a`
`b-ana--na`
`b-an--ana`
`b-a--nana`
`b---anana`
`-banana--`
`-banan--a`
`-bana--na`
`-ban--ana`
`-ba--nana`
`-b--anana`

***
_This challenge comes from dinglemouse on [CodeWars](<https://codewars.com/>), who has licensed redistribution of this challenge under the [2-Clause BSD License](<https://opensource.org/licenses/BSD-2-Clause>)!_

_Want to propose a challenge idea for a future post?  Email **yo+challenge@dev.to** with your suggestions!_
Skip the first line of a file in D
Tags: dlang, tutorial, ranges
Published: 2019-10-14 14:25:17

There are actually a number of ways to do this, which can depend on your objectives. I want to leave you with

```dlang
import std.file;
import std.string;

auto data = readText("filename").lineSplitter;
data.popFront();
```

But this reads in the entire content into memory first. And that does not match the Python behavior I was working with. 

```dlang
import std.stdio;
import std.string;

auto data = File("filename", "r");
data = data.findAmong(["\n", "\r\n"]);
data.skipOver("\n", "\r\n");
```

There is actually a really nice io library called iopipe in the works. In my opinion it is very low level and wouldn't create a simpler example. But I have not gone beyond reading the docs.

And that concludes the series on Python. I will be starting a new series next week in the same spirit.

{% link https://dev.to/jessekphillips/multiple-series-specific-to-d-a-plan-43o6 %}