teleren/devto huggingface dataset:
Connecting Multiple Devices to a usb printer through a network
Tags: usbprinter, multipledevices
Published: 2021-08-26 16:42:51

In the modern era, Everyone likes to stay connected to the internet which enables us to gain knowledge in various fields in just a click. **Connectivity** is the most essential in our day today life. **Social Media Platforms** can be used to connect with people around the World.

As we have seen the importance of connectivity, Lets move into our topic.

The *Basic Terms* that we should know before entering into our topic

1.Admin Device (The device that receives all the print job)

2.Client Device (All the devices that can use the print option but requires permission from the admin)

3.Network (refers to Wi-Fi or a mobile hotspot)


Step 1:

We have to connect the admin device to the usb printer so that the admin  device can communicate with the printer and send the print jobs that is received from the client devices.

Step 2:

We require a mode of connectivity to connect multiple client devices. To create a mode of connectivity we can use a Wi-Fi or a mobile hotspot (with or without the internet access).

Step 3:

Ensure that all the devices (admin and client) are connected to the same network because this is the mode of communication for the devices.

Step 4:

We should enable the printer sharing option from the admin device so that the client devices has the option to send print jobs to the printer via the admin device.

In order to enable the sharing option from the admin device 
    
    1.Head to the Control Panel (it can be accessed by searching in the start menu)
    
    2.As our printer is a hardware, Select the Hardware and sound option. Then we select the devices and printers option.
    
    3. Right Click on the desired printer and select the printer properties and choose the sharing tab and enable the sharing option.

Step 5:

1.To add the printer in the client's device, Head to the Control Panel and choose the Hardware and Sound option.

2.Click on add a device and select the printer that is shared from the admin device.

Congratulations🎈✨🎉🎉, We have successfully completed all the steps.

Now we can print from multiple devices in a usb printer.
Hello
Published: 2021-08-26 16:41:38

