teleren/devto huggingface dataset:
Hello Appwrite x Dev Hackathon 👋
Tags: appwritehack
Published: 2022-04-13 08:27:53

## Hackathon ?
Recently I got to know about [Appwrite x Dev Hackathon](https://dev.to/devteam/announcing-the-appwrite-hackathon-on-dev-1oc0). Which was a coincidence that I was playing with [Appwrite](https://appwrite.io/) for past couple of days. But I never got a chance to build something cool with it. So I'm taking this chance to sharp my skills  🚀

![Lets build](https://media.giphy.com/media/lsAVei7DRrPIt3C5KC/giphy.gif)

## Ok cool, what are you building then ?
My primary goal is to learn Appwrite not to win hackathon, so I have to come up with something useful so I can learn Appwrite from top to bottom. But the problem is ...
![I'm dumb](https://media.giphy.com/media/3o6MbhcBZS8hQoySB2/giphy.gif)
My small brain is dumb to generate ideas 🚶‍♂️. So I decided to clone an existing app. Now the question is which app should I clone ?. Well Your are looking at `dev.to` so why not `dev.to` ?

## Here is the Idea
I'm going to build [Dev.to](https://dev.to) clone (with basic features). I can't use the name `Dev.to` because of legal reasons. So I named my app `Dumb.to` (Isn't that cool ?) 🙂

My only focus is to learn & play with Appwrite so I crafted my tech stack with tech that I know and use.

| Tech | Use |
| ---- | --- |
| Next JS | Frontend |
| Appwrite | Backend |
| Chakra UI | UI framework |
| Tailwind CSS | Styling |
| Typescript | Programming language |

You can check the project repository on [Github](https://github.com/octoi/dumb.to)
![Lets goo](https://media.giphy.com/media/p2jCs5VA2CEI9liJhw/giphy.gif)
Namespaces in C#
Tags: csharp, namespaces, programming, coding
Published: 2022-04-13 08:25:58

**Namespaces:**
A namespace is designed for providing a way to keep one set of 
names separate from another.
The class names declared in one namespace does not conflict with 
the same class names declared in another.

**Defining a Namespace**
A namespaces definition begins with the keyword namespace followed by the namespace name as followed:

```
namespace namespace_name {
  // your code
}

```

To call the namespace-enabled version of either function or variable, prepend the namespace keyword as followed:

```
namespace_name.item_name;
```

**Programming Example:**
![Programming example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/esxftw9j40xbw2euma0f.png)

**Output**
![Program output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a5u521m2uyfsruw4k1m1.png) 

**Nested Namespaces:**
You can define one namespace inside another namespace as followed:

```
namespace namespace_name1 {
  // your code
  namespace namespace_name2 {
    // your code
  }
}
```

Note: You can access members of nested namespace by using the dot (.) operator.

**Programming Example:**
![Programming example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qoah8izi06txujtkze1l.png)
  
**Output**
![Program output](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fsjnyw2pfi7o9uovrftq.png)

**Another Way**
![Programming Example](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a0p3pnubt955f0s8je1e.png)

**Output**
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sj2umffvvq0zaq7cfuh1.png)
Stop fighting naming things in SQL: Long identifiers✔
Tags: database, sql, programming, productivity
Published: 2022-04-13 08:19:29



![Long identifiers](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4ddfjvlokcsa46gnc1ma.png)

👉Long identifiers: since 2017 (12.2 version of Oracle database), tables, columns, views, sequences, indexes... can have names with up to 1️⃣2️⃣8️⃣ bytes!😉

To learn more:
- [Documentation](https://docs.oracle.com/en/database/oracle/oracle-database/12.2/newft/new-features.html#GUID-64283AD6-0939-47B0-856E-5E9255D7246B)
- [Gist](https://gist.github.com/loiclefevre/7ca0a67b7f4f7e6546de0704029fb003)
ETH Wallet Hack With Mnemonic Crack Python
Published: 2022-04-13 08:19:10


## Ethereum Wallet Hack With Mnemonic Crack Python
burte force and cracking ethereum wallet in mnemonic (keypharse) with python and highspeed checking total transaction without api , no needed install package . all in one file and looper for windows and linux .cmd– .sh .
checked wallet with 12 & 24 words (128-256)
– imported language ENGLISH , french , korea , china , japon
– tested and checked with high speed method without api key for total transaction and final balance.
– save just rich wallet (tx > 0) on text file .
– save address ethereum wallet and private key , mnemonic wallet ethereum on file text.
– use and running windows / linux / mac .

![Ethereum Wallet Hack With Mnemonic Crack Python](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q81mxlngrrdm9e1obijz.gif)

```
Download Source Follow Link :

https://mmdrza.com/ethereum-wallet-hack-with-mnemonic-crack-python/
```


[python source download](https://mmdrza.com/ethereum-wallet-hack-with-mnemonic-crack-python/)
React, Vue and Svelte : Comparing Multi Checkbox Binding
Tags: javascript, react, vue, svelte
Published: 2022-04-13 08:18:23


## Multi Checkbox Binding in...
Handling multi checkbox binding is not React's finest job... React needs so much more code than Vue or Svelte. I based this comparison with Vue example and I tried to keep the same "basis". See how simple it is in Vue or Svelte?

Check it out 🚀

### React
[Live Example](https://stackblitz.com/edit/vitejs-vite-5rkx6e?file=src/App.tsx)

```jsx
const [checkedJobs, setCheckedJobs] = useState<string[]>(['Frontend']);
const handleMultiCheckbox = ({
    target: { value },
  }: React.ChangeEvent<HTMLInputElement>) => {
    let checked = [...checkedJobs];
    let findIndex = checked.findIndex(
      (item: string): boolean => item === value
    );

    if (!checkedJobs.includes(value)) {
      checked = [...checkedJobs, value];
    } else {
      checked = checkedJobs.filter(
        (item: string, index: number) => index !== findIndex
      );
    }

    setCheckedJobs(checked);
};

<section>
  <h2>Multi Checkbox</h2>
  <input
    type="checkbox"
    id="frontend"
    value="Frontend"
    onChange={handleMultiCheckbox}
  />
  <label htmlFor="frontend">Frontend Developer</label>
  <input
    type="checkbox"
    id="backend"
    value="Backend"
    onChange={handleMultiCheckbox}
  />
  <label htmlFor="backend">Backend Developer</label>
  <input
    type="checkbox"
    id="fullstack"
    value="Fullstack"
    onChange={handleMultiCheckbox}
  />
  <label htmlFor="fullstack">Fullstack Developer</label>
  <p>Checked jobs: {checkedJobs.map((item: string) => item).join(', ')}</p>
</section>
```

### Vue
[Live Example](https://stackblitz.com/edit/vitejs-vite-cv9bav?file=src/App.vue)

```jsx
const checkedJobs = ref(['Frontend']);

<section>
  <h2>Multi Checkbox</h2>
  <input
    type="checkbox"
    id="frontend"
    value="Frontend"
    v-model="checkedJobs"
  />
  <label for="frontend">Frontend Developer</label>
  <input
    type="checkbox"
    id="backend"
    value="Backend"
    v-model="checkedJobs"
  />
  <label for="backend">Backend Developer</label>
  <input
    type="checkbox"
    id="fullstack"
    value="Fullstack"
    v-model="checkedJobs"
  />
  <label for="fullstack">Fullstack Developer</label>
  <p>Checked jobs: {{ checkedJobs }}</p>
</section>
```

### Svelte
[Live Example](https://stackblitz.com/edit/vitejs-vite-3vz8oz?file=src/App.svelte)

```jsx
let checkedJobs: string[] = ['Frontend Developer'];

  <section>
    <h2>Multi Checkbox</h2>
    <input
      type="checkbox"
      id="frontend"
      value="Frontend"
      bind:group={checkedJobs}
    />
    <label for="frontend">Frontend Developer</label>
    <input
      type="checkbox"
      id="backend"
      value="Backend" 
      bind:group={checkedJobs}
    />
    <label for="backend">Backend Developer</label>
    <input
      type="checkbox"
      id="fullstack"
      value="Fullstack"
      bind:group={checkedJobs}
    />
    <label for="fullstack">Fullstack Developer</label>
    <p>Checked jobs: {checkedJobs}</p>
</section>
```
Ethereum Wallet Hack With Mnemonic Crack Python
Tags: ethereum, python, hack, wallet
Published: 2022-04-13 08:17:26


## Ethereum Wallet Hack With Mnemonic Crack Python
burte force and cracking ethereum wallet in mnemonic (keypharse) with python and highspeed checking total transaction without api , no needed install package . all in one file and looper for windows and linux .cmd– .sh .
checked wallet with 12 & 24 words (128-256)
– imported language ENGLISH , french , korea , china , japon
– tested and checked with high speed method without api key for total transaction and final balance.
– save just rich wallet (tx > 0) on text file .
– save address ethereum wallet and private key , mnemonic wallet ethereum on file text.
– use and running windows / linux / mac .

![Ethereum Wallet Hack With Mnemonic Crack Python](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/q81mxlngrrdm9e1obijz.gif)

```
Download Source Follow Link :

https://mmdrza.com/ethereum-wallet-hack-with-mnemonic-crack-python/
```


[python source download](https://mmdrza.com/ethereum-wallet-hack-with-mnemonic-crack-python/)
Shell command options you didn't know you needed #8
Tags: shell, bash, unix, linux
Published: 2022-04-13 08:15:02

Another `grep` option!

This also tracks back to [#6](https://dev.to/fleetfootmike/shell-command-options-you-didnt-know-you-needed-6-7pn) and [#7](https://dev.to/fleetfootmike/shell-command-options-you-didnt-know-you-needed-7-3e9a) in this series, and to be honest, it's more a shell option I really _should_ have known existed. (I’m not proud: some of the reasoning behind these articles is so that you can learn from my “oh, duh” moments.)

As you may recall, we're tracking down a bunch of files with `iso-8859-1` characters to convert to `utf-8`. Things weren't quite as I painted them in the previous posts, as I discovered the directory tree contained a bunch of binary files that I really didn't want to convert. Time to break out the brutal axe and chainsaw combo beloved of shell hackers everywhere, `find` and `xargs`.

`find mydir -name '*.html' | xargs grep -l -avx '.*'`

Upside, it works.
Massive downside for big directories (mine's probably several million files in a four or five deep tree), that's one process for every smallish group (see `xargs --show-limits`) of files. And it's freakin' SLOW (literally hours for me).

You may imagine me kicking myself (hey, I'm big enough to admit when I mess up!) when I was checking the man page for `grep` and found this FAR more elegant solution.

`grep -l -r --include '*.html' -avx '.*' mydir`

`--include '<pattern>'` makes `grep` only check files that match `<pattern>`. As with `find -name`, stick the pattern in quotes so the shell doesn't try and match it first. And yes, there's a `--exclude` as well :D.
Stupid question maybe..
Tags: react, reactnative, swift, ios
Published: 2022-04-13 07:53:04

I'm a coding newbie having just emerged from a coding bootcamp. I'm toying with swift and native iOS development but on my course I learnt webdev with React. 

I've just come across React Native - as far as I am aware you can only publish to the app store in Swift and Objective C? So how can you make 'native' iOS apps in React Native? 

I think I must be missing something obvious 😮‍💨
What do you mean by semantic tag? Give Examples.
Tags: html, javascript, css
Published: 2022-04-13 07:38:27

In any language, it is essential to understand the meaning of words during communication. And if this is computer communication then it becomes more critical. So HTML5 provides more semantic elements which make easy understanding of the code. The HTML semantics refers to the tags that provide meaning to an HTML page rather than just presentation. It makes HTML more comprehensible by better defining the different sections and layout of web pages.

**Some semantic tag Examples:**

**header**: Defines a header for a web page.
**section**: defines a section in a web page.
**article**: This element contains the main part, containing information about the web page.
**aside**: Sidebar in a document.
**footer**: footer for a document.
Flutter : Detect keyboard open and close without using a external package
Tags: flutter, beginners, programming, mobile
Published: 2022-04-13 07:25:15

**Step 1**
Create a variable 

```
bool _keyboardVisible = false;
```
 in `StatefullWidget`
**Step 2**
Then initialize that variable in the `build` widget;

```
@override
Widget build(BuildContext context) {
    _keyboardVisible = MediaQuery.of(context).viewInsets.bottom != 0;
    return child;
}
```
How to calculate the length of an array in Python?
Tags: python, tutorial, programming, beginners
Published: 2022-04-13 06:41:23

An array is not a built-in data type in Python, but we can create arrays using third-party libraries. By length of an array, we mean the total number of elements or items in the given array. In order to calculate the length of an array, we can use various methods discussed below in this blog.

## Table of contents

1.  [Length of array](#length-of-array)
2.  [Finding the length of an array using the len() function](#finding-the-length-of-an-array-using-the-len-function)
3.  [Using Numpy to find the length of an array in Python](#using-numpy-to-find-the-length-of-an-array-in-python)
4.  [Closing thoughts](#closing-thoughts)

## Length of array

In Python, an array is a collection of items stored at contiguous memory locations. It is a special variable, which can hold more than one value with the same data type at a time. We know array index starts from 0 instead of 1, therefore the length of an array is one more than the highest index value of the given array.  

## Finding the length of an array using the len() function

To find the length of an array in Python, we can use the len() function. It is a built-in Python method that takes an array as an argument and returns the number of elements in the array. The len() function returns the size of an array.

### Syntax:

    len (name_of_the_array)

### Input:

    arr = [0, 1, 2, a, 4]
    print ("The given array is: ")
    print (arr)

    # Finding length of the given array
    size = len(arr)
    print ("The length of array is: ")
    print (size) 

### Output:

    The given array is: 
    [0, 1, 2, a, 4]
    The length of array is: 
    5

<span id="section3"></span><span id="section4"></span>

## Using Numpy to find the length of an array in Python

Another method to find the length of an array is Numpy "size". Numpy has a size attribute. The size is a built-in attribute that returns the size of the array.

### Syntax:

    name_of_the_array.size

### Input:

    import numpy as np

    arr = np.array([0, 1, 2, a, 4])
    print ("The given array is: ")
    print (arr)

    # Finding length of the given array
    size = arr.size
    print ("The length of array is: ")
    print (size) 

### Output:

    The given array is: 
    [0, 1, 2, a, 4]
    The length of array is: 
    5

<span id="section5"></span>

## Closing thoughts

Unlike other programming languages like JavaScript, PHP or [C++](https://www.w3schools.com/cpp/cpp_strings_length.asp), Python does not support "length()" or "size()" functions to find the length of an array. The len() function takes the array as a parameter and returns the size. One can read more about other Python concepts [here](https://flexiple.com/typeerror-only-size-1-array-can-be-converted-to-python-scalars).
Array.slice() - for slicing an array
Published: 2022-04-13 07:03:23

This article is the fifth of the [Array Method Series](https://dev.to/dillionmegida/series/17614). In this article, I will explain what the `slice` Array method is.

## What is the Slice Method?

The `slice` method of arrays returns a specified section of an array--a slice of the array.

This method does not modify the original array. It returns a sliced copy as a new array.

## Syntax of the Slice Method

```js
array.slice(start, end)
```

The `start` argument specifies the index that the slicing starts from.

The `end` argument specifies the index that the slicing stops, but the item at this index is not returned.

If the `end` argument is not provided, the `slice` method slices from the `start` to the end of the array.

If both arguments are not provided, the `slice` method starts from the **0** index and slices to the end--basically a copy of the whole array.

## Without the Slice Method

The `slice` method is an abstracted function that returns a section of an array cut at one or two places. Here's an example showing how you can slice an array without this method:

```js
const array = [0, 1, 2, 3, 4, 5, 6, 7, 8]

const START_INDEX = 2

const END_INDEX = 7

const newArray = []

for (let i = START_INDEX; i < END_INDEX; i++) {
  const item = array[i]
  newArray.push(item)
}

console.log(newArray)
// [ 2, 3, 4, 5, 6 ]
```

The `for loop` starts from the `START_INDEX` and ends one index short of the `END_INDEX`.

## With the Slice Method

Here's how you achieve the previous result with `slice`:

```js
const array = [0, 1, 2, 3, 4, 5, 6, 7, 8]

const newArray = array.slice(2,7)

console.log(newArray)
// [ 2, 3, 4, 5, 6 ]
```

### Without an `end` argument

The `end` will be the rest of the array:

```js
const array = [0, 1, 2, 3, 4, 5, 6, 7, 8]

const newArray = array.slice(2)

console.log(newArray)
// [2, 3, 4, 5, 6, 7, 8]
```

### Without both arguments

The `start` would be **0** by default, and the `end` would be the rest of the array:

```js
const array = [0, 1, 2, 3, 4, 5, 6, 7, 8]

const newArray = array.slice()

console.log(newArray)
// [0, 1, 2, 3, 4, 5, 6, 7, 8]
```

### With negative arguments

```js
const array = [0, 1, 2, 3, 4, 5, 6, 7, 8]

const newArray = array.slice(-3, -1)

console.log(newArray)
// [ 6, 7 ]
```

Negative arguments count backward such that `-1` is **8**, `-2` is **7**, and `-3` is **6**.

For `-3` and `-1`, the slice takes a cut from 6 to 8 but without 8, thereby resulting in `[6,7]`
Initial set up for Terraform Cloud
Published: 2022-04-13 07:01:39

- Install terraform

`https://learn.hashicorp.com/tutorials/terraform/install-cli
`

- Install this vscode extension.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hh7y6eadijlfwdg7rce2.png)

- Open a terraform cloud account. Create a workspace with a VCS workflow.

- Set up a simple script to launch an EC2 instance.

`https://github.com/hashicorp/tfc-guide-example`

- Use this in the terraform block.

```
terraform {

  backend "remote" {
    hostname     = "app.terraform.io"
    organization = "org-name"

    workspaces {
      name = "workspace_name"
    }
  }

  required_providers {
    aws = {
      source  = "hashicorp/aws"
      version = ">= 4.4.0"
    }
  }
}
```

- Log in to terraform cloud `terraform login`

- Run `terraform init`

- Commit to your repo to trigger an apply
Array.forEach() - for looping through items in an array
Tags: javascript
Published: 2022-04-13 06:50:39

This article is the fourth of the Array Method series. Here, I'll explain the `forEach` array method.

Here's the video version: [Array.forEach() YouTube](https://youtu.be/U2aRJi865pE)

## What is the forEach method?

The `forEach` method is very similar to the [`map`](https://dev.to/dillionmegida/arraymap-2n2n) method. The difference is that the `map` method loops through each item and returns a new array, while the `forEach` method only loops and returns nothing.

The `forEach` method of arrays is a higher-order function that loops through each item in the array and performs some operations on the items.

As a higher-order function, it takes a function as an argument. During the loop, this function receives an item (and its index position in the array), and you can do whatever you want with that item.

## Syntax of the forEach method

```js
someArray.forEach(function(item, index, array) {
  // something with item and/or index
})
```

The `item` argument is the item being looped on.

The `index` argument is the position in the array. For example, the first item has an index of 0, and the second, 1.

The `array` argument is the array itself.

## Without the forEach method

The `forEach` method is a declarative abstracted method that literally "does something for each item". Here's an example showing how you can loop through an array without this method:

```js
const array = [...]

for(let i = 0, i < array.length, i++) {
  const item = array[i]
  // do something with item
}
```

This loop approach is similar to what the `forEach` method does behind the scenes.

## With the forEach method

For example, you want to concatenate strings in an array to one string. Here's how:

```js
const array = ["apple", "banana", "cashew", "pawpaw"]

let string = "I bought "

array.forEach(function(item, index) {
  if (index === 0) {
    string += item
  } else if (index === array.length - 1) {
    string += ` and ${item}`
  } else {
    string += `, ${item}`
  }
})

console.log(string)
// I bought apple, banana, cashew and pawpaw
```
Teckstack: Quiz-Based Learning
Published: 2022-04-13 06:36:33

Hi all, I've been working on this site called Teckstack (https://www.teckstack.net/) that offers quiz-based learning and knowledge evaluation. Currently I've got a handful of questions in JavaScript and React and a few features.

Let me know your thoughts, should I go deeper or broader with content, add features, etc?

Sorry in advance if the site marks any of your correct answers incorrectly! Still a WIP but looking to improve.
Finished!
Tags: javascript, beginners, theodinproject, devjournal
Published: 2022-04-13 06:34:51

##Intro
It feels good when you finish a project doesn't it? I just LOVE to complete something I set out to do. I just completed the project I've been slowly working on over the past ten days or so and although it didn't happen as fast as I'd have liked for it to, it happened and all my ideas were implemented and I learned a LOT!!!

I actually finished a couple days ago and I've been working hard on finishing my last two weeks of classes at OSU-IT up a little early if I can. I'd like to get a jump start on the summer break where I can really work hard on The Odin Project! 

##What's Next
A project wouldn't be complete if there wasn't another one lined up. I'm about to be in the planning phase for it, and I'd be surprised if this didn't take me a few weeks to knock out. I have the time to invest so, if there is something I don't understand, I can take the time I need to stop and learn all about that, throw some code in my editor and play around with it until I understand what is going on.

The project I'm working towards is the Etch A Sketch project. I have a few ideas sparked by some of my peers in TOP that I want to implement and I want to implement at least two of my own ideas to make it my own. I have not looked at anyone's code, so this will be 100% my own, just inspired by others' designs. I am super excited to be doing this project, I think it will be a huge learning experience and will incorporate quite a few things I haven't had the opportunity to play around with. Specifically, coding flexbox using DOM manipulation. Aside from the boilerplate, my goal is to implement all HTML through JavaScript.
 
##Closing Thoughts
I had a lot of fun with Rock Paper Scissors. It is a very simple program, but to me, it is an accomplishment. I've never completed a project that I started until now. This will be the first of many as I make my way slowly through TOP. My next project, the Etch A Sketch is underway and I have a sneak peek of my planning for it:

![Etch A Sketch JS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9e2581xc05xgh81s5m0g.png)

I'm looking forward to making this one a reality! Until the next one...<u>be good!</u>
 


Photo by <a href="https://unsplash.com/@brett_jordan?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Brett Jordan</a> on <a href="https://unsplash.com/s/photos/done?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>