teleren/devto huggingface dataset:
Typescript
Published: 2022-03-04 11:57:18

I am exploring Typescript for a big team project. From my point of view, typescript is a static type language. It reduces our error in development. It shows the error before compiling.
If the state will receive any string then we need to define the type string or if the state will receive any string array we need to define the type like this way string[ ]. Besides, adding comments to Prop types also adds more readability when you check a component definition.
We need to define the types for states and components props. When we send props we need to define the type that recovers component which value we will receive from it. By default, all the values are any which is not recommended to use it.

TypeScript is very helpful while using IDEs such as Visual Studio, Visual Studio Code, Atom, Webstorm, Eclipse, and so many more. These provide better autocomplete and snippet generation, which makes development faster. 
The benefit of using TS is we can reduce the errors also we can understand our codes easily sometimes we code but we don't know how it works so TS removes this confusion because a developer knows what types of state he/she passes and receive what will do using it.
The problem is it is very time costing to define the types for every unique state.
TypeScript allows you gradually adapt its usage in your existing projects. You can also configure the TypeScript compiler for this use case. Find a list of TypeScript compilers in the official TypeScript documentation.
introduction to blockchain cryptocurrencies and open source cryptocurrencies
Tags: javascript, python, webdev, programming
Published: 2022-03-04 11:51:13

programming

Welcome to our blog post readers,

## Overview

this article is divided into four sections the first section is about blockchain fundamentals the second section deals with the key features of building a blockchain mobile app the third section dives into cryptocurrency wallets available for us to use and the fourth section outlines how opensource is driving the

you can jump to any section you like to read in the order in which you read these sections are not related

## the fundamentals of blockchain

blockchain is a constantly changing secure and shared record keeping system in which each user has a copy of the data which can only be modified if all parties involved in a transaction agreethis section will look at the fundamentals of blockchain

### a transaction from the blockchain

to understand the fundamentals of blockchain we must understand how transaction can be added to the existing blockchainit can be done by following a few important steps as shown in the figure below

1.assume that user 1 wants to send x amount of bitcoins to user 2user 1 initiates the transaction2.a transaction is initiated by the node of user 1 first by submitting it and then digitally signing it with his private keya transaction in a blockchain can reflect a wide range of actions3.a peer-to-peer p2p network reaches each computer or node individually to deliver the desired transaction4.a request is received from individual nodes which attempt to validate the transaction using cryptographic techniquesthe node miner is the last node in the validation chainthese nodes are compensated by the mining sector using bitcoin5.the verified blocks are now included in the networkhashing is used to connect the nodes6.transactions approved are then recorded in a public ledgertransactions are completed and the ledger is updated once the block has been added to an existing chain

### techniques used in the blockchain industry

hashing public key mechanisms and digital signatures are key cryptographic techniques used by the blockchain communityin this case the hash feature is implemented to give each user the possibility of viewing the entire blockchaina blockchain based on the sha 256 hashing algorithm enables the hashing of information to be carried out in a secure mannerpublic and private key pairs are used to gain access to the information and to allow transactionsdigital signatures are also used on the blockchain for multi-signature contracts and digital wallets as well as to ratify transactions securely offline by signing them
Typescript
Published: 2022-03-04 11:34:36

I am exploring Typescript for our team project. From my understood typescript is a static type language. It reduces our error in development. 
We need to define the types for states and components props. When we send props we need to define the type that recover component  which value we will receive from it. By default all the values are any which is not recommend to use it. 
If the state will receive any string then we need to define the type string or if the state will receive any string array we need to define the type like this way string[]. 
The benefit of using TS is we can reduce the errors also we can understand our codes easily sometimes we code but we don't know how it works so TS remove this confusion because a developer knows what types of state he/she passing and receive and what will do using it.
The problem is it is very time costing to define the types for every unique state.
Using static files in Django
Published: 2022-03-04 11:25:46

Static files not loading in Django? The approach to making static files load on the browser and making sure it is correctly summoned in the HTML file is extremely precarious. 

In this blog, I will explain why the static files are not loading as well as the necessary points to consider to call for them correctly-

