teleren/devto huggingface dataset:
The most important factor you want to check while starting a new business
Tags: beginners, startup, writing, business
Published: 2022-03-10 20:32:29

To start a new business and making it profitable is a dream of every entrepreneurs.it maybe a startup or it maybe a normal business but before you start to plan your business you want to cross verify it.
While starting a new business most of us give focus primarily on getting an innovative idea or an idea having less competition in the market  and the second point most of us think about is the profit and the market. But in most of the cases we forget to think about our interests. 
Our internet is the most important factor we want to check primarily before you start a business because the interest is the only factor which make you consistent in your work.if your business is consistent for a long period of time it will definitely go higher. Consistency in a business make huge trust in customers. This trust will gives you a strong market.
If you are not interested in the business what you do, then you can't remain in that for a long period,it's sure that you will quit,  even if that business was profitable. 
So give importants to your interests and also collaborate with the persons having same interests 


_have a good day_
Chaos engineering for serverless with AWS Fault Injection Simulator
Tags: aws, chaosengineering, serverless
Published: 2022-03-10 19:17:33

---
title: Chaos engineering for serverless with AWS Fault Injection Simulator
published: true
description: Resources for the session Chaos engineering for serverless with AWS Fault Injection Simulator
tags: aws,chaosengineering,serverless
//cover_image: https://direct_url_to_image.jpg
---

This post contains resources for the session Chaos engineering for serverless with AWS Fault Injection Simulator.

