teleren/devto huggingface dataset:
Emoji in any app
Tags: techtalks, showdev, computerscience
Published: 2020-09-27 05:34:48

⭐ Shortcut to use emoji in any app 
 
👉 Windows ➡️  Press Windows + ; (semi-colon) or Windows + . (period) 
👉 Mac ➡️ Press  Command+Control+Spacebar 
 
No more emojis search ✌✌️✌️

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/d4lvzbv7v1jogewtrhn7.png)

To get to know more tech related stuff connect with me via [Twitter](https://twitter.com/Dhanush_Nehru)
Best log management tool ?
Tags: help, tutorial, discuss, database
Published: 2020-09-27 05:20:44

Which is the best logging tool ?

Elk vs Graylog

Graylog is positioned as a powerful logging solution.
ELK is a Big Data solution.

But in a dilemma which one to use, in long term basis. Any type of inputs is appreciated.

 Thanks in advance 😊

For any direct discussions DM me via [Twitter](https://twitter.com/Dhanush_Nehru)
Is React really that bad?
Tags: react, webdev
Published: 2020-09-27 05:03:06

I'm seeing many people claiming React is bad and comparing to other frameworks like Vue, Svelte or even VanillaJS (LOL). My opinions on this war:

# 1. Bundle Size
React is a library where you integrate different things . So bundle size gonna increase for sure. But you also get the good functionality.

# 2. React is slow !
Well , React is slow ! *everybody* knows it. But there are things which can be done to make the overall performance faster. Lazy, Purging , Compressing. Pure HTML is still the fastest and will be forever.

# 3. Large Code length
This really makes me laugh . It's like comparing two people by their height not by their skills. Oh ! **He is only 4 feet so our office will have more space for others**. *Nah! He is too tall for our office* . LOL!!! The difference is not quite that large to be worried about in the code length of different frameworks.

# 4. Backed by Tech Giant
You know! It's still an **open source project**. Doesn't really matter if it's backed by a Tech Giant or a single person. It's a tool given to the whole community to use it.

# 5. At last everything will be JavaScript
No matter what framework or library you use ( Angular, Vue, Svelte or React) , at last it is our plain old javascript running in the browser. 

You'll end up using React once in your lifetime unless you change your career . So stop comparing and start using what you are comfortable with.
Flutter : Could not find a generator for route RouteSettings(“/somePage”, null) in the _WidgetsAppState
Published: 2020-09-27 04:41:51

<meta name="monetization" content="$ilp.uphold.com/LbbNym3PHJ2f">
###Solution 1 : 

Use this:

 ```
Navigator.push(context, new MaterialPageRoute(
   builder: (context) => new MyHomePage())
 );

```
Instead of :

```
Navigator.of(context)
           .pushReplacementNamed('/somePage');
```


but in my case it did not fixed.


Let me explain what was problem in my case ,

I had navigation drawer and one of my route was going to a route which  had another MaterialApp() Widget and after routing to that page if i route back to any other page it will through this exception. Do you know why ?


because the context was changed to new material app and i was trying to find that route inside new material app but obviously it was not present there.

Before

```
class App extends StatelessWidget {
  final UserAndManagement userAndManagement;
  App(this.userAndManagement);
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        fontFamily: "Varela",
        primaryColor: primaryMaterialColor
      ),
      home: HomePage(userAndManagement),
    );
  }
}

```



After 
```
class App extends StatelessWidget {
  final UserAndManagement userAndManagement;
  App(this.userAndManagement);
  @override
  Widget build(BuildContext context) {
    return HomePage(userAndManagement);
  }
}

```

and You guess it worked for me like a charm !!!!

If you were facing the same problem it fixed it give this thumbs up.

Thanks
Blob Detection OpenCV Python
Tags: python, computerscience, career
Published: 2020-09-27 04:29:18

What is blob? How to detect blobs in an image? In this blog, we are going to learn about blob detection in OpenCV Python.

Blob can be described as groups of connected pixels that all share a common property.

Let’s Code Blob Detection in OpenCV Python!

##Blob Detection OpenCV Algorithm
1. Read Image using OpenCV imread() function.
2. Create or Set up the Simple Blob Detector.
3. Input image in the created detector.
4. Obtain key points on the image.
5. Draw shapes on the Key points found on the image.
6. If You have any kind of problem in OpenCV basic operations and 7. OpenCV image manipulation. Read the blog about those functions as it will be used herein blob detection.


##Import packages
Import Computer Vision Python package for image manipulation.

NumPy for working with image matrix and matrix manipulation.

Matplotlib for data visualization and for displaying two or more images in the same window. This package is also used for scientific purposes.
##Read Image
```
Img = cv.imread(‘./img.jpg’, cv.IMREAD_GRAYSCALE)
```

The image is read and converted to Grayscale.

##Blob Detector OpenCV
```
detector = cv.SimpleBlobDetector()
```

This step will create the object/instance of Simple Blob Detector. We will use this created instance in blob detection.

##OpenCV Blob Detection Keypoints
```
keypoints = detector.detect(img)
```

The detect() function from the detector instance takes the grayscale image as an argument and finds the key points for blob detection.


 
##NumPy Black Screen
```
blank = np.zeros((1,1))
```

This will create a black screen on which the shapes will be drawn.

##Color Blob Detection OpenCV Python
```
blobs = cv.drawKeypoints(img, keypoints, blank, (0,255,255), cv.DRAW_MATCHES_FLAGS_DEFAULT)
```

This will draw the shapes on the keypoints detected by the detector on the Grayscale image.

cv.DRAW_MATCHES_FLAGS_DEFAULT – This method draws detected blobs as red circles and ensures that the size of the circle corresponds to the size of the blob.

Read more... [Blob Detection OpenCV Python](https://hackthedeveloper.com/blob-detection-opencv-python/)
Python Nested Function
Tags: python, innerfunction, nestedfunction
Published: 2020-09-27 04:26:18

Python offers many features and one such feature is that it has the ability to implement Inner Function or Nested Functions. In Simple terms, You can define a Function within another Function. Let’s Learn about Python Inner Function / Nested Function.

##Python Inner Function
```
def outerFunction(a, b):
    def innerFunction(c, d):
        return c*d
    return innerFunction(a, b)
```

```
print(outerFunction(10, 20))
Output:
200
```
In the above code, the outer function is called with two integer arguments and the outer function has an inner function that calls and returns the inner function with the arguments of the outer function.

This feature in Python helps us to encapsulate the function.

If you try to call the inner function from the outside scope of outer function.

##Calling Inner Function.
```
def outerFunction(a, b):
    def innerFunction(c, d):
        return c*d
    return innerFunction(a, b)


print(innerFunction(10, 20))
Error:
Traceback (most recent call last):
  File ".\sr.py", line 7, in <module>
    print(innerFunction(10, 20))
NameError: name 'innerFunction' is not defined
```
Thus we can conclude that the inner function is encapsulated from global scope.

##DRY Principle (Don’t Repeat Yourself)
The Inner Function Feature also helps us to avoid the code duplication and follows the DRY principle.
```
def wish(name):
    def say(Quote):
        return f"Good Morning, {name}"
    return say(name)


print(wish("HTD"))
Output:
Good Morning, HTD
```
##Inner Function Scope In Python
Python Inner Functions or Nested Functions can access the variables of the outer function as well as the global variables.
```
text = "Hey"


def wish():
    name = "HTD"

    def say():
        quote = "Good Morning"
        return f"{text} {quote}, {name}"
    return say()


print(wish())
Output:
Hey Good Morning, HTD
```
The inner functions variable has a local scope that is limited only to that function. Inner Functions variables can’t be accessed at the outer function scope.


Learn more from the original post: [Python Inner Function](https://hackthedeveloper.com/python-inner-nested-function/)
[Read more on Python](https://www.google.com/search?q=python+site%3Ahackthedeveloper.com).
Post-Init Processing In Python Data Class
Tags: python
Published: 2020-09-27 04:21:39


Let’s first understand the problem.

##Python Data Classes
Python Data Class
```
from dataclasses import dataclass

@dataclass()
class Student():
    name: str
    clss: int
    stu_id: int
    marks: []
    avg_marks: float


student = Student('HTD', 10, 17, [11, 12, 14], 50.0)
>>> print(student)

Student(name='HTD', clss=10, stu_id=17, marks=[11, 12, 14], avg_marks=50.0)
```
The above code is a simple python data class example. The data fields of the class are initiated from the __init__ function.

In this example, we are initiating the value of the avg_marks while initiating the object, but we want to get the average of the marks after the marks have been assigned.

This can be done by the __post_init__ function in python.

##Post-Init Processing In Python Data Class
The post-init function is an in-built function in python and helps us to initialize a variable outside the __init__ function.

Learn more from the original post: [Python Post-Init Processing Data Class](https://hackthedeveloper.com/python-post-init-data-class/)
How to improve your productivity
Tags: productivity
Published: 2020-09-27 04:13:44

Hello guys, I have started programming like 6 or 7 years ago. Despite this, I began working as a programmer recently and I started asking myself how could I **improve productivity**. 
Some times I just lost focus or I didn't know what to do. After some research I found **Pomodoro technique**.
This is a pretty basic but useful technique. It consists of focusing on your task for some period of time, the default one is 25 minutes. After this you take a 5 minutes break and repeat the process four times. At the fourth time, you take a long break instead of a short one, this usually is of 20 minutes.
After some time using this technique I adjusted the time intervals like this: 
- 45 minutes to the focus interval
- 8 minutes to the short break interval
- 20 minutes to the long break interval  

I really recommend you to test this technique if you are looking for some way to improve your productivity. I highly recommend [this desktop app](https://splode.github.io/pomotroid/), it is minimalist and written in **Vue.js** (which is my favourite front end tool). Please let me know your opinion about this technique.
I would like to know too **what do you do to improve your productivity**. Maybe you know some other technique, have some kinfd of routine, etc. I hope this post could help you in some way. Thanks for your time!!! I wait for your answer
Keyoxide
Published: 2020-09-27 04:01:20

This is an OpenPGP proof that connects my OpenPGP key to this Pleroma account. For details check out https://keyoxide.org/guides/openpgp-proofs

[Verifying my OpenPGP key: openpgp4fpr:206BA2AFC6758E05F11D08C665391B1D37AC62FD]
echo 到底是內建指令還是外部程式？
Tags: linux, bash
Published: 2020-09-27 04:00:47

在 shell 執行指令時, 有的指令是 shell 內建, 但有的是外部的程式, 但是倒底哪些是內建指令？哪些又是外部程式呢？我們來看一看。

在 bash 中提供有 type 指令, 可以告訴你究竟某個指令是 shell 內建還是外部程式, 例如：

```bash
$ type type
type is a shell builtin
$ type echo
echo is a shell builtin
$ type cat
cat is /bin/cat
```

就可以看出來 echo 是內建指令, 而 cat 是外部程式。不過以 echo 來說, 你可能會覺得疑惑, 若是用 which 檢查, 會發現系統上的確有個外部程式叫做 echo：

```bash
$ which echo
/bin/echo
$ /bin/echo "hello"
hello
```

那麼到底我們執行 echo 的時候, 是執行內建的指令還是外部的程式呢？這可以透過加上 -a 選項的 type 指令來查證：

```bash
$ type -a echo
echo is a shell builtin
echo is /bin/echo
```

你可以看到 type 會告訴你 echo 是內建指令, 也是一個外部程式, 當你執行 echo 時, shell 會以這個列表中的第一項優先執行, 所以執行的就是內建的指令。

如果你真的對執行到外部程式很感冒, 也可以在同時有內建指令與同名的外部程式時使用 builtin 指令強制執行內建的指令, 例如：

```bash
$ builtin echo "hello"
hello
$ builtin cat .profile
bash: builtin: cat: not a shell builtin
```

如果要求 builtin 執行的不是內建指令, 它會明確告知, 而且不會嘗試用外部同名的程式來取代。

如果想知道到底 bash 有哪些內建的指令, 可以參考[Bash Builtin Commands](https://www.gnu.org/software/bash/manual/html_node/Bash-Builtins.html#Bash-Builtins)。
web series to watch HD Hot Scenes || web series online
Published: 2020-09-27 03:43:16


 web series online HD Video store are available my video in YouTube web series all actress scenes comedy, hot video , dance video, romantic video.<a href="https://www.videostoreclub.xyz/2020/09/web-series-to-watch-hd-hot-scenes-web.html">Web Series Watch</a>
Best Photo Images Mari gold Flower 
Published: 2020-09-27 03:42:11

Camera Capture is a beautiful flower marigold. Best flower World best photo images marigold flower. Many Country are available  Indian this Marigold Flower.
marigold flower tattoo
marigold flower drawing
marigold flower artificial
marigold flower picture
<a href="https://www.hdphotography2021.xyz/2020/09/photo-images-marigold-flower.html">marigold flower color</a>
The Eagle And The Tortoise Story
Published: 2020-09-27 03:39:52

एक बार कि बात है कछुओ  के समुह मे एक लालचु कछुआ रहता था वो सभि को बोल ने लगा कि पानि कम हो रहा हे और खाना भि कम हो रहा  है हम सभि लोग एक एक करके मरने वाले है। सभि कछुओ के बिच मे आपस मे बात चित चल रहि थि । कि इस बार तो अपने तालाव मे पानि कि कमि होने वालि  है कुच ना कुच तो रस्ता निकालना पदेगा । थोदि हि देर के बाद वाहासे एक गिद्ध  गुजर रहा था गिद्ध कि नजर सभि कछुओ कि सभा भाराइ हुवि थि उस पे पदी । clicklink https://www.motivationlifechangingstories.in/2020/08/The-Eagle-and-the-tortoise-story-in-Hindi.html
【.NET Core】【ClosedXML】Getting cell values 2
Tags: csharp, closedxml, dotnetcore
Published: 2020-09-27 01:36:44

## Intro
* [【.NET Core】【ClosedXML】Getting cell values 1](https://dev.to/masanori_msl/net-core-closedxml-getting-cell-values-1-p3o)

This time, I will try getting Datetime values.

## Get cell values
### yyyy-MM-dd HH:mm:ss
#### Actual value
```
9/27/2020  11:40:30 PM
```
#### Display on Excel
```
2020/09/27 23:40:30
```
#### Result
```
Date(yyyy/MM/dd HH:mm:ss)_FormatString	"2020/09/27 23:40:30"
Date(yyyy/MM/dd HH:mm:ss)_CachedValue	"9/27/2020 11:40:30 PM"
Date(yyyy/MM/dd HH:mm:ss)_ValueCached	""
Date(yyyy/MM/dd HH:mm:ss)_DataType	"DateTime"
Date(yyyy/MM/dd HH:mm:ss)_FormulaAi	""
```

Good :)

### MM/dd
#### Actual value
```
9/22/2020
```
#### Display on Excel
```
9/22
```
#### Result
```
Date(MM/dd)_FormatString	"9/22"
Date(MM/dd)_CachedValue	"9/22/2020 12:00:00 AM"
Date(MM/dd)_ValueCached	""
Date(MM/dd)_DataType	"DateTime"
Date(MM/dd)_FormulaAi	""
```
### yyyy年MM月dd日(Japanese)
#### Actual value
```
9/22/2020
```
#### Display on Excel
```
2020年9月22日
```
#### Result
```
Date(JP)_FormatString	"2020年9月22日"
Date(JP)_CachedValue	"9/22/2020 12:00:00 AM"
Date(JP)_ValueCached	""
Date(JP)_DataType	"DateTime"
Date(JP)_FormulaAi	""
```

Great!

### Japanese Calendar
#### Actual value
```
9/22/2020
```
#### Display on Excel
```
令和2年9月22日
```
#### Result
```
JapaneseCalendar_FormatString	"[$]ggge\"年\"m\"月\"d\"日\";@"
JapaneseCalendar_CachedValue	"9/22/2020 12:00:00 AM"
JapaneseCalendar_ValueCached	""
JapaneseCalendar_DataType	"DateTime"
JapaneseCalendar_FormulaAi	""
```

In this case, I can't use FormatString value.
But because the datatype is "DateTime", I can get value as DateTime.

```csharp
...
            if (cell.TryGetValue<DateTime>(out var dateValue))
            {
                dictionary.Add($"{name}_DateTime", dateValue.ToString());
            }
...
```
#### Result
```
JapaneseCalendar_DateTime	"9/22/2020 12:00:00 AM"
```

### Date(Long)
#### Actual value
```
9/22/2020
```
#### Display on Excel
```
Tuesday, September 22, 2020
```
#### Result
```
Date(Long)_FormatString	"44096"
Date(Long)_CachedValue	"44096"
Date(Long)_ValueCached	""
Date(Long)_DataType	"Number"
Date(Long)_FormulaAi	""
```

Because DataType is "Number", so the result is far from the value on Excel.
I think if the cell has alphabetic values like "September", "AM", etc. ClosedXML will treat as Number.

In this case, I can't get value by TryGetValue.
But if I force set DataType as DateTime, I can get DateTime value by TryGetValue.

```csharp
...
            var format = cell.Style.DateFormat.Format;
            if(cell.DataType == XLDataType.Number &&
                (format.Contains(@"mmmm") || format.Contains(@"AM/PM")))
            {
                cell.DataType = XLDataType.DateTime;
            }
            if (cell.TryGetValue<DateTime>(out var dateValue))
            {
                dictionary.Add($"{name}_DateTime", dateValue.ToString());
            }
...
```
#### Result
```
Date(Long)_DateTime	"9/22/2020 12:00:00 AM"
```

I want to get more better way.
Security over Technology
Published: 2020-09-27 03:35:07

Having your files in digital format carries such risk of unable to access it when badly needed. For instance, storing files on a cloud seems to be a good choice for not having the physical storage in your possession but has the highest risk of getting stolen through hacking, and worse case would be losing the access to your account. Files kept in our emails are threatened for the same reason. Moreover, having the physical storage doesn't mean it's flawless. As some external storage are mostly used yet cheap, it doesnt come with great span of usage on the other hand.

To mitigate such problems, having backup of files isn't new nowadays. As I have grown along with technology, anticipating digital problems is probably already a part of my usual routine whenever I use my devices or organize my files. Nonetheless, we can always be cautious enough and be responsible in accessing our accounts and protect it from posing threats. One option would be multifactor authentication that strengthens our account security and ensures to gather enough evidence before giving access on one's account.
What is Typescript?
Published: 2020-09-27 03:16:28

Recently Typescript has been increasing in popularity and do you know why, It is javascript in general but adds static to it, making it so much easier to understand. Not only that but statistically up to 15% of javascript bugs can be detected by Typescript. It is easy to grasp, and you don't need to know a lot to start learning it, you can learn on the go. Since it is used in Javascript, it could be both used in front end and backend. Since it's so close to javascript why not grasp it, since it is more reliable and explicit. The only downside is for typescript is that it wouldn't be that much help in small projects, especially since it takes time to set it up.
Creating QR Codes from the Terminal
Published: 2023-01-06 01:15:21

---
title: Creating QR Codes from the Terminal
published: true
date: 2020-09-27 02:13:25 UTC
tags: 
canonical_url: https://brandonrozek.com/blog/creatingqrcodesfromterminal/
---

With the tool `qrencode`, it is surprisingly simple to create a QR code.

```
echo "https://brandonrozek.com" | qrencode -t ansiutf8

```

![](https://brandonrozek.com/files/images/blog/20200926221423.png)
WebXR Discord
Published: 2020-09-27 03:10:45

During the Covid-19 crisis all over the world, we noticed a lot of people from all over the world joining our meetups and members of our community hanging out in other meetups. We decided to try and bring everyone together in one [Discord server]( http://discord.gg/Jt5tfaM). Here we can share links to our events and recordings, but also help each other out with issues when developing with A-frame, Babylon.js, or Unity and running your apps on devices like the Oculus Quest or Microsoft Hololens. Now we need *you* to join and help grow this community to become the official WebXR community.

Make sure to share the invite with your friends and colleagues: [WebXR Discord,  http://discord.gg/Jt5tfaM]( http://discord.gg/Jt5tfaM)!
5 Extremely useful javascript methods that You might not know
Tags: javascript
Published: 2020-09-27 03:04:01

Hi ! Recently I've been studying more about some Javascript methods and I found some really interesting ones, I hope it can help you to code faster and easier ! Soo, Let's begin:

## PadStart()
![Padstart demo](https://dev-to-uploads.s3.amazonaws.com/i/sor78b2bw1wtdgfgw33p.png)

By looking to the picture You probably understood but if You didn't, let me explain it better:
padStart is a string method, it means it can only be used with strings. Having set that, it works at the following way: the string on the second parameter will be added at the beggining of the string if its length is lower than the number in first parameter.
In other words, in the first parameter You tell the max length and in the second one, what the method will fill the string with.

## padEnd()
![PadEnd example](https://dev-to-uploads.s3.amazonaws.com/i/l5lk7n6dmciiqgdj1knf.png)


It works just like padStart, but the difference is that instead of adding a text at the beggining of the string, it adds a text at the end.

## reduce()
![Reduce example](https://dev-to-uploads.s3.amazonaws.com/i/1v3e0cvqmpp6l1zlzyez.png)


Reduce is an Array manipulation method, it needs a function as the first parameter, this function has two parameters, commonly named 'accumulator' and 'currentValue', and returning a value inside this function will make 'accumulator' have this value. The second parameter defines the start value of accumulator.

## forEach()

![ForEach Example](https://dev-to-uploads.s3.amazonaws.com/i/kfzjic9lhqhnewx0zpzv.png)

forEach will execute a function for each value in the array. In this example, we sum 3 numbers to each element in the array.

## toFixed()

![toFixed example](https://dev-to-uploads.s3.amazonaws.com/i/fjc2ei596pxz0j0ed0wr.png)

This function removes the decimal part of a number, but it can also limit how many numbers there are in the decimal part of a number, as in the second example.

## toLocaleString()

![toLocaleString example](https://dev-to-uploads.s3.amazonaws.com/i/hbnv7c7im9yd1ijz92ng.png)

This function is a little more complex, but it basically converts a number to a formatted string. In the first parameter it takes a locale (For example, en-US). The second parameter is opcional but it takes format options, you can check them out [here](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString).

Soo, that's it! I hope it helped you guys!
Build a Shopping Cart with React + Redux
Tags: webdev, react, reactnative, javascript
Published: 2020-09-27 02:15:20

{% codesandbox build-a-shopping-cart-with-react-redux-exodg %}

Youtube demo:
{% youtube 4xkS4XTfnrw %}
The Article : [Build a Shopping Cart with React + Redux](https://hoanguyenit.com/build-a-shopping-cart-with-react-redux.html)
I want to integrate a code editor in my platform
Tags: help, webdev, react, javascript
Published: 2020-09-27 02:11:10

I'm working on something like [Codecademy](https://www.codecademy.com/), [Progate](https://progate.com/).

and I've been looking for some code editor APIs so I can integrate it into my react e-learning platform.
I want a code editor that supports customization. where every lesson has his own pre-written code ready. 

don't hesitate if you can help.