teleren/devto huggingface dataset:
React with Bootstrap 5 Tutorial 2022🔥
Tags: javascript, react, webdev, beginners
Published: 2022-01-27 11:29:58

The video tutorial is available on youtube right here 👉:[Tutorial🖥️](https://youtu.be/HnFIIoDQwvg)

Below is the written step by step guide:
Step 1: Create a React application using the following command:`npx create-react-app foldername`

Step 2: After creating the ReactJS application, Install the required modules using the following command:`npm install react-bootstrap `

Step 3: Add the below line in index.js file:`bootstrap/dist/css/bootstrap.css';`

Yaay🎉💯 now all you need to do is import a component before using it in your app.js page. 

Better explained in tutorial😎:[YouTube Tutorial ](https://youtu.be/HnFIIoDQwvg)
Why Hire Android App Developers?
Published: 2022-01-27 10:45:31

Businesses that would like to launch a mobile app to expand their business have always faced problems with the cost involved in developing and maintaining Android and iOS apps. So, some businesses that could not solve this problem choose to develop an android app first as android covers more than 60% of the smartphone market.  

Developing an android app is a complicated task. In case you plan to build an android app from scratch, or even want to update or integrate the existing one, you’ll need a skilled android app developer, who is not only able to code or design the app for you but also guide you towards the complicated processes of testing submission and approval. 

**Things to Consider Before [Hiring Dedicated Android App Developer](https://www.webcluesinfotech.com/hire-android-app-developer/):**
1. Experience of the Developer 
2. Talk About Price 
3. Check the Past Project of the Developer 
4. Technical Skills 
5. Communication 6. Be Clear About Your Requirements

Hiring an Android developer will not be difficult if you can consider these factors cautiously. Follow these important things and they will definitely help you identify and select the ideal candidate for the accomplishment of your tasks.

**Android App Development Tech Stack:**
• Knowledge of programming languages: Java and Kotlin,
• Android SDK or Software Development Kit
• Knowledge of Android Studio
• APIs
• Use of databases
• Basics of Material Design
• foundation for UI/ UX design.
• Understanding of business processes and SDLC

Choosing an appropriate technology stack for mobile app development is a real task. For businesses, it is really important to consult an expert mobile app development company like **WebClues Infotech** for selecting the right technology stack for the app development. 

I hope this post helps you hire the right dedicated android developer for your app development.
The rectifier circuit
Published: 2022-01-27 10:35:26

So, after a week of understanding current and power calculations, capacitance values, and the resistor aspects of a rectifier, I finally came up with a circuit for the rectifier as in the diagram below. 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lzpi4elclnoo1zh9bcrc.png)
A collection of scripts I developed for personal and working projects
Tags: python, datascience, analytics, programming
Published: 2022-01-27 10:30:48

Hi everybody, I am an experimental particle physicist passionate about coding. Recently I posted a repository about one of my recent projects (classification of Higgs boson decays using machine learning) and now want to share with you a special repository I use to contain some scripts I developed for my personal and working projects or for fun.

The reason for the existance of this repository is that I simply want to keep all my script in un the same place so if I need to come back to one of them I can access them directly without searching around all my computer. I decided to put this repository public, in order to share with you these. Some of them are really specific and depend on other private sublibraries I use in my workspace and some other are a bit old, since I wrote them 1/2 years ago, but maybe you can appreciate the idea and find something useful for your projects .

At the moment, many of the data analysis scripts rely on the pyROOT framework.

Hope you like and find some of them useful for you.

GitHub repo: https://github.com/JustWhit3/my-scripts
Javascript forEach() function
Tags: javascript, 100daysofjs
Published: 2022-01-27 10:24:54

---
title: Javascript forEach() function
published: true
description: Membuat statement pada suatu array
tags: ["javascript","100daysofjs"]
//cover_image: https://direct_url_to_image.jpg
---
Anda dapat menggunakan *for-each* apabila ingin membuat suatu statement disetiap elemen array, namun aksi tersebut tidak akan melakukan *return* untuk setiap elemennya.
```js
const students = ["Bob", "Alice", "Robert"];
students.forEach((student) => {
  console.log(`Hai, ${student}!`);
});
```
Output:
`
Hai, Bob!
Hai, Alice!
Hai, Robert!
`
Apabila anda mendeklarasikan variable untuk menyimpan expression `students.forEach(callback)`, output tidak akan disimpan pada variable tersebut, dan statement didalam block forEach akan dijalankan secara otomatis.
```js
const greet = students.forEach(callback);
console.log(Array.isArray(greet));
```
Output:
`false`

Apabila anda menggunakan lodash _.each() berikut contohnya
```js
const _ = require("lodash");

const students = ["Bob", "Alice", "Robert"];
_.each(students, (val) => {
  console.log(`Hai, ${val}!`);
});
```
dari kode diatas akan menghasilkan output yang sama pada saat kita menggunakan forEach(). 
Referensi:
[Lodash - each / forEach](https://lodash.com/docs/4.17.15#forEach)
⭐️ The Open Source Alternative To Notion ⭐️
Tags: devops, flutter, rust, git
Published: 2022-01-27 10:19:59

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

## Getting Started with development
Please view the [documentation](https://appflowy.gitbook.io/docs/essential-documentation/contribute-to-appflowy) for OS specific development instructions

## Built With

- [Flutter](https://flutter.dev/)
- [Rust](https://www.rust-lang.org/)

## Contributing
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

# Why Are We Building This?
[Notion](http://notion.so) has been our favorite project and knowledge management tool in recent years because of its aesthetic appeal and functionality. Our team uses it daily, and we are on its paid plan. However, as we all know Notion has its limitations. These include weak data security and poor compatibility with mobile devices. Likewise, alternative collaborative workplace management tools also have their constraints.

To be honest, we do not claim to outperform Notion in terms of functionality and design, at least for now. Besides, our priority doesn't lie in more functionality at the moment. Instead, we would like to cultivate a community to democratize the knowledge and wheels of making complex workplace management tools, while enabling people and businesses to create beautiful things on their own by equipping them with a versatile toolbox of building blocks.

### Link for GitHub repository - [AppFlowy-IO](https://github.com/AppFlowy-IO/appflowy)

## Download AppFlowy for

- [MAC Users](https://github.com/AppFlowy-IO/appflowy/releases/download/0.0.2/AppFlowy-MacOS.zip)
- [Windows Users](https://github.com/AppFlowy-IO/appflowy/releases/download/0.0.2/AppFlowy-Windows.zip)
- [Linux x86 Users](https://github.com/AppFlowy-IO/appflowy/releases/download/0.0.2/AppFlowy-linux-x86.tar.gz)
- [Linux arm64 Users](https://github.com/AppFlowy-IO/appflowy/releases/download/0.0.2/AppFlowy-Linux-arm64.zip)
- [Source Code](https://github.com/AppFlowy-IO/appflowy/archive/refs/tags/0.0.2.zip)

### Follow me on Github - [Mutafakkir](https://github.com/mutafakkir)
undefined to string
Tags: javascript, arrays, string
Published: 2022-01-27 10:14:45

[Here](https://www.codewars.com/kata/55c45be3b2079eccff00010f/train/javascript) I played with arrays and strings. And with this solution, I got one additional empty space:

```javascript
function order(words){
  let newArr = [];

  words.split(" ").map(item => 
  newArr[Number(item.replace(/\D/g, ''))] = item);

  return words.length === 0 ? '' : newArr.join(' ');
}

The result was: 
console.log(order('is2 Thi1s T4est 3a')); 
>>" Thi1s is2 3a T4est"
```
It's more obvious with this example: 

```javascript
console.log([1, undefined, 3].join());

Which returns: 
>>"1,,3"
```

It should return and empty space but it looks like the empty space takes some space😅

So, I used filter() method:

```javascript
function order(words){
  let newArr = [];

  words.split(" ").map(item => 
  newArr[Number(item.replace(/\D/g, ''))] = item);

  return words.length === 0 ? '' 
  : newArr.filter(e => e !== undefined).join(' ');
}
```
Astra DB’s "Build-A-Thon"
Published: 2022-01-27 09:46:04

Introducing to you, **AngelHack’s** first hackathon of the year - **Astra DB’s Build-A-Thon**. 🎉

We invite you to a virtual hackathon experience from February 21 to May 28, 2022, to explore and unravel the possibilities in modern applications. And this time, there’s a twist.

📍 3 months, 3 rounds of challenges. 📍

📯 Each month, a fresh new set of challenges will be revealed. That’s not all — the top 3 winners of each round (each month) will qualify to present their polished project ideas on Demo Day held on May 28.

The exciting part? The challenge statements are only released right before the hack begins.

Are you ready for the challenge?

🗓️ Save the date: 21 Feb - 28 May 2022
🙌🏻 Registration here: https://go.buildathonhack.com/ah_ss
How CADD Boosts The Capabilities of Drug Discovery Laboratories? 
Tags: drugdiscoveryservices, contractresearchorganization, drugdiscoverylaboratories, computeraideddrugdesigning
Published: 2022-01-27 10:05:55

Computer-Aided Drug Designing or CADD has become a vital part of [drug discovery services](https://integralbiosciences.com/blog/7-steps-all-drug-discovery-services-follow-for-efficient-results/). It empowers drug discovery contract research organisations to deliver faster and more accurate results to their respective clients and sponsors. Thus saving a valuable amount of resources along with time and expenditure.  

## Significant Advantages of Computer Aided Drug Designing 

Let us have a quick look at some of the tremendous ways in which CADD is boosting the capabilities of **[drug discovery laboratories](https://integralbiosciences.com/introduction.php)** for delivering their services efficiently.  

1.	No need for animal and human models in CADD which was necessary for traditional experimentation models, thus saving time and money.
2.	Scientists at CROs can proceed with a smaller set of compounds from large compound libraries for testing at a time. 
3.	Even for bigger sample pools, CADD ensures greater precision over traditional models. 
4.	Pharmacokinetics (DMPK) properties such as absorption, distribution, metabolism, excretion can be enhanced by optimization of lead compounds.
5.	Designing novel compounds can be done faster and more efficiently ensuring a greater chance of getting success in the end. 
6.	CADD enables the designing of novel compounds either by “growing” one functional part of the molecule at a time or by piecing the fragments together.
7.	Earlier anticipation and subsequent reduction of the chances of drug resistance.
8.	Enables CROs to build high-quality datasets and libraries.
9.	CADD enables CROs for smooth communication and coordination between various teams working on the different phases of the drug discovery of a compound. 
10.	Easy handling and conservation of data yielded from a drug discovery process can be useful for other experimentations in future. 

## Integral Biosciences: A Reputed CRO With Incredible CADD Capabilities

Outsource your drug discovery projects to a prestigious CRO with incredible **[computer aided drug designing](https://integralbiosciences.com/blog/computer-aided-drug-designing-and-drug-discovery-services-a-brief-overview/)** capabilities to save your valuable resources. 

Collaborate with Integral Biosciences and take a step towards achieving your drug discovery goals with proficiency. Partner with IBS to put your drug discovery project on a fast track of development under the supervision of a dynamic yet experienced team.
Data Types and Variables in C
Tags: codenewbie, career, computerscience, codequality
Published: 2022-01-27 10:05:34

# Variable
A **variable** is an alias for the memory location. We can store and change its data any number of times. 

## Syntax
type (variables separated by comma); 

Example
```
int a,b,c;
``` 
## Initialisation

```
a = 5;
``` 
we can also initialise variables while declaration

```
int a = 5, b = 10;
``` 

## Rules for defining alias or variable
- Allowed character, alphabets, digits and underscore(_)
- Cannot start with a number
- Can't use reserved keywords or whitespaces

## Valid Examples
```
int rish;
int rish123;
int rish_567;
int _rish_code
``` 
## Invalid Examples

```
int @hey;
int 5rish;
int int;
int rish code;
``` 
## Types of variables

### Local Variable (Declared inside block)
```
#include <stdio.h>
int main()
{
    int a = 10; //local variable
    return 0;
}
``` 
### Global Variable (Declared outside block)
```
#include <stdio.h>
int y = 20; // global variable
int main()
{
    int a = 10; //local variable
    return 0;
}

``` 
### Static Variable (Retains it's value between multiple function calls)
```
#include <stdio.h>
void function1();
int y = 20; // global variable
int main()
{
    int a = 10; //local variable
    function1();
    function1();
    function1();
    function1();
    function1();
    function1();
    return 0;
}
void function1()
{
    int x = 10;        //local variable
    static int y = 10; //static variable
    x = x + 1;
    y = y + 1;
    printf("\n%d,%d", x, y);
}

// output 
PS C:\Users\risha\Desktop\c> gcc .\hello.c
PS C:\Users\risha\Desktop\c> .\a.exe

11,11
11,12
11,13
11,14
11,15
11,16
PS C:\Users\risha\Desktop\c> 
``` 
### Automatic Variable (all variables are automatic variable. Explicit declare ex `auto int y = 20`)
```
#include <stdio.h>
int main()
{
    int x = 10;      //local variable (also automatic)
    auto int y = 20; //automatic variable
    return 0;
}
``` 
### External Variable (can be used in other file)
```
#include <stdio.h>
extern int x = 10; //external variable (also global)
int main()
{
    return 0;
}
``` 

# Data Types
- Primary data type: int, char, float, double
- Derived Data Type: array, pointer, structure, union
- Enumeration data type: enum
- Void Data Type: void

![Data Type.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1643123291697/zwAw5c5m3.png)

# Sample Code
```
#include <stdio.h>
int main()
{
    int a = 1;
    char b = 'C';
    double c = 7.77;
    // print variable explain comments
    printf("%d\n", a);
    printf("%c\n", b);
    printf("%.2lf\n", c);
    return 0;
}

```
How to convert an HTML string into real HTML or DOM using JavaScript?
Tags: javascript, html, devops, sh20raj
Published: 2022-01-27 09:51:42

To convert an HTML string into real HTML or DOM, you can use the DOMParser Web API using JavaScript. The DOMParser helps us to parse HTML or XML string into real Document or DOM nodes.

```javascript
// html string
const htmlStr = "<h1>Hello World!</h1>";

// make a new parser
const parser = new DOMParser();

// convert html string into DOM
const document2 = parser.parseFromString(htmlStr, "text/html");
```

For example, let's say you have a HTML string of h1 tag with the text of Hello World! like this,

```javascript
// html string
const htmlStr = "<h1>Hello World!</h1>";
```

Now, to convert this string into a real HTML tag we can use the DOMParser web API.

So first, we have to make a parser using the new keyword like this,


```javascript
// html string
const htmlStr = "<h1>Hello World!</h1>";

// make a new parser
const parser = new DOMParser();
```

After that, we can use the `parseFromString()` method in the parser object and pass:

- the raw HTML string as the first argument
- and the mime type or the type of the document contained in the - -string as the second argument. In our case, the mime-type value is text/html.

There are other mime types we can use such as:

1. `text/xml`
2. `application/xml`
3. `application/xhtml+xml`
4. `image/svg+xml`

So it will look like this,

```javascript
// html string
const htmlStr = "<h1>Hello World!</h1>";

// make a new parser
const parser = new DOMParser();

// convert html string into DOM
const document = parser.parseFromString(htmlStr, "text/html");
Now the HTML string is converted to an HTML DOM node. You can now use the usual methods and properties available on a DOM node such as `appendChild()`, `classList`, etc.

```
See the above code live in [JSBin](https://jsbin.com/zabahepozo/2/edit?js,console).

That's all 😃!

Source :- https://melvingeorge.me/blog/convert-html-string-into-real-html-or-dom-javascript

Feel free to share if you found this useful 😃.
How to increase text recognition quality
Tags: javascript, webdev, tutorial, productivity
Published: 2022-01-27 09:49:14

Oftentimes, when using Optical Character Recognition software to extract and recognize text from an image, you get bad results if use default configuration, especially if the image scan resolution is less than 150 dpi. If recognize computer graphics, like text from screenshots or images from the web, then things become even more worst, because the standard resolution of web graphics is not more than 72 dpi. That is why need to pre-process images to increase recognition accuracy. 

I created a tool, called "Image Reader", which is an online text recognition web application with image pre-processing features. It allows to upload an image with text, apply different filters to it and then extract text from it. This tool can be used as a playground to try and understand what exactly needs to do with images to increase text recognition quality. You can see a demo of this app here: https://youtu.be/WsuZHyAuDTI and of course, try the app itself.
The Nostr Protocol - NIP01
Tags: nostr, protocol, social, relay
Published: 2022-01-27 09:47:05

## What is Nostr?

[Nostr](https://github.com/fiatjaf/nostr/) stands for "Notes and Other Stuff Transmitted by Relays".  It is a new type of social experience on the web where "dumb" relays can be used to send messages from one user to another, in a secure, censorship resistant manner.

Since it is not P2P it has a chance of working.

## Nostr Relays

Relays are lightweight, easy to set up, and can run in as little as 5MB of memory.  A list of relays can be found [here](https://github.com/fiatjaf/nostr#relays).

## How can I try Nostr?

Nostr can be run on a number of clients.  They can be run on your own machine, or on a public instance.  Here is a list of [client software](https://github.com/fiatjaf/nostr#clients) and a list of [running instances](https://github.com/aljazceru/awesome-nostr#sites).

For example, you can try out Nostr [here](https://nostr.rocks/).

You can follow my identity [ed1d0e1f...](https://nostr.rocks/ed1d0e1f743a7d19aa2dfb0162df73bacdbc699f67cc55bb91a98c35f7deac69) and discover new users.


## A Brief Introduction to the Nostr Protocol?

![Nostr](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nigmqeu7ft05ak632v6y.png)

Nostr is very simple.  Each user gets an EC key pair, which they use to sign Events.  An Event has a unique id and is signed by the nostr public key using a [Schnorr Signature](https://en.wikipedia.org/wiki/Schnorr_signature).

The event has is of a certain kind/type, has content, a timestamp, and additional tags.  The event id is the sha256 of those fields.  Events can then be sent to, and requested by, relays over websockets.  The diagram above gives a visualization of the core event structure.

The core protocol is described [here](https://github.com/fiatjaf/nostr/blob/master/nips/01.md) and can be extended via NIPs.  

[NIPs](https://github.com/fiatjaf/nostr/tree/master/nips) are a way to extent the base Nostr functionality.  Already there are NIPs for encrypted chat, contact management, profiles, relay management, Tor relays, Open Timestamps and much more.

I am personally working on a chat client depicted below.

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

## Summary

Nostr is a new kind of protocol that that provides censorship resistant communications on the internet

Dumb relays forward messages from one user to another.  It is not P2P, so it has a chance of working.

I've touched on some of the basic concepts of Nostr in this post, and will explore the protocol in greater depth, in future posts.

## Links

- [The Nostr Protocol](https://github.com/fiatjaf/nostr)
- [Awesome Nostr](https://github.com/aljazceru/awesome-nostr)
- [NIPS](https://github.com/fiatjaf/nostr/tree/master/nips)
- [NIP01](https://github.com/fiatjaf/nostr/blob/master/nips/01.md)
- [Nostr Telegram Chat](https://t.me/nostr_protocol)
A Short History on the C Programming Language
Published: 2022-01-27 09:21:59

The C programming language is one of the more classic languages we have today. C was developed by a computer scientist named Dennis Ritchie, when we worked at Bell Laboratories (affiliated with AT&T), between the years 1969 – 1973. The Unix operating system was new at the time, and Ritchie and his colleagues were developing programs during that time period to do things with Unix.

The language prior to C was simply called the “B” programming language, however that language had shortcomings, such as it was slower and not able to take advantage of some features in Unix. Ritchie took most of the syntax from B, and he added improvements such as having data types and giving the language the ability to represent structured data. Logically, he called it “C.”

In 1978, Ritchie and Brian Kernighan wrote and released a book entitled “The C Programming Language” which for a long time was the unofficial documentation of the language. It would be another five years though before C was ratified, and the first formal version of the language became official. In 1989, the American National Standards Institute (ANSI) standardized the C programming language.

Today, C is still a primary language for operating systems, as Unix and Linux have major parts written in C, and other operating systems like MacOS and Windows also contain a lot of C code. Additionally, other programming languages have C as the “under-the-hood” language, like Python, Java, and C++. Having a good understanding of C can be helpful when working with other products that are developed by the language.

**_Links to learn more:_**

["A Brief History of C Programming"](https://www.section.io/engineering-education/history-of-c-programming-language/)

["What is C Programming Language? Basics, Introduction, History"](https://www.guru99.com/c-programming-language.html)

["The History of the C Programming Language"](https://andybargh.com/the-history-of-c/)