{% embed https://www.youtube.com/watch?v=xNhWZkBslUQ %}

Companies of all sizes and industries perform chaos experiments on instance- and container-based workloads. However, serverless functions and managed services present different failure modes and levels of abstraction.

This session looks at forming hypotheses to fit serverless, what the experiments can achieve, and how to perform them safely using AWS Fault Injection Simulator and open-source libraries.

#### Fault injection for AWS Lambda - failure-lambda
failure-lambda is a small Node module for injecting failure into AWS Lambda. It offers a simple failure injection wrapper for your Lambda handler where you then can choose to inject failure by setting the failureMode to latency, exception, denylist, diskspace or statuscode.
https://github.com/gunnargrosch/failure-lambda

#### Chaos Injection for AWS Lambda - chaos_lambda
chaos_lambda is a small library injecting chaos into AWS Lambda. It offers simple python decorators to do delay, exception and statusCode injection for your AWS Lambda function. This allows to conduct small chaos engineering experiments for your serverless application in the AWS Cloud.
https://github.com/adhorn/aws-lambda-chaos-injection

#### SSM Document for storing configuration in Parameter Store
Enables support for putting configuration in parameter store to enable AWS Lambda faults via libraries.
https://github.com/adhorn/aws-fis-templates-cdk/blob/main/lib/fis-upload-ssm-docs/documents/ssma-put-config-parameterstore.yml

#### AWS FIS experiment using SSM automation and AWS Lambda libraries
https://github.com/adhorn/aws-fis-templates-cdk/blob/main/lib/fis-experiments/lambda-faults/experiments-stack.ts

#### AWS Resilience and Chaos Engineering Day
Watch the recorded session from AWS Resilience and Chaos Engineering Day to learn more about chaos engineering and resilience.
[https://pages.awscloud.com/EMEA-field-OE-resilience-chaos-engineering-day-202111-reg-event.html](https://pages.awscloud.com/EMEA-field-OE-resilience-chaos-engineering-day-202111-reg-event.html?trk=chaoscarnival)

#### Resilience and Chaos Engineering Community on Twitter
Learn from and connect with others who are using Chaos Engineering to improve performance, observability, and resilience.
https://twitter.com/i/communities/1496442468375703556

If you have any questions, please reach out on [Twitter](https://twitter.com/GunnarGrosch) or [LinkedIn](https://www.linkedin.com/in/gunnargrosch/). Go experiment!
TERMINAL komandalar | Part 2
Tags: vscode, terminal, uzbek
Published: 2022-03-10 19:07:25

**1**. ` build-essential `
`sudo-up-get install build-assential`
komandasida **ubuntu** uchun **C/C++** va boshqa tillari kompilyatorlarini o'rnatadi.
**2**. `VSCODE`
Ubuntu sistemasida `VsCode` dasturini o'rnatish uchun [link](Visual Studio Code) ustiga bosib ` VsCode ` faylni yuklab **Terminal** orqali boring (odatda `cd~/Dowloads`)
-endi yuqoridagi faylni o'rnatish kerak:
` sudo dpkg -i <file_nomi>. `
Control your device with gesture through your webcam with eyeSight.
Tags: webcam, eyesight
Published: 2022-03-10 18:39:34

We all know that the touch screen is today at the forefront of device management and control. Although there are still some groups reluctant to use touch devices, the reality is that it is the trend to follow. Well, in the midst of the eruption of the touch world, an Israeli company has shown once again that the world of technology is advancing by leaps and bounds and has already launched a proposal that may, in the future, perhaps not too distant, advance to touch control and be placed in first place.

EyeSight Technologies
The Israeli company, eyeSight Technologies , has presented a system thanks to which we will be able to control our device through movements and gestures and that is also compatible with the vast majority of existing platforms.

Many of us might think that it is not a new technology since, for example, Xbox and PlayStation have been using gesture control for a long time. But these platforms need the help of physical devices (Hardware) to make gesture control possible, such as Kinect and PlayStation Move, respectively. This is where eyeSight makes a difference, offering full control of the device without any external hardware.


Webcam with eyesight
EyeSight will only need your built-in camera or webcam to perform motion detection and gesture recognition. All thanks to the fact that it is a 100 percent software-based service. Nothing else will be necessary (no external devices, no touch support...). It is also important to note that it is compatible with all devices compatible with Windows, Linux and iOS.

At the moment the software is intended for developers and device manufacturers who will have the possibility to incorporate the software into their products. Until now, the possibility of launching the software as a final product for users has not been considered, so we will have to forget about using eyeSight as an application on our device.

It is true that this new way of controlling our device is fresh out of the oven and that it will need a process of development and improvement to improve and consolidate. Do you think that this new control system will be accepted by the users or will it be discarded due to mistrust? Leave your opinion in the comments.
So planst du einen neuen Nischenblog - Mit Beispielen
Tags: bloggen
Published: 2022-03-12 12:23:34

---
title: So planst du einen neuen Nischenblog - Mit Beispielen
published: true
date: 2022-03-10 18:34:05 UTC
tags: Bloggen
canonical_url: https://bloggerpilot.com/nischenblog-planen/
---

![So planst du einen neuen Nischen-Blog](https://bloggerpilot.com/wp-content/uploads/2022/03/neuen-blog-planen.png)

Wie plane ich einen Nischenblog? Genau diese Frage stellen mir...

Der Original-Artikel erschien auf [So planst du einen neuen Nischenblog - Mit Beispielen](https://bloggerpilot.com/nischenblog-planen/).
Simple Roadmap To Learn ReactJS
Tags: javascript, react, webdev, beginners
Published: 2022-03-10 18:06:38

# WebDev Basic

1. GIT
2. HTML
3. CSS
4. JavaScript
5. NPM Ecosystem
6. DevOps Basics For Deploying Your App

# First Steps Into React

1. [Understand React](https://reactjs.org/tutorial/tutorial.html#what-is-react)
2. How To Set Up Your DevEnv
3. JSX
4. Components
5. State
6. Props
7. Lists/Keys
8. Lifecycle Methods

# Advance in React
1. Styling
2. Form Handling
3. Data Handling
4. Reconciliation Process
5. Hooks
6. Custom Hooks
7. Context

# Become An Expert
1. Lazy Loading
2. Portals
3. State Management
4. Routing
5. Theming
6. Patterns
7. Anti-Patterns


# Starter Links

- [learn git](https://www.atlassian.com/git)
- [learn html](https://www.w3schools.com/html/)
- [learn css](https://web.dev/learn/css/)
- [npm](https://www.npmjs.com)
- [learn js](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript)
- [gamify learning js](https://javascript.plainenglish.io/learn-javascript-while-playing-games-gamify-your-learning-9f41d4d3dad9)
- [official react tutorial](https://reactjs.org/tutorial/tutorial.html)
- [freecodecamp full frontend course](https://www.freecodecamp.org/learn/front-end-development-libraries/)
- [freecodecamp react course](https://www.freecodecamp.org/learn/front-end-development-libraries/#react)
- [codecademy react](https://www.codecademy.com/learn/react-101)
- [codecademy react testing]
(https://www.codecademy.com/learn/learn-react-testing)
- [codecademy react router](https://www.codecademy.com/learn/learn-react-router)


------------

Hopefully, these resources will help you. If you have any tips, feel free to contribute them.

Writing has always been my passion and it gives me pleasure to help and inspire people. If you have any questions, feel free to reach out!

Connect me on <a href='https://www.twitter.com/paulknulst' target="_blank">Twitter</a>, <a href='https://www.linkedin.com/in/paulknulst/' target="_blank">LinkedIn</a> and <a href='https://github.com/paulknulst' target="_blank">GitHub</a>!

Visit [my Blog](https://www.paulsblog.dev) or my <a href='https://medium.knulst.de' target="_blank">Medium Blog</a> for more articles like this

------

Photo by <a href="https://unsplash.com/@flowforfrank?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Ferenc Almasi</a> on <a href="https://unsplash.com/s/photos/javascript-react?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
Python for everyone: Mastering python the right way.
Tags: beginners, programming, python
Published: 2022-03-10 18:06:13

Python is a very interesting and vast language. In order to not get lost and give up, it is important to know where to start your learning journey and how to get better. This article will focus on some guides to start and progress with python until you get mastery over it. Even if you are not new to it, languages constantly evolve and knowing how to keep up and constantly learn to keep your knowledge up to date is very important.
What I have found to be very helpful is finding a platform that goes well with your schedule that will help you learn. There are workshops, boot camps, courses, apps and other materials that are really helpful. Use what works best for you and your time. As you learn, seek to understand and write notes that you can go back to as much as you need to.
Secondly, I would advise that one takes time each day to code. We have 24 hours in a day. Take as much time as you can spare each day, even if it is just a few minutes, and practice code. Get challenges from the internet, learn a new concept, understand someone else’s code or whatever else you can do in line with the above. The more you take time to code, the more the language will be ingrained in your memory and the more you will have mastery over it.
Lastly, there is a very rich community online of people that code. You need to get into those forums and interact with others. There, we can all learn from each other. There are a lot of bugs you might come across in your coding journey that someone else has already identified and posted a solution to. It will save you so much time if you could learn from others and get into forums where you can ask questions when you get stuck. Also, in the online platforms, you can interact with other people’s codes and get challenges that you can try come up with solutions to. Community is very vital to one’s growth.
In conclusion, leaning python is a skill you will not regret getting into. Above are just some few tips that have come in handy in my coding journey and I hope they help you. All the best in your journey, do not quit and remember to take breaks.
File Display using Wizard's Toolkit
Tags: php, programming, lowcode
Published: 2022-03-10 17:49:01

Wizard's Toolkit is a library of PHP functions to make building responsive-designed websites and hybrid mobile apps quick and easy. This library was started in 2009 and has been enhanced and grown over the years.

This video gives a complete code walk-through and showcases the File Display function.

{% youtube pIJfRXWncQQ %}

Almost all websites need to show a gallery of images, PDFs and/or videos. Sometimes those are stored in a database, and sometimes you may want to just show all files that are in a folder and sub-folders.

First we examine pulling the information from a SQL database. The SQL script retrieves the locations of the user images and path to that image.

In PHP we use PDO to pull in the data into a PHP array. Then just pass that array to wtkFileDisplay and it returns the HTML to evenly distribute the images in a nice viewing grid. The function dynamically determines the optimal number to show per row but you can override that.

For this example we are using MaterializeCSS which has a nice lightbox effect for images.

Next we look at the wtkReadDir function which can be used to get a listing of files from a directory and it's subdirectories. You can pass in a specific file extension to search for, or use the special 'image' or 'video' value to find all image file types or video file types. If you want to check specific directory instead of the directory your PHP file is in, you can.

Of course you can merge multiple arrays using array_merge_recursive then pass to wtkFileDisplay and voila, you have a combination of videos, images and PDFs. Likewise you could also pull from your SQL database and merge it into the array and display.

Last thing to note, the wtkFileDisplay function uses wtkFileCell to generate the HTML based on file type. The wtkFileCell uses wtkInsertSpaces on the file name to make it more user-friendly. The wtkInsertSpaces function adds a space between words based on WordCaps or snake_case. That way when you change a file name in the folder it displays nicely on the web page. This wtkInsertSpaces is used by many other functions in Wizard's Toolkit to save developers huge amounts of time.

Wizard's Toolkit - Low-code library of PHP, SQL and JavaScript
https://WizardsToolkit.com
When is onChange not the same as onChange?
Tags: react, solidjs, stenciljs, javascript
Published: 2022-03-10 17:38:07

A colleague raised a fair question, *why doesn’t an input element's onchange event type behave the same as React’s onChange?*

*Wait, what do you mean?*, was my initial thought not realizing the inherent difference between the two.

Digging deeper into the question uncovered what could be a jarring experience for a developer.

## What we’d expect?🤔


### The native web API `onchange` attribute

```html
<input type=“text” onchange=“console.log(‘changed’)” />
```
When do we expect the string *changed* to appear in the console? 

1. After a user presses a key?
2. [After the user changes focus from the input element? ✅] (https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event)
3. After the last key is pressed?


### React's `onChange` prop

```jsx
<input type=“text” onChange={() => console.log(‘changed’) />} />
```
I think we know what happens here. 

The string appears in the console each time the user *inputs* a new value.

The two event types behave differently by design. 

[The React team believes this is how the native `onchange` should behave.](https://reactjs.org/docs/dom-elements.html#onchange)

Whenever the element's value has *changed*, the corresponding event should fire.

But wait, don't we already have an event type for that? 

## The input event


### The native web API `oninput` attribute

```html
<input type=“text” oninput=“console.log(‘changed’)” />
```

### React's `onInput` prop

```jsx
<input type=“text” onInput={() => console.log(‘changed’) />} />
```
Here, both React and the web API behave the same, or *as we'd expect*. The string appears in the console when the user changes the element's value. 

So, shouldn't we leverage `onInput` instead of `onChange`? Well, that's likely the way to go if one's working with other JSX-based frameworks.

## When `onChange` isn't `onChange`? 

Stencil.js is a neat framework for building web components. Like React, Stencil uses JSX for markup. [And if we wanted to use React's `onChange` behavior, we'd instead need to use `onInput`.](https://stenciljs.com/docs/forms)

Solid.js, a newer web framework which draws inspiration from React, can also use JSX for markup. [And like Stencil.js, `onChange` behaves like the native web implementation.](https://www.solidjs.com/docs/latest)

So, if one were to migrate some JSX from one framework to another, note that React's subtle opinion may not carry over.

`oninput` may also be a good choice if one wants to avoid the `onchange` trap altogether. 👀
How I generated a random response from a API
Tags: javascript, webdev, beginners, discuss
Published: 2022-03-10 17:34:24

```
       function firstFetch(){
        fetch('url')
        .then((resp) => resp.json())
        .then((data) => grabRandomId(data));
    };
function grabRandomId(arry){
    let newId = Math.floor((Math.random() * arry.length) + 1);
            fetch(`url/${newId}`)
            .then((resp) => resp.json())
            .then((data) => console.log(data));
        };

```
Any critiques on this are more than welcome
Công nghiệp Việt Nhật
Tags: javascript, python, css, devops
Published: 2022-03-10 17:28:03

"Công nghiệp Việt Nhật là đại lý chính hãng của nhiều hãng xe nâng cao cấp tại Việt Nam Từ Nhật Bản, Hàn Quốc, Đức.
Các loại xe nâng chúng tôi bán, bảo dưỡng đa dạng từ xe nâng tay, xe nâng phuy, xe nâng điện, xe nâng dầu. 
Website: [https://congnghiepvietnhat.vn/](https://congnghiepvietnhat.vn/)"
Community Discussion Thread — Deepgram Hackathon on DEV
Tags: hackwithdg, deepgram, ai, discuss
Published: 2022-03-10 17:19:23

---
title: Community Discussion Thread — Deepgram Hackathon on DEV
published: true
description: A place to discuss your progress with the Deepgram Hackathon on DEV — and lend encouragement to one another!
tags: hackwithdg, deepgram, ai, discuss
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vhext9n1kek52ibm26tt.png
---

**This thread is your place to share progress with other [Deepgram x DEV Hackathon](https://dev.to/devteam/join-us-for-a-new-kind-of-hackathon-on-dev-brought-to-you-by-deepgram-2bjd) participants — and to motivate one another throughout the contest!**

In this thread, you can share...
> - Positive encouragement for other hackathon participants
> - Milestones you've achieved or things you've learned throughout the hackathon
> - Links to DEV posts related to your official submission (especially if you've written multiple reflections/progress posts). Don't forget to utilize the DEV article embed tag when sharing a link! 

>> _<mark>Note: Don’t forget that we’re granting a **special profile badge** to anyone (outside of the DEV and Deepgram teams) that comments on this thread. Additionally, the DEV team will be randomly selecting one person from this thread to receive **$50 USD** to the Forem Shop! This goes for anyone in the DEV Community – whether you plan to submit an entry or not. For more information, take a look at the official contest rules [here]().<mark>_



If you need help during the Deepgram Hackathon on DEV, head over to the [help thread](https://dev.to/devteam/deepgram-x-dev-hackathon-help-thread-47h9)

#### _Comment Below!_
Deepgram x DEV Hackathon Help Thread
Tags: hackwithdg, deepgram, ai, help
Published: 2022-03-10 17:18:43

---
title: Deepgram x DEV Hackathon Help Thread
published: true
description: Comment here if you need any help during the Deepgram Hackathon on DEV!
tags: hackwithdg, deepgram, ai, help
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uzxsqlcl4qonl0p6344o.png
---

If you're participating in the [Deepgram Hackathon on DEV](https://dev.to/devteam/join-us-for-a-new-kind-of-hackathon-on-dev-brought-to-you-by-deepgram-2bjd), we’re so excited to have you joining us! Need some help with your submission or participation? You’re in the right spot.

If you have any questions about how this contest works (_ex: due dates, how to post your submission, picking a category/challenge, etc._) the DEV team is here to help you.

### How to Use This Thread
If you’ve browsed [Deepgram’s documentation](https://developers.deepgram.com/) but need some help understanding or implementing a feature, @BekahHW from the Deepgram team will be here to jump in and assist you. This thread is a great resource for you whether you’re taking part in the “Build” or “Innovative Ideas” challenge.

**Comment below if you need asynchronous assistance with the Deepgram Hackathon on DEV** ❤️ 

> _<mark>Note: Don’t forget that we’re granting a **special profile badge** to anyone (outside of the DEV and Deepgram teams) who answers a question and to anyone who ASKS a technical question about Deepgram here in the help thread. Additionally, the DEV team will be randomly selecting one person per badge category to receive **$50 USD** to the Forem Shop! This goes for anyone in the DEV Community – whether you plan to submit an entry or not. For more information, take a look at the official contest rules [here](). DEV and Deepgram will wait to answer thread questions until we’ve given the community a chance to hop in.<mark>_

### Open Office Hours with Deepgram Devs

**[Deepgram](https://dev.to/deepgram) will also be hosting open “office hours” on their [Twitch Stream](https://twitch.tv/deepgramdevs) every Friday at 6:30 PM UTC throughout the contest (March 11, 18, & 25. April 1 & 8).** During these streams, Deepgram will be addressing some of the questions asked in this thread _and_ in the live Twitch chat. If they choose a question you posted to the help thread to talk about on the live stream, you'll be entered to win some Deepgram Swag!


---

If you'd like to share an update on the progress you're making on your project or if you'd like to connect with other participants, please do so in the [Community Discussion Thread](https://dev.to/devteam/community-discussion-thread-deepgram-hackathon-on-dev-21pp)!
JavaScript RPG Game Development | Episode 4: Music and Sound Effects
Tags: rpgjs, html, javascript
Published: 2022-03-10 17:10:50

---
title: JavaScript RPG Game Development | Episode 4: Music and Sound Effects
published: true
description: In episode 4 of our series we'll add music and sound effects to our rpg game using rpg.js, javascript, html and css.
tags: rpgjs, html, javascript
canonical_url: https://www.timo-ernst.net/blog/2022/03/10/javascript-rpg-game-development-episode-4-music-and-sound-effects
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7f2n81emgcgthrhbg7av.jpg
---

In this new episode we’ll add music and sound effects to our JRPG game.

If you’re new to this series, make sure to check out episode 1 first: https://youtu.be/W4SVdtY6wZs

## Tutorial Video

{% youtube bzkSqiMm3gs %}

## Links

- My source code: http://github.com/valnub/jrpg
- rpg.js http://rpgjs.dev
- Free 16x16px spriteset (maps + chars) https://opengameart.org/content/tiny-16-basic
- Music and sound effects from https://wingless-seraph.net/en/material-music.html
- My Blog https://www.timo-ernst.net
- Twitter https://www.twitter.com/timo_ernst