teleren/devto huggingface dataset:
Buying Bitcoin Dubai Process
Tags: bitcoin
Published: 2021-12-10 06:24:11

## Buying Bitcoin 
We have broken down the steps to buy bitcoin below. Remember that you still need to perform your research and select the best option for yourself based on your circumstances.
List Of The Top Bitcoin Mining Hardware

**Here is the list of the most popular bitcoin miner:**

1. AvalonMiner A1166 Pro
2. WhatsMiner M30S++
3. AvalonMiner 1246
4. Antminer S19 Pro
5. WhatsMiner M32-62T
6. Ebang EBIT E11++
7. Bitmain Antminer S5
8. Antminer T9+
9. DragonMint T1
10. PangolinMiner M3X

[buy BTC miner in Dubai](https://blocklabs.tech)
Thanks for 500 views(in total) + 5 followers
Tags: thanks
Published: 2021-12-10 06:04:21

#Thanks for your support 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6boqwtb1lpgdclz2h2yu.jpg)
Today I was checking my [dev.to account](dev.to/spandybozz)  and got to see that I have crossed 500 in total views.
I was so happy for my first 500 views that I can't explain .

I also earned  bade named **Four Weeks Streak** that is rewarded for writing a post every week for 4 weeks .

And also a huge thanks to my **5 precious followers** :

@morphzg 
@tarantool 
@iwebservices 
@kitoy123 
@austinw46255716 
 Here is a code snippet for all **my viewers, supporters and followers** 
```Javascript
let i = 0; 
while (i < 10) { 
Alert("Thanks for supporting me !"); 
}
```

##Again a huge thanks to all of you .
## **Stay safe and do take very good care of yourselves and please keep supportingme like this !**
Getting Started with the React Dropdown List
Tags: react, webdev, javascript, reactnative
Published: 2021-12-10 05:23:06

Learn how easily you can create and configure the [React Dropdown List](https://www.syncfusion.com/react-ui-components/react-dropdown-list) of Syncfusion using the create-react-app command. This video also explains how to configure a few of the control’s basic features like binding list and remote data and customizing pop-up height and width. 

Download an example from GitHub: https://github.com/SyncfusionExamples... 

Refer to the following documentation for the Syncfusion Dropdown List: https://ej2.syncfusion.com/react/docu... 

Check out this online example of the React Dropdown List: https://ej2.syncfusion.com/react/demo... 
 

**[React Dropdown List](https://www.syncfusion.com/react-ui-components/react-dropdown-list) Component with Advanced Features**

- A quick replacement of the HTML select tags.
- Built-in support for filtering, hierarchical data binding, grouping, and UI customization with templates.
- Ability to create a cascading drop-down list that helps users populate data to the next level drop-down based on the selected value of the parent.

{% youtube dNpHnYP1vVA %}
RELEASE 0.4 - Week 2 collaborating on open source projects - progress
Tags: opensource, javascript
Published: 2021-12-10 04:46:31

## Introduction
Hello, Welcome to week#2 on open-source code development. I did a lot of looking at different codes with different languages. This blog includes all successful and unsuccessful attempts at contributing projects. 

## First Project - [Free-Programming-Books](https://ebookfoundation.github.io/free-programming-books)
This project includes a list of Free Learning Resources in many languages. I liked the idea of having so many books for free for all developers.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/08qsec74fczvbk7n4qu2.png)
[Issue #1](https://github.com/EbookFoundation/free-programming-books/issues/6518)
 I enjoyed contributing to this project and have divided sections for different programming books.
[PR #1](https://github.com/EbookFoundation/free-programming-books/pull/6641)

## Second Project - [Developer-mozilla](https://developer.mozilla.org/en-US/)
MDN Web Docs (previously known as MDN — the Mozilla Developer Network) is an evolving learning platform for Web technologies and the software that powers the Web, including CSS, HTML, and JavaScript. We also have a detailed set of beginner's learning material — see Learn Web development. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mciddbxsazngz84otmez.png)
[Issue #2](https://github.com/mdn/kuma/issues/8010)
 I enjoyed contributing to this project and changed the link to support the needs.
[PR #2](https://github.com/mdn/content/pull/11131)

## Third Project - [open-props](https://github.com/argyleink/open-props)
CSS custom properties to help accelerate adaptive and consistent design.

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

[Issue #3(https://github.com/argyleink/open-props/issues/111)]
I am still working on this project and will add more design tokens to the application. Please find the link to contribute to this open-source project.
[PR #3](https://github.com/argyleink/open-props/pull/122)

## Unsuccessful Attempts on other projects

Not everything go as planned, I wasn't able to do some developments to these issues. So, maybe anyone interested can take a look at resolving these.

[Issue #1](https://github.com/tldraw/tldraw/issues/404)
[Issue #2](https://github.com/tldraw/tldraw/issues/350)
[Issue #3](https://github.com/mozilla-mobile/focus-ios/issues/2519)
[Issue #4](https://github.com/Seneca-CDOT/telescope/issues/2377)

## Conclusion

All in all, it was a great experience to work with such project developers this week. Also, I will be contributing to learning from an open source more and more in future. Please do like & comment.
Thank you!
How to Get Your Household Items Ready for Warehouse Storage
Published: 2021-12-10 04:44:02

Whether you need temporary storage till you locate your dream house in a new location or a long-term storage option for your office/factory items, there are various storage places that are both cost-effective and handy. However, before you transfer your items to a storage facility, make sure you know how to properly prepare and pack them for storage.

Conduct Some Background Study on Storage Restrictions: First, do some background research on what can and cannot be stored in a storage unit. The warehouse facility provider should supply you with a list of [prohibited materials](https://landsec.com/sites/default/files/2019-01/Appendix_D3_-_Prohibited_Materials_List.pdf
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dgtexwca2am2631bdd5x.jpg)) such as gasoline, chemicals, paint, pyrotechnics, explosives, drugs, propane tanks, combustible, perishable food, medication, plants, and so on, but if they don't, make sure you ask for all the rules and regulations.

Pick What Items to Store: The more you keep, the more it will cost you. To save money, sort out undesirable products and decide what you will store in the warehouse. If the item isn't emotional, valuable, or helpful, consider donating or selling it.

Make an inventory: It's possible to forget what you put in storage, so write a note of everything you're going to store before you start packing. This will help you keep track of your stuff. You may also give a copy of the inventory to the person in charge of the storage unit so that when you retrieve your belongings, you can ensure that nothing is missing.

Deep Clean Your Belongings: When you bring your goods back from storage, they will be dusty and may stink up your house with their mildew dour. To avoid this, clean all goods before shipping them to storage, such as washing down all surfaces with a cleaning spray, vacuuming couch and cushions, disinfecting appliances with disinfectant wipes, and so on. Because they will not stink if they are clean before storing.

Categorize and organize: Divide your goods into distinct categories, such as delicate, kitchen items, electronics, and so on, and begin packing them according to their packaging needs. You must use multi-layer protective wrapping, place gadgets in their own boxes, and so on.

When [hiring a storage facility](https://www.assureshift.in/blog/household-warehouse-storage-tips), make sure they have insurance coverage for your items so that if an unexpected event occurs, such as a fire or natural disaster, you may seek reimbursement for your losses. We hope that the recommendations we provided on how to prepare your products for storage warehouse will assist you in securely storing your things in a storage unit.
How to Publish a React App on GitHub
Published: 2021-12-10 04:40:24

  Finishing up my second project at Flatiron School I wanted to host my app on GitHub, like I did my first project. That way I can share my projects with people that aren't developers... like my Mom. I quickly found out that deploying a React application (using create-react-app) on GitHub isn't as simple as a vanilla javascript repo. I was quite confused when I went to my link and all I could get to show was the README file. In this post I wanted to describe the process I took to get my link to actually show my app.

The first thing I did was add a few lines to the package.json file. The homepage URL {with your own info} is in the top of the file and the next two are in "scripts"

```
"homepage": "https://{github username}.github.io/{your project name}"

"scripts": {
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build",
```

Next run the following command in your terminal.

```
npm run build
```
This will create a new "Build" folder in your projects directory.

Followed by these commands:

```
npm install --save gh-pages
npm run deploy
```

I had to create a new branch called "gh-pages" and push my work to this branch.

In your repository on github, navigate to settings>Pages.

Here you will select your source to be:

  **Branch:gh-pages in the /root directory.**

Save this and try your homepage link!
Advent.js🎅🏼| #9: Agrupando cosas automáticamente
Tags: javascript, adventofcode, spanish, webdev
Published: 2021-12-10 04:32:28

## [Agrupando cosas automáticamente](https://adventjs.dev/challenges/09)

En la fábrica de Papa Noél 🎅 se acerca el día especial... y todavía tenemos un montón de cosas por contar. 😅

Por suerte a **Mark Zucktheelf** 🧝 se le ha ocurrido crear una función que permita agrupar un array, que puede ser de valores u objetos, a través de una función o de una propiedad.

Nos trae un montón de **ejemplos**:

```js
groupBy([6.1, 4.2, 6.3], Math.floor) // { 6: [6.1, 6.3], 4: [4.2] }
groupBy(['one', 'two', 'three'], 'length') // { 3: ['one', 'two'], 5: ['three'] }
groupBy([{age: 23}, {age: 24}], 'age') // { 23: [{age: 23}], 24: [{age: 24}] }

groupBy(
  [1397639141184, 1363223700000],
  timestamp => new Date(timestamp).getFullYear()
)
// { 2013: [1363223700000], 2014: [1397639141184] }

groupBy([
  { title: 'JavaScript: The Good Parts', rating: 8 },
  { title: 'Aprendiendo Git', rating: 10 },
  { title: 'Clean Code', rating: 9 },
], 'rating')
// { 8: [{ title: 'JavaScript: The Good Parts', rating: 8 }],
//   9: [{ title: 'Clean Code', rating: 9 }],
//   10: [{ title: 'Aprendiendo Git', rating: 10 }] }
```

Como ves, la función groupBy recibe una colección (array) y una función o una propiedad, y devuelve un objeto con claves que son los valores de la función ejecutada pasando como argumento cada elemento o de la propiedad por cada elemento. Luego los valores son un array de los valores que tengan la misma llave.

La dificultad del reto está más en **comprender** la función que en la **implementación**. ¡Suerte!.

---

Posible solución:

{% jsitor https://jsitor.com/embed/XEex2JzgW %}

---
Puedes seguir a @midudev y estar pendiente de los retos de Advent.js 

{% twitter 1466086678507008003 %}
December 9th, 2021: What did you learn this week?
Tags: weeklylearn, discuss, weeklyretro
Published: 2021-12-10 04:09:48

It's that time of the week again. So wonderful devs, what did you learn this week? It could be programming tips, career advice etc.

<center>

![Yoda wooping someone's butt](https://media.giphy.com/media/yDYAHbqe5DfyM/giphy.gif)
</center>

Feel free to comment with what you learnt and/or reference your TIL post to give it some more exposure.

{%tag todayilearned %}

And remember, if something you learnt was a big win for you, then you know where to drop it as well.👇👇🏻👇🏼👇🏽👇🏾👇🏿

{%link https://dev.to/devteam/what-was-your-win-this-week-fhe %}

<center>

![Little kid making a fist as if to say "Yes!"](https://media.giphy.com/media/6brH8dM3zeMyA/giphy.gif)
</center>
7 tips to help you deploy code with confidence
Tags: devops, beginners, webdev
Published: 2021-12-10 03:44:47

Writing code is great, but how do you deploy your code with confidence?

Here are 7 tips that will help you with it.

**1. Code reviews**

Get your code reviewed by your peers. Common patterns and bugs can be spotted in these reviews by senior devs.

**2. Deploy small features/chunks of code**

Deploying a small feature set reduces the number of errors that might come up. This also restricts issues to the feature being deployed, which makes it easy to debug and test.


**3. Keep an eye out for database migration changes**

You need to be careful when deploying database migrations. Identify if they are destructive or not and employ migration deployment strategies accordingly. Deployment with a migration change makes it challenging to do rollbacks.


**4. Write unit tests & integrate them with CI system**

Having unit tests validates the requirement and makes sure any new code changes don't break existing functionality. Make sure your CI system runs these on all PR's to validate that the new changes don't break the existing code.


**5. Testing in test/gamma environment**

You can have automated integration tests to verify if the code works when integrated with other services. Also manually testing in Gamma/Staging env is always better as these environments mimic production.


**6. Have a rollback strategy ready**

Before you deploy your code, have a rollback plan ready. Let's say there is a bug after deployment, how do you roll back to the previous version? There won't be time to think when production is broken. This will save you from panic & distress.


**7. Have a good error-monitoring system in place.**

Don't wait for users to notify you of any issues in your application. Have an error-monitoring system which allows you to respond to issues promptly & proactively.
Restructure Your Modules in Python
Tags: python
Published: 2021-12-20 15:12:09

---
title: Restructure Your Modules in Python
published: true
date: 2021-12-10 00:00:00 UTC
tags: python, 
canonical_url: https://tech.serhatteker.com/post/2021-12/restructure-your-modules-in-python/
---

## Intro

If your module becomes too big as you expand your codebase with new features you can restructure it to a package. Let's assume you have a `field.py` module with below classes;

```python
# db/models/fields.py
...



class OrderWrt(fields.IntegerField):
    ...



class JSONField(CheckFieldDefaultMixin, Field):
    ...



class RelatedField(FieldCacheMixin, Field):
    ...


...
```

And your directory structure looks like this;


```bash
.
└── db
    └── models
        └── fields.py

```


## Solution

You can move your classes to related modules in a `fields` package;


```python
# db/models/fields/proxy.py
...


class OrderWrt(fields.IntegerField):
    ...
```


```python
# db/models/fields/json.py
...



class JSONField(CheckFieldDefaultMixin, Field):
    ...

```


```python
# db/models/fields/related.py
...



class RelatedField(FieldCacheMixin, Field):
    ...
```

Your package structure now looks like below;

```bash
.
└── db
    └── models
        └── fields
            ├── json.py
            ├── proxy.py
            └── related.py

3 directories, 3 files
```


However this will broke your codebase since all of your imports' paths are false now. In order to fix this import your classes into `__init__.py` module of your `fields` package:

```python
# db/models/fields/__init__.py
from db.models.fields.proxy import OrderWrt
from db.models.fields.json import JSONField
from db.models.fields.related import RelatedField
```

The structure looks like this;

```bash
.
└── db
    └── models
        └── fields
            ├── __init__.py
            ├── json.py
            ├── proxy.py
            └── related.py

3 directories, 4 files
```

Now imports are okay, but if you use `flake8` code style and quality tool —you should, now this `__init__` module will throw `F401`  **unused** errors;

- `(F401) 'db.models.fields.json.JSONField' imported but unused`
- `(F401) 'db.models.fields.proxy.OrderWrt' imported but unused`
- `(F401) 'db.models.fields.related.RelatedField' imported but unused`

We can prevent that by using `__all__`:

```python
# db/models/fields/___init___.py
from db.models.fields.json import JSONField
from db.models.fields.proxy import OrderWrt
from db.models.fields.related import RelatedField


__all__ = ["JSONField", "OrderWrt", "RelatedField"]
```

So by this last modification you restructured your big module in a package.


All done!
Update for my previous post 'How to create a button with hover effect using HTML and CSS
'
Tags: html, css, update, button
Published: 2021-12-10 03:21:18


```
<p>Hello</p>
```

My Website :- [Inform Our World](http://subhransuindia.github.io/)
Latest Chapter :- [Saqha । Chapter 1](http://subhransuindia.github.io/Saqha/CH 1)

I updated some of the code from my previous post.

The button is okay for the respective background. But with the white background or any other, it isn't looking decent. So I have recoded the code. Full code here :- 

```
<!DOCTYPE html>
<html lang="en">
<head>
<title>Beautiful Button</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
  margin: 0;
  
}

.btn:hover {
  box-shadow: -2px 2px 50px blue;transition: 1s;
}
</style>
</head>
<body>

<button class="btn" style="padding: 10px;background: rgb(123,123,255);border: 2px solid rgba(0,0,0,0.4);border-radius: 60vw;backdrop-filter: blur(5px);color:cornsilk;font-family: Bahnschrift;transition: 1s;">Beautiful Button</button>

</body>
</html>
```

Or another way

```
<!DOCTYPE html>
<html lang="en">
<head>
<title>Beautiful Button</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
  margin: 0;
  background: red;
}

.btn:hover {
  box-shadow: -2px 2px 50px rgba(0,0,0,0.6);transition: 1s;
}
</style>
</head>
<body>

<button class="btn" style="padding: 10px;background: rgba(0,0,0,0.2);border: 2px solid rgba(0,0,0,0.4);border-radius: 60vw;backdrop-filter: blur(5px);color:cornsilk;font-family: Bahnschrift;transition: 1s;">Beautiful Button</button>

</body>
</html>
```

Sorry for lateness of debugging.
How To Hide Toolbar In Summernote Editor
Tags: laravel, javascript, summernote, editor
Published: 2021-12-10 03:04:19

In this tutorial I will show you how to hide toolbar in summernote editor, many times customer's have requirement to enable only specific tools or options in summernote editor. for this time we need to customize toolbar in summernote. you can hide any specific toolbar in summernote editor or you want display only specific tools then just use toolbar() in jquery.

We can very easily enable or disable summernote tools in laravel or php using javascript.

```
<script>
    $(document).ready(function() {
        $('#summernote').summernote({
            height: 300, 
            placeholder: 'websolutionstuff.com',
            toolbar: [
            ['style', ['bold', 'italic']], //Specific toolbar display
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']],
        });
    });
</script>
```

Using above javascript we can disply specific toolbar in summernote.

---
 
> **_[Read Also : How To Add Summernote Editor In Laravel 8](https://techsolutionstuff.com/post/how-to-add-summernote-editor-in-laravel-8)_**

--- 

```
For Example:
['style', ['bold', 'italic', 'underline', 'clear']],
```

Currently 4 different font style display in summernote but if you need only specific then try below

```
['style', ['bold', 'italic']], //Specific toolbar display
```
 
You might also like :

- **_[Read Also : How to Install CKEditor in Laravel](https://techsolutionstuff.com/post/how-to-install-ckeditor-in-laravel)_**

- **_[Read Also : How To Create Custom Middleware In Laravel](https://techsolutionstuff.com/post/how-to-create-custom-middleware-in-laravel)_**

- **_[Read Also : How To Check Occupied Disk Space In Laravel](https://techsolutionstuff.com/post/how-to-check-occupied-disk-space-in-laravel)_**
Working on GoDaddy Terminus
Tags: opensource, javascript, webdev
Published: 2021-12-10 02:36:09

Hello! Welcome to another blog post. Today I will be discussing my progress on my [Telescope](https://github.com/Seneca-CDOT/telescope) issue and how I got to [Terminus](https://github.com/godaddy/terminus). 

## Trying to Solve the Problem
To start, I thought I could solve [Telescopes Issue](https://github.com/Seneca-CDOT/telescope/issues/2444) by fixing some code on Telescope or [Satellite](https://github.com/Seneca-CDOT/satellite) in order for the CORS errors to stop. I soon learned that the main problem wasn't fixable from our code bases and had to be fixed from Terminus. 

## Working on Terminus
Once I moved to [Terminus's issue](https://github.com/godaddy/terminus/issues/195) I began to start learning the code and ways I can solve the CORS issue. I discussed ways inside the issue thread about how I can solve the CORS issue and how I could add middleware. The proposed ideas were all hypothetical solutions so I didn't know if they could work until I started working in the code. 

## Problems Encountered 
While trying to solve this problem I tried to add middleware with [compose-middleware](https://github.com/blakeembrey/compose-middleware). While trying to implement it I had troubles with integrating the middleware with the server. Since the middleware wasn't working I attempted to allow users to write headers instead.

## Coding in the Terminus Project
Once I got comfortable and understood the code of the project I wanted to create a mock project to help. 

```js
const http = require("http");
const express = require("express");
const terminus = require("../terminus/index.js");
const app = express();

app.get("/", (req, res) => {
  res.send("ok");
});

const server = http.createServer(app);

function healthCheck({ state }) {
  // `state.isShuttingDown` (boolean) shows whether the server is shutting down or not
  return Promise
    .resolve
    // optionally include a resolve value to be included as
    // info in the health check response
    ();
}

const options = {
  healthChecks: {
    "/healthcheck": healthCheck,
    verbatim: true,
    __unsafeExposeStackTraces: true,
  },
  headers: {
    "Access-Control-Allow-Origin": "*",
    "Access-Control-Allow-Methods": "OPTIONS, POST, GET",
  },
};

terminus.createTerminus(server, options);

server.listen(3000);
```
This test project would help me test if I could pass headers to my local version of Terminus, and if I could fix any CORS related issues with the health check.

Within Terminus I wrote an extra parameter to allow users to send over their header options: 
```
 decorateWithSignalHandler(server, state, {
    signals,
    onSignal,
    beforeShutdown,
    onShutdown,
    timeout,
    logger
  }, options.headers)
```
By passing the header parameter through the `decorateWithSignalHandler` I am now able to give the `sendSuccess` and `sendFailure` functions the headers information needed so I could write my CORS headers.

## Conclusion 
So far everything is working and the next steps are to get the pull request accepted and to figure out a way to include middleware into the project.