teleren/devto huggingface dataset:
Chrome DevTools: Content Overrides
Tags: googlechrome, devtools, chromedevtools, overrides
Published: 2019-05-31 17:23:18

---
title: Chrome DevTools: Content Overrides
published: true
description: Use Chrome to override files loaded from network with your own ones for testing execution flows
tags: Google Chrome, Dev Tools, Chrome Devtools, Overrides
cover_image: https://thepracticaldev.s3.amazonaws.com/i/d13lsp2kuh3dc8dnzptz.png
---

Have you debugged a bug in production? Or made multiple deployments to verify one specific issue?

Web Devs are likely to encounter or have encountered such situations numerous times. So, let's look at a way how we can ease such situations with Chrome DevTools.

In order to figure out issues, one might log values just before the code breaks or go a bit further to add a breakpoint before a few lines, update the breaking code & continue execution. (especially for code that runs on page load)


> Yes, this is a pain!

But, there is another simpler way of doing this. 

Chrome supports a feature called Overrides in its sources panel. The feature allows to override any files that is received from network with your own copy.

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

In order to use this,
- you'll have to select a folder on local machine for chrome to save the modified version of files
- Once chosen, edit any file and hit *CMD + S* or *Ctrl = S* to save the file to overrides folder

Once the file is saved, reload the page so that chrome can use the overridden file on page load. this helps you to modify and test code right in production before pushing out a fix. 🥳


_Preview (overriding file content):_
{% youtube yI-id_VukJk %}