# Table of Contents
1. [Example](#example)
2. [Example2](#example2)
3. [Third Example](#third-example)
4. [Fourth Example](#fourth-examplehttpwwwfourthexamplecom)
















sdf




















sdf

## Example
gdf
xgf
dfg
g
g
g
g
g
g
g
g

g
g
## Example2
## Third Example
## [Fourth Example](http://www.fourthexample.com)
New React dev seeking help
Published: 2021-08-26 16:39:44

Hi all, 

I'm a new React native developer and have recently been stumped on an issue pertaining to the DateTimePicker on IOS. I posted a question on StackOverFlow (https://stackoverflow.com/q/68942246/16569090)about my problem but essentially I'm trying to change the background colour of the date input from the default grey colour to white. Adding backgroundColor as a style didn't solve the issue. I would appreciate any help or input.
Set Multiple Attributes (hack)
Tags: javascript, hacks, codegolf, dom
Published: 2021-08-26 16:38:51


Not something you want to use - but funny way to set many attributes in a hacky way

{% codepen https://codepen.io/ZevanRosser/pen/zYzGKKR default-tab=js,result %}

_See more stuff like this over @ [Snippet Zone](https://snippet.zone/)_
Rectangle Intersection
Tags: javascript, collision, math, html
Published: 2021-08-26 16:28:40

Very useful for complex UI or simple games... checking if two arbitrary non-rotated rectangles intersect:


{% codepen https://codepen.io/ZevanRosser/pen/QWgbKEK default-tab=js,result %}


This is the real key, most of the rest of the code here is boilerplate...

```js
 rectA.left < rectB.right &&
 rectA.right > rectB.left &&
 rectA.top < rectB.bottom &&
 rectA.bottom > rectB.top
```

_See more stuff like this over @ [Snippet Zone](https://snippet.zone/)_
Resiliency
Tags: resiliency
Published: 2021-07-11 19:56:43

---
title: Resiliency
published: true
description: 
tags: resiliency
series: resiliency
//cover_image: https://direct_url_to_image.jpg
---

In a complex setup where hundreds of microservices talk to and depend on each other to function properly, things can always go wrong. Especially when multiple teams are involved in making changes. Sometimes multiple teams are involved in making changes on the same microservice! This is a sure shot recipe for issues that will crop up at stages starting from integration to weird production issues that may have no functional basis at all. Some issues are purely related to improper error handling, dependency management or infrastructure glitches causing cascading issues. It is this problem that Resiliency Testing tries to solve. While these need not be automated all the time, but having these automated (for a mature product) is most likely to be beneficial.

**Core Aim of Resiliency Tests:**

* Identify Resiliency Issues with the Application Under Test
* Help the team identify markers of issues that may otherwise take multiple hours to decode in a production environment
* Make a more observable system by introducing errors that will expose the need for more logging and tracing.

The two main areas for inducing uncertainty in a system are:

**Infrastructure**: Randomly shutting down instances and other infrastructure parts

**Application**: Introduce failures during runtime at a component level (e.g. endpoint/request level)

You then enable uncertainty randomly or intentionally via experiments:

* **Randomly (Chaos)**

 * More suitable for ‘disposable’ infrastructure (e.g. ec2 instances)

 * Tests redundant infrastructure for impact on end-users

 * Used when impact is well-understood


* **Experiments (Resilience)**

 * Accurately measure impact

 * Control over experimental parameters

 * Suitable for complex failures (e.g. latency) when impact is not well understood

Finally, you can categorize failure modes as follows:

* **Resource**: CPU, memory, IO, disk

* **Network**: Blackhole, latency, packet loss, DNS

* **State**: Shutdown, time, process killer

Many of these modes can be applied or simulated at the infrastructure or application level:

![Resiliency Areas](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zd9a2o4l49kd1qy0puxi.jpg)

After running an experiment, there are typically two potential outcomes. Either the system is found to be resilient to the introduced failure, or a problem is identified that may needed to be fixed. Both of these are good outcomes. In the first case, the confidence in the system and its behaviour is enhanced. In the other case, a problem has been found before it causes an outage.

By proactively testing and validating our system’s failure modes we can reduce operational burden, increase resiliency, and will eventually lead to reduced palpitations at the time of production issues.
Calculator
Tags: 100daysofcode, javascript, beginners, webdev
Published: 2021-08-26 16:21:01

# 100daysofcode [Day - 13]
Hello everyone, today I created a simple calculator using js.

Live preview: https://smart-js-calculator.netlify.app
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0rfh0klfbpshzffft8ur.png)
I need help on this: cant get it to work.
Tags: help, javascript, algorithms
Published: 2021-08-26 15:59:51

// Recursive Binary Search
function recursive(list, target) {
  if (list.length === 0) {
    return false;
  } else {
    let midpoint = Math.floor(list.length / 2);
    if (list[midpoint] === target) {
      return true;
    } else {
      if (list[midpoint] < target) {
        return recursive(list[midpoint + 1], target);
      } else {
        if (list[midpoint] > target) return recursive(list[midpoint], target);
      }
    }
  }
}

function verifyRecursive(result) {
  return `Target found : ${result}`;
}
Bite-Sized CSS: Pseudo Classes vs. Pseudo Elements
Tags: webdev, css, beginners, html
Published: 2021-08-26 15:54:11

##Pseudo Classes
- Starts with one colon.
- Deals with states, such as button:hover, button:focus.
- Selects the whole element.
- [MDN Pseudo Classes](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-classes)

##Pseudo Elements
- Starts with double colons, ::before, ::first-letter, etc.
- Selects part of the element.
- [MDN Pseudo Elements](https://developer.mozilla.org/en-US/docs/Web/CSS/Pseudo-elements)
Jejak Langkah Kehidupan Imam Bukhari 
Tags: islami, imambukhari, agama, muslim
Published: 2021-08-26 15:51:00

    Nama lengkap imam Bukhari adalah Abu Abdullah Muhammad bin Ismail bin Ibrahim bin Al - Mughirah bin Bardizbah Al - Ju'fiy Al - Bukhari. Lahir di Bukhara, daerah Uzbekistan, Asia tengah sekarang. Karena tempat lahirnya tersebut, ia masyhur dikenal sebagai Bukhari. Dalam sebuah catatan disebutkan tanggal lahir imam Bukhari adalah 13 Syawal 194 H atau 21 Juli 810 M. 
    Dalam sebuah catatan, tak lama setelah imam Bukhari lahir dan membuka mata, ia kehilangan penglihatannya. Ayah Imam Bukhari yakni Ismail yang juga seorang alim sangat sedih karena hal itu. Ibu imam Bukhari pun tak henti - hentinya berdoa supaya Allah Swt menyembuhkan penglihatan Imam Bukhari. Beberapa waktu kemudian, ibu Imam Bukhari bermimpi bertemu dengan nabi Ibrahim As. Dalam mimpinya, nabi Ibrahim As memberitahukan Ibu imam Bukhari bahwa Allah Swt. telah menyembuhkan penglihatan Imam Bukhari,  hal itu berkat doa - doanya yang tiada henti. Betul saja, ketika ibu Imam Bukhari bangun, imam Bukhari telah sembuh dan dapat melihat kembali.
    Ayah imam Bukhari, Ismail, adalah seorang yang sangat alim, wara dan menghindari hal - hal yang subhat. Ia murid dari Imam Malik, seorang ahli fikih yang masyhur dan pendiri madzhab Maliki. Ia memberikan pelajaran yang baik terhadap imam Bukhari kecil, sehingga tertanam pondasi akhlak mulia dalam diri imam Bukhari. Namun, sang ayah wafat ketika Imam Bukhari masih kecil. Setelah ayahnya wafat, imam Bukhari diasuh oleh ibunya. Pada usia 10 tahun, imam Bukhari belajar kepada Syeikh Ad - Dakhili, seorang ulama hadis yang masyhur di Bukhara saat itu. Dalam usianya ke 18 tahun imam Bukhari menerbitkan kitab pertamanya yang berjudul, Kazaya Shahabah Wa Tabi'in.

Referensi lebih lengkap tentang imam bukhari bisa dicek di https://www.penadiksi.com/2021/08/jejak-langkah-kehidupan-imam-bukhari.html
TIL: Go range on time.Tick for regular tasks 
Tags: todayilearned, go, tick
Published: 2021-08-26 15:46:02

---
title: TIL: Go range on time.Tick for regular tasks 
published: true
description: Repeating regularly tasks in Go over time
tags: todayilearned,go,tick
//cover_image: https://direct_url_to_image.jpg
---

Today I learned how to simply repeat a task over time with regularity in Go:

```go
for range time.Tick(1 * time.Second) {
	fmt.Println("Hello, playground") // any task here
}
```

Here's a playground example in action: https://play.golang.org/p/RUdgii5EMx7
Facade Design Pattern - C#
Tags: csharp
Published: 2021-08-26 15:45:38

Facade is a structural design pattern that provides a simplified (but limited) interface to a complex system of classes, library or framework.


![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5l6l9cfm2g4maprwjhvj.JPG)

## Participants
  The classes and objects participating in this pattern include:

* Facade(MortgageApplication)
	* knows which subsystem classes are responsible for a request.
	* delegates client requests to appropriate subsystem objects.

* Subsystem classes(Bank, Credit, Loan)
	* implement subsystem functionality.
	* handle work assigned by the Facade object.
	* have no knowledge of the facade and keep no reference to it.

cheers!!
Note: Will add details more shortly.
How to Loop JS Object Values
Tags: javascript
Published: 2021-08-26 15:13:26

So, How to Loop JavaScript Object Values ?

Here It's 

```
const myJSON = '{"name":"John", "age":30, "car":null}';
const myObj = JSON.parse(myJSON);

let text = "";
for (let x in myObj) {
  text += myObj[x] + ", ";
}
```
**Updated**:
I find simple one line code for that without use loop from comment section.

```
const text = Object.values(myObj).join(',')
```
Comment By [rancy98](https://dev.to/rancy98) , Thank you rancy
So Simple, Isn't it? Have a Nice day and Don't forget to follow.
🚀 Auth0 No-Code Actions Integrations now available in Beta
Tags: integration, security
Published: 2021-08-26 14:48:13

### ⚙️ #Actions #Integrations reduce the amount of custom code you need to write, maintain, and update. 

### <br>

[Actions launched recently](https://auth0.com/blog/actions-now-generally-available/) as the next evolution of extensibility with Auth0, picking up where our legacy extensibility tools Rules and Hooks leave off. Actions unifies the Auth0 extensibility experience in one place. With it, we took the power of Rules and Hooks and created a greatly improved developer experience with features such as an industry-standard VS Code style editor, typescript, draft mode, version control, improved secret management, and an expanded library of NPM modules. Actions gives developers the ability to customize Auth0 using the full spectrum of coding options from pro-code to [low-code](https://auth0.com/blog/what-is-low-code-how-low-code-can-speed-digital-transformation/), with the addition of no-code Actions Integrations.

Actions Integrations, as our new zero-code layer, offers an easy experience to extend Auth0 with partner-built innovations with no coding required. Now you can implement key integrations such as Identity Verification or Consent Management to your workflow without writing or maintaining a single line of code, the provider of the integration takes care of that. To use Actions Integrations, simply install an integration from the Auth0 Marketplace and drag-and-drop it into your Actions workflow. Then with only a few configuration settings, the integration is part of your tenant.

Actions Integrations, currently in Beta, are now available through the [Auth0 Marketplace](https://marketplace.auth0.com/) and in Actions in the Auth0 Dashboard. This marks an essential milestone in how you can leverage innovations from Marketplace Partners into your Customer Identity Access Management (CIAM) workflows. Through Actions and Marketplace, we are creating an ecosystem of sustainable, and ever-growing plug-and-play partner integrations that allows developers to solve many identity extensibility scenarios faster and without extra code.

Pro-Code custom Actions will continue to be a core feature of Auth0, with all the support you’ve come to expect. By adding Actions Integrations to our offerings, we give you the option to replace the custom code for common solutions with no-code integrations and leave the custom code layer for unique use cases to you. This reduces your overall maintenance and risks associated with custom code.

[Read more...](https://auth0.com/blog/auth0-no-code-actions-integrations-now-available-in-beta/?utm_source=content_synd&utm_medium=sc&utm_campaign=integration)
Flask[Part 2]: Setting up Database
Tags: python, flask, webdev, beginners
Published: 2021-08-26 14:35:29

##Introduction
This article is a continuation of our [Previous Post]() where we tackled setting up working directory, working environment , installing  flask and run a flask app.
In this article we will focus on creating models , migrations and testing database
##Prerequisite
- python 3+ installed
- Flask Installed; A working flask app 
- PostgreSQL optional; work with DBMS of your choice

Before you start, create a model.py file  in project folder and   install ,import the following packages:
- flask-login
- flask-sqlalchemy
- flask-migrate
- itsdangerous
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/db9e6wxfmdmou7urxeqk.png)
On the database configuration, it is advisable to hide the db details using environment variables. 
 
Now Go ahead the model
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/926ozynk2q50k6o69brf.png)

After creating our model and ensuring that the DBMS of your choice is working, carry out a migration:
```shell
(env) tito@tito-HP-2000-Notebook-PC:~/Desktop/Milestone/Mile_Proj$ flask db init
(env) tito@tito-HP-2000-Notebook-PC:~/Desktop/Milestone/Mile_Proj$ flask db migrate
```
The migrations will automatically create tables in your Database.
Thank you for following .
The next article , I will handle forms for collecting data.
------------------------------------ [NEXT ARTICLE]()------------------------------------
Getting Started with CSS Animations
Tags: css, ux, animation, tutorial
Published: 2021-08-26 14:24:41

Earlier this week we spoke about some helpful [UX tips to keep in mind when you are creating animations for your website.](https://codesphere.com/articles/the-ux-amateurs-guide-to-web-animations-7307dbb98ae) 

If you're new to web animations, however, it may be helpful to take a dive into leveraging CSS animations to make your website more sleek, memorable, and usable.

###Keyframes

The key to creating CSS animations is understanding keyframes (see what I did there?), which are the unique states that an object goes through in its animation.

Every CSS animation must have at least two keyframes, each with a specific styling. The object being animated will then gradually transition between the styles of each keyframe.
Using keyframes, we can define animation in CSS like so:

{% gist https://gist.github.com/LiorB-D/04bf9c1258ab94a73de0343a2cd71a27 %}

While in that example we only have two keyframes, one at the beginning and one at the end, keep in mind that we can define additional keyframes for any point in the animation.

We can then assign a style to this animation by its name like so:


{% gist https://gist.github.com/LiorB-D/a791fcbb145bbd0e1400b745dd54ee0a %}

And there you go, you've animated a simple fade-in effect.

___

###Getting Fancy

Don't worry though, CSS has a lot more ways than just duration to configure your animation. Let's go through them:

* animation-delay - Exactly what it sounds like. Delays the start of your animation

* animation-iteration-count - How many times the animation will run, put 'infinite' for it to repeat forever

* animation-direction - Can be forward, backward, alternate (Run forwards then backward), or alternate-reverse (Run backward then forwards)

* animation-timing-function - We explained the concept of easing functions in this article, but it is basically the pace at which you want the animation to run. You will normally want this set to ease, ease-in, or ease-out

* animation-fill-mode - After the animation is finished, do you the element to retain its starting (backward) or ending (forwards) state

___

###Some Simple Demos
With that in mind, here are some simple animations you can make:

**Color Changing Background:**


{% gist https://gist.github.com/LiorB-D/2281a6b4bfe5afee1503bb087fb1daf1 %}

**Loading Icon:**


{% gist https://gist.github.com/LiorB-D/7794db4170fb4694b02bff958bd8fe95 %}


**Expanding Button:**


{% gist https://gist.github.com/LiorB-D/67722f55e2173389433c210915569767 %}

___

###Next Steps

CSS Animations continue to be one of the easiest ways to add some life to your website. Keep in mind, however, that they are far from the only way.

There are plenty of animation libraries to pair well with your favorite javascript frameworks, not to mention the good amount of animation that can be done with HTML canvas and some simple javascript.

Have any questions about CSS animations? Drop them down below.

Happy coding from your good friends at [Codesphere](https://link.codesphere.com/CU), the next generation cloud provider
Check Every property Before JSON Parse Data into a JS Object.
Tags: javascript, json
Published: 2021-08-26 13:49:34

Today, I'll explain how to check each property when you parser JSON into a  JS Object.

The answer is simple; We add a second parameter to our code which call reviver, to accomplish this.

```
const text = '{"name":"John", "birth":"1986-12-14", "city":"New York"}';
const obj = JSON.parse(text, function (key, value) {
  if (key == "birth") {
    return new Date(value);
 } else {
    return value;
  }
});
```
According to this example, we get two parameters: ' key' and 'value. We check if the key is equal to "birth," and if it does, the value will change as data format, and If not, nothing will happen. 

So cool and short, Isn't it? If this is helpful, don't ignore following me
BEST Way to Get Remote Software Developer Jobs
Published: 2021-08-26 13:42:11

This blog is been written from the information I gained from podcast of Ishan Sharma with Kunal Kushwaha and I would love to share it with you all.

1) Learning in Public:
   Share good work in public like if you have 
   learnt something from the course or from 
   an event, attended a hackathon or made a 
   project do share your learnings and 
   achievements on socials. Take part in 
   student communities.

2) How to get Opportunities?
   Go to linkedin and twitter find people who 
   are working in your desired company. Then 
   draft an email where you are sharing your 
   portfolio, achievements and also 
   interested in working at the tech stack 
   which company uses. 

3) Make a structured path and start doing 
   hardwork
   Your aim should be like within the end of 
   this year to gain this opportunity I need 
   to do this much of hardwork. Add 
   achievements to your portfolio reach out 
   to people to create opportunities. If you 
   are doing opensource contributions then 
   more opportunities are available to you.

4) Once your public profile is good and your 
   portfolio is also good like you have made 
   projects ,contributed to open source and 
   you have networked with people. Then 
   there are higher chances of opportunities 
   coming to you.
My Visual Studio Code Workspace Template
Tags: vscode, webdev, productivity
Published: 2021-08-26 13:33:54

Hello guys! I come here to share with you the settings and extensions used in my workspaces of Visual Studio Code.
[lucianodouglasm2 / template.code-workspace](https://gist.github.com/lucianodouglasm2/0487d3a768004e1d0940597a137d4776).
Introduction to programming
Tags: programming, beginners, tutorial, computerscience
Published: 2021-08-26 13:32:00

Programming is a way to instruct the computer to perform diverse tasks.

You may ask, why do we even need programming?
Why not directly do something with the hardware and stuff.

You see, computers only understand Binary that is 0's and 1's.
Now, why Binary? 
Computers built with electronic components transmits data in the form of ON or OFF, hence binary. (in simple terms)

Coming back to the question, why do we even need programming?
Imagine writing instructions to the computers just using 0's and 1's.
Don't you think it would be tiresome work to do?

See, this is why we need programming languages.
Programming languages allow us to write programs and perform tasks and also makes the programs human readable.


We, humans, communicate with each other using languages like Tamil, Hindi, English, French or any other language.
![Human Language](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xdqrrnlawlr17u5s08u3.png)

Similarly, we use programming languages like Python, Java, C++ or others to communicate with the computer.
![Programming Language](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qeeb7i5y7wzrrat77z1s.png)

Take a look at the tutorial version of this blog at Kunal Kushwaha's channel:

{% youtube wn49bJOYAZM %}

Kunal is creating an amazing course on "Java + Interview Preparation + Competitive programming" for FREE on YouTube.

Here's the GitHub Repository for detailed curriculum and resources: https://github.com/kunal-kushwaha/DSA-Bootcamp-Java

Here's the YouTube playlist: https://youtube.com/playlist?list=PL9gnSGHSqcnr_DxHsP7AW9ftq0AtAyYqJ

So, do check it out.

Feel free to share if you found this useful 😃.
What would the ideal web framework look like?
Tags: discuss, webdev, javascript
Published: 2021-08-26 13:22:53

It seems like every week there is another ground-breaking new web framework. Some of them are interpreted, some compiled. Some of them are based on HTML tags, some component driven, and so on. 

So, what would the "ideal" framework look like, maybe using ideas of existing frameworks? Of course, no framework is perfect for use everywhere, but what would come close?