Static files contain any media files-images, javascript, CSS, and likewise. Check step by step if the requirements are fulfilled properly-

1. Make sure that **django.contrib.staticfiles**  is included in INSTALLED_APPS in settings.py
2. Check if you have defined STATIC_URL in [settings.py](http://settings.py) as follows-

```python
STATIC_URL = 'static/'
```

1. Check if your static files are in a folder called “static” in the root directory. Root directory is the project name directory where [manage.py](http://manage.py) file is located.
2. Adding static template path to the HTML file-

```html
<html>
{% load static %}
	<body>
		<img src="{% static 'my_app/example.jpg' %}" alt="My image">
	</body>
</html>
```

1. Check if the STATICFILES_DIR is added below STATIC_URL in settings.py

```python
STATICFILES_DIRS = [
    BASE_DIR / "static",
    '/<project_name>/<folder_name>/static/',
]
```

1. If none of the above steps work, add this path additionally to the STATICFILES_DIRS. So the final code will look something like this-

```python
STATIC_URL = 'static/'
STATICFILES_DIRS = [
    BASE_DIR / "static",
]
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "static"),
)
```

Additionally, please check the enclosures to add static files for css and javascript

- `<link rel="stylesheet" href="{% static 'css/style.css' %}">`
- `<script src="{% static 'js/main.js' %}"></script>`
Stripe Payment Gateway Plugins For WooCommerce
Published: 2022-03-04 11:02:44


The Stripe plugin for WooCommerce allows you to accept payments directly on your store for web and mobile. With Stripe, customers stay on your store during checkout instead of being redirected to an externally hosted checkout page, which has been proven to lead to higher conversion rates.

```
/**
* Offline Payment Gateway
* @class       WC_Gateway_Offline
* @extends     WC_Payment_Gateway
* @version     1.0.0
* @package     WooCommerce/Classes/Payment
* @author      Njengah
*/
 
add_action( 'plugins_loaded', 'wc_offline_gateway_init', 11 );
function wc_offline_gateway_init() {
class WC_Gateway_Offline extends WC_Payment_Gateway {
// You plugin code starts here
} // end \WC_Gateway_Offline class
}

```
**1. WPForms**

WPForms is a well-known and loved form plugin for WordPress, and it’s also the best Stripe WordPress plugin. It also lets you collect payments and donations online via Square, Stripe, Authorize.Net and PayPal.

**2. WP Simple Pay Pro**

WP Simple Pay lands on our list of the best Stripe payment plugins for WordPress because it’s actually very simple. It doesn’t even require you to set up a shopping cart to start getting online payments with Stripe on your website.

**3. Easy Digital Downloads**

The cool thing about Easy Digital Downloads is that it’s not only fantastic for selling digital goods from your website, but it lets you do it with Stripe. So this is a simpler option than the WooCommerce plugin that comes with tons of options that is usually more helpful for people selling physical goods.

**4. WooCommerce**

WooCommerce is an awesome eCommerce plugin for WordPress that lets you run an online store and collect online payments with Stripe. It’s very popular — In fact, it powers over a quarter of all eCommerce websites.


**Reference Blog**
[Stripe Payment Gateway Plugins For WooCommerce](https://www.gomahamaya.com/best-stripe-payment-gateway-plugin-wordpress/)
Bootstrap: A-fully-responsive-HTML-template-created-with-Bootstrap
Tags: javascript, css, html, bootstrap
Published: 2022-03-04 11:21:19

How to make personal blog website using html css javascript and bootstrap

I can make any personal fully mobile-first-responsive blog website using html,css,javascript and bootstrap.


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

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

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


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



<a href="https://github.com/Rahim169/A-fully-responsive-HTML-template-created-with-Bootstrap">Github Repositories</a>
<a href="https://drive.google.com/file/d/1ImvH_ptN89hq5RAY28E_EPL5Z6kaO3up/view?usp=sharing">Source Code</a>


Hello ! This is Rahim, a full-stack developer with more than 4 years of experience in both designing, developing and programming websites & web applications using these technologies(WordPress,Shopify, ExpressionEngine,Woocommerce,PHP,Laravel and more).My aim has always been to build a website that looks professional and responsive with a focus on innovation, creativity, and satisfaction.

**My personal website:** https://rahim.bditpoint.com/



Like - Follow & Subscribe Me:
**fiverr:** https://www.fiverr.com/wadrahim
**upwork:** https://www.upwork.com/freelancers/~019dd989eeeaded3b4
**github:** https://github.com/Rahim169
**linkedin**https://www.linkedin.com/in/rahim-miah-570a771b8/
**behance** https://www.behance.net/rahimmiah
**stack overflow** https://stackoverflow.com/users/14988200/rahim
**dribbble** https://dribbble.com/rahimmiah/about
How To Implement Google reCAPTCHA v3 in Flutter Web
Tags: flutter, security, javascript, webdev
Published: 2022-03-04 11:20:51

![Demo of the Google reCAPTCHA v3 in Flutter Web](https://miro.medium.com/max/1400/1*GZE7rGDgL8pIYDOkZHcruw.gif)

As a web developer, do you want to:

🛡️ Secure the website traffic from spam data?

🧹 Detect bots injecting malicious code in web forms?

📈 Integrate a ready-made solution for risk analysis?

Fear no more, [this article](https://levelup.gitconnected.com/how-to-implement-google-recaptcha-v3-in-flutter-web-38000139bbc0) explains the implementation of Google reCAPTCHA v3 in Flutter Web.
foundation programming course for beginer tutorial C++
Tags: cpp, beginners, dasturlash, uzbek
Published: 2022-03-04 11:18:46

##Hush kelibsiz! bo'lajak backend developer

###Siz bu post orqali **C++** foundation kursida mavzulashtirilgan masala va algoritmlarga doir misollarga **yechim** topishingiz mumkin!
- **O'zgaruvchilar**
- **Shart operatorlari**
- **Takrorlanish operatorlari**
 - `for` `while` `do While` `nested Loops`
- **Pointer (Ko'rsatkichlar)**
- **Array (Massivlar)**
- **OOP**
- **Data structre**
- **Algoritms (algoritmlar)**

MISOL UCHUN `code`lar  
```cpp
#include ioostream
#using namespace std
int a = 6;
int b = 11;
c = a + b;
```
#beginnes NEW post
Published: 2022-03-04 11:15:17

```I'm new to programming, but you know, when you dive into this big world, it gets harder and harder, but it's also more interesting that a person tries to go his own way, and I try not to stop``
```in this post my teacher taught me basic skills```
#1
##2
###3
####4
#####5
- **hi guys**
 - *hello guys*
```markdown ichida```
```
```int a = 5;```
```x = a + b```

```my profil in```[github.com](https://github.com/BotirovSamandar)

```cpp
int = 10
int = 11
```
30+ free CRUD app templates to help speed up development
Tags: opensource, webdev, beginnners
Published: 2022-03-04 11:10:49

---
title: 30+ free CRUD app templates to help speed up development
published: true
description: 30+ free CRUD app templates to help speed up development
tags: opensource, webdev, beginnners
cover_image: https://d33wubrfki0l68.cloudfront.net/c56cf3708182e525e175842f8a8b91a64619be4c/2e504/business-apps/templates/applicant-tracking-system/images/preview.gif
---

Hi Dev.to 👋

Since January, the team at Budibase has worked night and day to develop over 30 CRUD app templates. 

**These templates are completely free and fully customizable.**

To checkout the templates, click the following link:
[Link to free CRUD app templates](https://budibase.com/templates/)


I've also included 3 of my favourite templates below:

---

## 1. Application tracking system 💼

Advertise jobs, receive applications, and track candidates.

[Link to template](https://budibase.com/business-apps/templates/applicant-tracking-system/)

![applicant tracking system](https://d33wubrfki0l68.cloudfront.net/c56cf3708182e525e175842f8a8b91a64619be4c/2e504/business-apps/templates/applicant-tracking-system/images/preview.gif)


---

## 2. IT ticketing system 🖥️

Keep on top of support tickets and preventing them from falling through the cracks.

[Link to template](https://budibase.com/business-apps/templates/open-source-ticketing-system/)

![ticketing system](https://d33wubrfki0l68.cloudfront.net/6f6ea50a4cf10c33f27f050d8d68aedecae9c75d/f3d4b/business-apps/templates/open-source-ticketing-system/images/preview.gif)


---

## 3. A multi-step form and admin panel 🎯

Capture leads with this multi-step lead form, and analyse results with a private admin panel.

[Link to template](https://budibase.com/forms/templates/multi-step-lead-form/)

![multi-step form preview](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nkb11cug3f217ddrov07.gif)



For those who don't know, Budibase is an open source low-code platform designed to make it easier, faster, and more fun to build internal apps.
[Link to Budibase Github Repo](https://github.com/Budibase/budibase)

You can use these templates with Budibase for free - hosting included! You can also host these apps on your own infrastructure using Docker, K8s, Digital Ocean.

If these templates save 1 developer a couple of hours, then this effort has been a success!

Have a wonderful weekend,
[Budibase]((https://github.com/Budibase/budibase))
Knative : the easy way to serverless a java app
Tags: serverless, kubernetes, java, devops
Published: 2022-03-04 11:01:57

Hi everyone 🙋🏻‍♂️,

Let me introduce you [Knative](https://knative.dev/docs/), a friend _(or extension)_ of Kubernetes ☸, *an easy way to stop apps when not used* and so, save our planet 🌏 from CO₂ attack!

Works out of the box for a Docker/OCI image of a _serving_ app (like a REST app), but needs [some changes for _event consumers_ one's](https://knative.dev/docs/eventing/).

As the app starts on first request, is better to have a rabbit 🐰 startup performance level degree than a tortoise's 🐢 one _(only works in this case 🏁)_. In Java ☕️ apps, [_native-images_](https://www.graalvm.org/22.0/reference-manual/native-image/) comes to rescue 🚀 _(more about that in the next post)_.

You can see a working example of Knative serving a native java `REST` app in [this interactive Katacoda tutorial](https://bit.ly/3B5TAqp), or if you are a lucky 🇫🇷French🇫🇷 speaker, you can simply watch this demo video: {% youtube pj-gzsbZJ58 %}.

Cheers 🍻

# Resources

- [Knative](https://knative.dev/docs/)
- [Interactive Katacoda tutorial](https://bit.ly/3B5TAqp)
- [GraalVM](https://www.graalvm.org)
- [native-images](https://www.graalvm.org/22.0/reference-manual/native-image/)
- [Spring Native _(experimental)_](https://docs.spring.io/spring-native/docs/current/reference/htmlsingle/)
Necklace: make Sparkle updates easier - request for comments
Tags: sparkle, developer, desktop
Published: 2022-03-04 11:01:23

If you write desktop apps (Mac or Windows); I'd like your feedback on making the whole Sparkle update process easier. 

I've written a few desktop apps, on Mac and Windows - and each time I have to put together the infra to handle Sparkle updates (or NetSparkle on Windows) I'm kinda amazed by how much work it is.  

Sure - the work itself is fundamentally trivial, but there are LOTS of moving parts. 

I believe the community as a whole could benefit from this update process being lots easier - but before I put this together I figured it'd make sense to test the waters, see whether its just me and maybe find some resonance in the community.  

I put together a brief proposal / idea, the best place to read that is here: https://blog.effective-flow.ch/posts/necklace-appcast/ which also links to the discussion via GitHub.  

Please don't be shy - if you've gone through this appcast process I would greatly appreciate your feedback on the idea (before I start writing lines of code). 

Happy coding!

Thanks!
Main Reasons Why Python is Recommended for Data Science
Tags: python, datascience
Published: 2022-03-04 10:51:05


1. Python is easy to learn and its results are being achieved via few lines of code

2. It is cross platform meaning that the same code can work in multiple environments without needing any change.

3. It excecutes faster than other similar languages used for data analysis like R and MATLAB.

4. It has excellent memory management capability, especially garbage collection which makes it versatile in gracefully managing very large volume of data.
5. Python has a very large collection of libraries which serve as a special purpose analysis tools.
6. Python has packages which can directly use the code from other languages like Java and this helps in optimizing code performance by using existing code of other languages, whenever it gives a better results.
AWS Resume Cloud Challenge
Tags: cloud, resume, aws
Published: 2022-03-04 10:41:19

I came across this cloud challenge online during preparations for my AWS Certified Developer Exams, I jumped on it immediately after my exams. I started the process documentation on LinkedIn but I would also update my progress here. This is my "Hello Word" on here. lol. 

https://forrestbrazeal.com/2020/04/23/the-cloud-resume-challenge/resume-challenge/
What is your favorite Static Site Generator and why?
Tags: jamstack, discuss, webdev, productivity
Published: 2022-03-04 10:38:27

> Post in the comments what is your favorite Static Site Generator and why?

Over the last years it looked like the [JAMStack](https://jamstack.org/) is becoming more and more popular. Almost a rebirth of classic websites with modern toolings. I observed a lot of SSG projects were started. Some projects stand out of the crowd. Which one do you seriously consider in your daily work and what is your motivation to use Static Site Generators at all?
Fill 100 Game (Web) is now live
Tags: javascript, webdev, showdev, html
Published: 2022-03-04 10:34:36

Some months ago I tried reproducing a small puzzle game I used to do when I was in school.

## How it works

The game needs a 10x10 square, but you can choose any size. Every cell is filled with a number between 1 and 100 (or it depends on your custom size).

Filling the square is the hardest part, you need to follow one simple rule:

From the current filled square, you can move in any direction
- Horizontally and Vertically by 2 spaces (example: 1 x x 2)
- Diagonally by 1 space

You can start from any square, the goal, as I said, is to fill everyone of them.

The 10x10 is pretty difficult, I found a solution prefilling half of the square, then I created a script that tried to find a solution, and I know it exists.

## Links

The website is live on the js.org domain here: https://fill100.js.org

The project is open source on GitHub here: https://github.com/matteobruni/fill100

Leave a star if you liked it

{% github matteobruni/fill100 %}

---

PS: The wallpaper was made using tsParticles, and if you reach 100 a lot of confetti (still tsParticles) are waiting to explode.

{% github matteobruni/tsparticles %}
RESOLUTIONS FOR DATA SCIENTIST
Tags: python, machinelearning, datascience, ai
Published: 2022-03-04 10:31:05

**1. Deepen your subject matter expertise**
As a data scientist, you need to deepen your familiarity with the domain of a given problem and non concentrating on the "Data Science" components.

**2. Align on security best practices**
Security is a continuous practice that all data scientists should take seriously especially when it comes to the open-source tools. Since open source is such an integral part of the data scientist toolkit, it is crucial that practitioners keep up with patches, updates and vulnerabilities of their tools.

**3. Contribute to open source**
Open source is an ecosystem of collaboration that transcends geographical locations, time zones and organizations. Take time to engage with the community that has brought us so many of today's intergyral backend technologies, while also expanding your professional network in learning new skills.

**4. Never Stop Learning**
As a data scientist, you should keep on learning something new since the field keeps on changing and growing every time.
Add a Image in Text Background using css!
Tags: html, css, codenewbie, beginners
Published: 2022-03-04 10:24:54

So, Everyone likes **cool** and **beautiful** looking texts. There are many properties in text to style like shadow, stroke, color, etc!
**Today, we are going to add an image in background of text.**

_Let's get started!_

1. Body of our code i.e. **HTML**:

```html
<!DOCTYPE html>
<html>
<head>
<title>Text with Image as background</title>
</head>
<body>
<p>Good Morning</p>
</body>
</html>
```

2. Style the text with **CSS**:

```css
p {
background-image: url(image url);
background-repeat: repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 8rem;
text-align: center;
font-weight: bold;
text-transform: uppercase;
font-family: Sans-Serif;
font-weight: 800;
}
```
It's ready. It is very easy to make. I hope that you have successfully made it.

Thank you for reading!

Follow for more.