**Try it yourself at** [Lessons: Content Overrides](https://learndevtools.now.sh/docs/guides/sources/3.-content-overrides/) \(Demo Page\)

You can also clone the repo below and run the same in your local machine.

{% github apvarun/learndevtools %}
Previous Post: [Logging Without console.log](https://dev.to/apvarun/chrome-devtools-logging-without-console-log-2b7i)
Are Passwords A Thing Of The Past?
Tags: privacy, security, discuss, webassembly
Published: 2019-05-31 17:15:32

In March of 2019, the world of technology experienced an exciting milestone that can be expected to entirely shift the way Internet users securely access their online accounts in just a few years.

Last month, the World Wide Web Consortium (W3C) ratified a standard known as the Web Authentication API, also referred to as WebAuthn. This standard enables web browsers to securely access websites using strong authenticators. This, in turn, can significantly lessen the risks of online attacks such as data breaches, phishing scams, or two-factor authentication attacks. 

The WebAuthn standard is revolutionary in that it sets a stage where web service providers can choose to eliminate the use of passwords or receiving of SMS text messages to log in to websites. The user experience subsequently becomes safer and easier to navigate because users are no longer required to keep track of every single one of their passwords for each of their accounts.

Sites could use devices similar to Web Authentication API in the past, but they required specialized, vendor-specific changes to the site. In addition, users had to install support software onto their laptop or phone to allow communication between the hardware authentication device (the physical security key) and the website.

Now with WebAuthn, the ability for web services and devices to communicate through a browser is standardized into a well-known application programming interface (API). Website implementers need only know their part of the API while Web Authentication vendors can have broader support for their devices across more online services.

Several key players in the tech industry are combining their efforts in continuing the building of Web Authentication API: including Google, Microsoft, Yubico, and other authoritative entities in the field.

Why Is It Important?

To put the already observed success of strong authenticators into perspective: Google recently required all of its employees to utilize strong authenticators as the primary method of accessing their accounts in place of passwords and temporary codes. Ever since this security standard was implemented, not one of the 85,000 employees has been subject to a phishing attack.

This is revolutionary, considering that the 2019 Verizon Data Breach Investigations Report concluded that 93% of data breaches were the result of phishing and pretexting.

Leaders in the IT industry are already recommending that WebAuthn API should be the standard followed by the conglomerate of browser creators.

How Does It Work?

Continue reading here: https://www.digitalmaelstrom.net/are-passwords-a-thing-of-the-past/
Around the Web – 20190531
Tags: blog
Published: 2019-07-22 13:53:05

---
title: Around the Web – 20190531
published: true
tags: Blog
canonical_url: https://wipdeveloper.com/around-the-web-20190531/
cover_image: https://wipdeveloper.com/wp-content/uploads/2017/07/WIPDeveloper.com-logo-black-with-white-background.png
series: Around the Web
---

And now for somethings to read (or watch) over the weekend, if you have some spare time that is.

## [Salesforce Open Sources Lightning Web Components](https://www.zdnet.com/article/salesforce-open-sources-lightning-web-components/)

Larry Dignan – May 29

Salesforce said it will open source its Lightning Web Components framework for developers. The move is designed to give Salesforce’s Lightning user interface platform more reach with developers. Lightning allows developers to build portable web…

## [Introducing Lightning Web Components Open Source – Salesforce Developers Blog](http://r.socialstudio.radian6.com/c43d40a2-922e-48e2-a941-3189804773cd)

May 29, 5:00 AM

A few months ago, we introduced Lightning Web Components, a new JavaScript framework that leverages the web standards breakthroughs of the last five years. Today, we are excited to announce the open sourcing of the Lightning Web Components…

## [Salesforce TrailheaDX: Everything you need to know](http://r.socialstudio.radian6.com/455e3984-6e64-446d-befb-619fc811fa7f)

Alison DeNisco Rayome – May 29, 10:00 AM

Salesforce’s annual TrailheaDX developer conference is underway in San Francisco this week, and the global CRM powerhouse has announced a number of new features and updates for enterprise users and developers that take advantage of technologies…

## [Introducing the first Microsoft Edge preview builds for macOS](https://blogs.windows.com/msedgedev/2019/05/20/microsoft-edge-macos-canary-preview/)

Microsoft Edge Team – May 20, 2:03 AM

Last month, we announced the first preview builds of the next version of Microsoft Edge for Windows 10. Today, we are pleased to announce the availability of the Microsoft Edge Canary channel for macOS. You can now install preview builds from the…

## [Introducing Salesforce Blockchain – Salesforce Developers Blog](http://r.socialstudio.radian6.com/bcbd8f19-e18b-464e-831c-e13d8481faa8)

May 29, 10:05 AM

Salesforce Blockchain is a new way to build trusted networks. With Salesforce Blockchain, you can quickly create these networks using point-and-click tools. Network partners can be internal or external to your company, and you don’t have to know…

## Till Next Week

Want to share something? Let me know by leaving a comment below or emailing [brett@wipdeveloper.com](mailto:brett@wipdeveloper.com)  or following and tell me on [Twitter/BrettMN](https://twitter.com/BrettMN).

Don’t forget to sign up for **[The Weekly Stand-Up!](https://wipdeveloper.com/newsletter/)** to receive free the [WIPDeveloper.com](https://wipdeveloper.com/) weekly newsletter every Sunday!

The post [Around the Web – 20190531](https://wipdeveloper.com/around-the-web-20190531/) appeared first on [WIPDeveloper.com](https://wipdeveloper.com).
How do you clear your brain when you're facing a hard problem?
Tags: development, hard, problem, burn
Published: 2019-05-31 16:55:45

---
title: How do you clear your brain when you're facing a hard problem?
published: true
description: More often than not, while working, I can spend countless hours coding and solving any problem that comes up. However, sometimes I face a problem that at first looks simple, but grows into a mammoth.
tags: development, hard, problem, burn
---

More often than not, while working, I can spend countless hours coding and solving any problem that comes up. However, sometimes I face a problem that at first looks simple, but grows into a mammoth. After hours of trying different things, always receiving unsatisfactory results, I feel like my brain's been drained and I'm losing the battle. That's when I know I need to take a step back, and away from my monitor and focus on something else. Others can see this as procrastinating or even rage-quiting. For me, however, it's part of the process. I turn my attention to something else, "reset" my brain, or do something else, while thinking on different ways to solve the issue in the background. More often than not, I go back to my desk, and after a few minutes... It works!

We all know this breaks are necessary and important, but I also think it's important what do you on those breaks. Sometimes, working home, I do push-ups or take a brief jog. When I'm done, I feel like my brain is working faster and better. Other times, I just sit and read a random article, watch a TV show, or even play video games. I've found myself playing FIFA while solving the issue in my head, and then I sit and translate my thoughts to a working solution.

Do you do any of these, or have any different ways of resetting your brain and face those mammoths?
How I met your Gatsby - Day 1 && Day 2
Tags: challenge, gatsby, blogging, 30daysofgatsby
Published: 2019-05-31 16:23:45

---
title: How I met your Gatsby - Day 1 && Day 2
published: true
description: Gatsby in 30 days
tags: #challenge ,#gatsby, #blogging, #30daysofgatsby
series: The Great Gatsby 
---

I tried out styling the components this time. I copy pasted 

1) [Styling a component using CSS Modules]
(https://www.gatsbyjs.org/tutorial/part-two/#-build-a-new-page-using-css-modules)
2) [Building a new page using CSS Modules] (https://www.gatsbyjs.org/tutorial/part-two/#-style-a-component-using-css-modules)

Seemed interesting. The working of props and imported variables are kind of cool.  

```jsx

import React from "react"
import styles from "./about-css-modules.module.css"
import Container from "../components/container"

console.log(styles)

const User = props => (
  <div className={styles.user}>
    <img src={props.avatar} className={styles.avatar} alt="" />
    <div className={styles.description}>
      <h2 className={styles.username}>{props.username}</h2>
      <p className={styles.excerpt}>{props.excerpt}</p>
    </div>
  </div>
)

export default () => (
  <Container>
    <h1>About CSS Modules</h1>
    <p>CSS Modules are cool</p>
    <User
      username="Jane Doe"
      avatar="https://s3.amazonaws.com/uifaces/faces/twitter/adellecharles/128.jpg"
      excerpt="I'm Jane Doe. Lorem ipsum dolor sit amet, consectetur adipisicing elit."
    />
    <User
      username="Bob Smith"
      avatar="https://s3.amazonaws.com/uifaces/faces/twitter/vladarbatov/128.jpg"
      excerpt="I'm Bob Smith, a vertically aligned type of guy. Lorem ipsum dolor sit amet, consectetur adipisicing elit."
    />
  </Container>
)
```




I managed to find out some random new npm packages and other tools for different purposes eventhough i only cover a small portion of gatsby.


<ul>
<li>Surge</li>
<li>Deployhq</li>
<li>Netlify</li>


</ul>

 1)[Surge](https://surge.sh/)-Static web publishing for Front-End Developers

```cmd
npm install --global surge
```

 ![Alt text of image](https://www.gatsbyjs.org/static/2718feec8167496f9e7a5087a5f539e7/73d01/surge-deployment.png)


 2)[Deployhq](https://www.deployhq.com/) - Build, deploy, and manage
modern web projects

 3)[Netlify](https://www.netlify.com/) - Build, deploy, and manage
modern web projects(Extra stuffs)


## Upcoming- Creating nested layout components
How do I get international customers?
Tags: help
Published: 2019-05-31 16:12:53

---
title: How do I get international customers?
published: true
tags: help
---

Hi everyone,

I run a [web design agency in Addis Ababa, Ethiopia](https://www.businesstyc.com). I am curious about opportunities outside Ethiopia, I have landed some works before through word of mouth. But I want to find a regular channel. What are some ways I can do this? Thanks.

P.S: I am redesigning my website with CSS Grid so there might not be much there. I am saying this because I know some of you would suggest a lack of portfolio etc on the site. Thanks again.
How Long Should Junior Developers Introduce Themselves As "Junior Developers"?
Tags: career, developers, learning, jobs
Published: 2019-05-31 15:31:47

---
title: How Long Should Junior Developers Introduce Themselves As "Junior Developers"?
published: true
description: An opinion & discussion piece discussing the concept of job titles and potential self-imposed limitations.
tags: career, developers, learning, jobs
---

This is a little bit different than my normal weekly articles. Instead of giving you my own two cents, I'm looking for your opinions on a topic that came to mind recently as I made a few changes to my online presence.

A little background on myself: I just passed one year in my career as a full-time professional Software Developer (yay!) and although I would still consider myself to be a Junior Developer, I decided to remove the "Junior" portion from all of my career-based introductions and profiles and instead simply use ".NET Developer" or "Software Developer".

The reason I chose to make this change has to do with my worry about self-imposed limitations. I am getting more comfortable with much of the things required to be a decent developer - information gathering, product development (before writing code), writing code, refactoring in a pragmatic way, finding good edge cases, and running through a rigorous QA process before releasing to Production. I am certainly no expert, but I'm starting to feel the pieces coming together.


So my question to you, the reader, is:
<i><b>How long should Junior Developers continue to advertise themselves to the world as a Junior Developer?</b></i>
<ul>
<li>Would you consider there to be a particular 'rite of passage' that a developer should meet before they are not immediately considered a Junior?</li>
<li>As an interviewer, would you disqualify a developer who opted not to include Junior/Mid-Level/Senior in their own self-qualification, or would you interview them and come to your own conclusion?</li>
<li>How significant are these titles to others in the field?</li>
<li>I am not actively job seeking, but do you think I am false-advertising myself?</li>
<li>Anything else I didn't consider?</li>
</ul>


This is something I've been mulling over for the last week or so and I am excited to get a discussion going on this!
Mistakes Are Forgiven, Hiding Them Is Not
Tags: letterstoanewdev, honesty, mistakes, beginners
Published: 2019-11-02 15:05:06

---
title: Mistakes Are Forgiven, Hiding Them Is Not
published: true
tags: letters to a new dev,honesty,mistakes,beginners
canonical_url: https://letterstoanewdeveloper.com/2019/05/31/mistakes-are-forgiven-hiding-them-is-not/
---

Dear new developer,

We all make mistakes. Yes, this is not news, but it’s worth repeating.

We all make mistakes.

I have made them, you have made them, your boss has made them, the person you are interviewing with for the job you really really want and need has made them.

The one thing about mistakes is: never never hide them.

Now, that doesn’t mean you should hang every mistake out on your [blog](https://letterstoanewdeveloper.com/2018/12/10/start-a-blog/) or your [LinkedIn profile](https://letterstoanewdeveloper.com/2019/01/14/use-linkedin-and-use-it-well/). Just because we all should tell the truth doesn’t mean you should say every sentence you think.

But the people who need to know about your mistake should. Who needs to know depends on the scale and scope of your mistake. If in doubt about who needs to know in a professional setting, ask your mentor, your immediate supervisor or a trusted team mate.

Don’t take your time to do this. When you discover a mistake, you should immediately do the following:

1. Confirm it is really a mistake. You don’t want to be the [boy who cried wolf](https://en.wikipedia.org/wiki/The_Boy_Who_Cried_Wolf). So avoid making a mistake about a mistake. Take a look at the mistake from several different perspectives.
2. Think of a plan for fixing the mistake. This may entail bringing in other team members, depending on the severity of the mistake. It may entail shutting some things down so a mistake doesn’t get worse. There may be an immediate plan to fix the emergency and a longer term plan to prevent the emergency from happening again (perhaps using an [automated test](https://letterstoanewdeveloper.com/2019/04/29/learn-automated-testing/)).
3. Think about who is affected and the scope of the impact.

Finally, tell who is affected about the issue and the plan to fix it. This may in itself require some planning.

It’s very uncomfortable. When I was at a startup and was writing billing software for clients, there were times when I made a mistake. I remember one time when I had to email or call each customer whose billing I had screwed up. It sucked. But they understood and appreciated the transparency and honesty.

What is the alternative? Hiding your mistakes and pretending they never happened? This means that you don’t get to learn from them. Your users or boss may discover the mistake on their own and bring it to your attention in a far more unpleasant manner.

Making mistakes is fine (though try to not to make the [same mistake twice](https://letterstoanewdeveloper.com/2018/09/26/dont-make-the-same-mistake-twice/)). Hiding them is not.

Sincerely,

Dan
On Glitch This Week
Tags: glitch, glitchthisweek, showdev
Published: 2019-05-31 15:02:57

---
title: On Glitch This Week
published: true
canonical_url: https://glitch.com/@glitch/glitch-this-week-may-29-2019
series: Glitch This Week
cover_image: https://cdn.glitch.com/02863ac1-a499-4a41-ac9c-41792950000f%2FdevToBanner2.png
description: Just a few projects that caught our eye this week on Glitch (May 29, 2019).
tags: glitch,glitchthisweek,showdev
---

Glitch This Week is a regular series in which we round-up just some of the amazing projects that fantastic creators have made on [Glitch](https://glitch.com/). Here are a few projects that caught our eye this week.

## [Rock, Paper, Scissors V2.0](https://glitch.com/~rock-paper-scissors-two)

Inspired by a [tweet](https://twitter.com/yujiberra/status/1132505275779338245), [Jez Swanson](https://glitch.com/@Jezzamonn) created "[rock-paper-scissors-two](https://rock-paper-scissors-two.glitch.me/)" - a strategic variant of the rock-paper-scissors hand game. This simple tweak adds a new element to the game, and takes the mind-games when playing to a whole new level! 👊✋✌

{% twitter 1132505275779338245 %}
{% user jezzamonn %}
{% glitch rock-paper-scissors-two app %}


## [Scrollbar Pong](https://glitch.com/~scrollbar-pong)

[Neal Agarwal](https://glitch.com/@neal) is a prolific creator on Glitch. His projects often creatively re-use a browser element, like the [URL bar](https://url-zombies.glitch.me/), or the [console](https://console-reddit.glitch.me/). His latest creation continues this trend with a remake of the classic arcade game Pong, but using native scrollbars! 

{% user nealagarwal %}
{% glitch scrollbar-pong app %}


## [Embrace Rejection](https://glitch.com/~acute-toast)

[Margarita Noriega](https://glitch.com/@margarita)'s project "[acute-toast](https://glitch.com/~acute-toast)" procedurally generates rejection letters using Kate Compton's [Tracery](http://tracery.io/) library. Though strangely fun, at times the results are a little too on point 😅

{% glitch acute-toast app %}

Other apps in [this week's round-up](https://glitch.com/@glitch/glitch-this-week-may-29-2019) include a VR cash cannon, a live video block puzzle, and a string emojifier. [Check them out](https://glitch.com/@glitch/glitch-this-week-may-29-2019)!
Radix DLT - JavaScript Client Library 
Tags: javascript, blockchain, dlt, tutorial
Published: 2019-05-31 14:56:05

---
title: Radix DLT - JavaScript Client Library 
published: true
description: 
tags: #javascript #blockchain #dlt #tutorial
---

# Introduction

A JavaScript client library for interacting with a [Radix](https://www.radixdlt.com/) Distributed Ledger.

For an overview of the main components of the library and how they fit together, read this [blog post](https://www.radixdlt.com/post/introducing-the-radix-javascript-library).

>Note: this library and the network itself are currently in Alpha development phase. Please report any issues in the [GitHub issue tracker](https://github.com/radixdlt/radixdlt-js/issues).

# Features

-Full Typescript support
-Follow the reactive programming pattern using [RxJS](https://rxjs-dev.firebaseapp.com/)
-Cryptography using the [elliptic](https://github.com/indutny/elliptic) library
-Automatically manage connections to the Radix [Universe](https://docs.radixdlt.com/alpha/learn/glossary#universe) in a sharded environment
-Communication with the Radix network using RPC over WebSockets
-Read [Atoms](https://docs.radixdlt.com/alpha/learn/glossary#atoms) in any address
-Write Atoms to the ledger
-End-to-end data encryption using ECIES

# Installation

To install the library using your preferred package manager:
`yarn add radixdlt` or `npm install radixdlt --save`

# Example applications

-[Front-end example using Vue.js](https://github.com/radixdlt/radixdlt-js-skeleton)
-[Express.js server example](https://github.com/radixdlt/radixdlt-js-server-example)

# Build

To build the library using your preferred package manager:

`yarn install && yarn build` or `npm install && npm build`

# Test

Run tests with `yarn test`.

# Known issues

Angular

Apparently, on Angular 6+ versions, the node modules `polyfills` from webpack are not bundled. To fix your issue with crypto, path, etc. go to 

`node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/browser.js` and do the following change:

`node: { crypto: true, path: true }`

>Note: this is not a reproducible fix. If you install your modules in a new location, you will lose this change.

# Join The Radix Community

[Telegram](https://t.me/radix_dlt) for general chat
[​Discord](https://discord.gg/7Q7HSZZ) for developers chat
[​Reddit](https://reddit.com/r/radix) for general discussion
[Forum](https://forum.radixdlt.com/) for technical discussion
​[Twitter](https://twitter.com/radixdlt) for announcements
[​Email](https://radixdlt.typeform.com/to/nyKvMV) newsletter for weekly updates
Mail to [hello@radixdlt.com](hello@radixdlt.com) for general enquiries
Why did you decide to specialize in X development?
Tags: discuss
Published: 2019-05-31 14:53:14

---
title: Why did you decide to specialize in X development?
published: true
description: 
tags: discuss
---

We're all developers. However, some of us have chosen to specialize in game development or web development or mobile, etc. Why and when did you know that you wanted to focus on your particular area?