teleren/devto huggingface dataset:
User Form in one state(object) in React
Published: 2022-12-20 14:52:45

```react
import React, {useState} from 'react'

const User = () => {

    const [user, setUser] = useState({name: '', age: ''});
    const {name, age} = user;

    const handleChange = (e) => {
        setUser({...user, [e.target.name] : e.target.value});
    }

    const handleSubmit = (e) => {
        e.preventDefault();
        console.log(user);
    }
    return (
        <div>
            <h2>User</h2>

            <form onSubmit={handleSubmit}>
                <input name='name' value={name} onChange={handleChange} type="text" placeholder='enter name' />
                <input name='age' value={age} onChange={handleChange} type="number" placeholder='enter age' />
                <button type='submit'>Enter</button>
            </form>

        </div>
    )
}

export default User
```
Codecademy Final Project
Tags: beginners, programming, python, game
Published: 2022-12-20 14:51:50

## This is my posting of my Final Project from Codecademy. CS101

Since I couldn't decide what to do. I have randomly chosen one of the example projects, which is linked down below.

The most exciting thing I realized is how using classes and class methods reduces the amount of calls-unrelated code for the script execution.    

[Github Repo](https://github.com/Kautz5800/Final-Project-CodeCademy)
Why use transform on a animation/transition/JsEffect
Tags: webdev, css, beginners, performance
Published: 2022-12-20 14:48:41

It's very important if You want move or deform element in **animation** to use the **CSS property** `transform`.
`transform` is an basic **CSS property** to move a element but they are also other property like (top, right ..., margin, ...). The other properties work for animation but they are an bigger impact for the DOM and they can slow down web's performance.

So if you want the **better performance** for your web site you need to use `transform`, extra if you want deform like **rotation**, **scale **or use **"3D"**.
Problems with TkFixedFont (on Mac)
Published: 2022-12-20 14:47:14

The following lines of code:
```Python
from tkinter import *
win= Tk()
text= Text(win, height=15, font=('TkFixedFont', 18))
# text= Text(win, height=15, font=('Courier', 18))
text.insert(INSERT, "arrow-left: \u25c4, arrow-right: \u25ba")
text.pack()
win.mainloop()
```
Gives me this result:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ve9lvgc0x2mtp5ieex9i.png)
I would expect the font to be monospaced and arrows equal in size.
MacOS Ventura 13.1, Python 3.11.1, tkinter 8.6.12
Thanks for help and advice
AWS Community Builders X-mass edition
Tags: cbchristmas2022, awscommunity
Published: 2022-12-20 14:42:59

_**Merry Christmas**_ 🎄 

**What surprises you most about the community builder program?**

I have completed almost two years with this stunning community and I believe I have been experiencing all kind of events around but one or two things that have surprises me the most are: 
 

1. The huge engagement that our AWS Community Building program team has with all of us within this group.  They are everyday providing and coordinating a lot of learning opportunities through online events, free courses and more to all of us.
   
2. The amount of articles, videos, and podcast that all of us the CB’s produce daily. 
 
 
**What is your background and experience with AWS?**
 
I am an AWS DevOps specialist based out of Toronto.  Passionate, data driven professional with 8+ years of entrepreneurial experiences. I am all about Information Technology Management. For the past few years I have been working predominantly with big data and IoT on AWS. 
 
 
**What is the biggest benefit you see in the program?** 

The biggest benefit I have seen in this program is people. Having the opportunity to talk and learn from other members  experience with AWS has been an astonishing opportunity for me. 
 
**What is the next swag item you would like to receive?**

A messenger bag 💼 😊
 
**What are you going to have for dinner today? Share the recipe!**

[Crockpot Crispy Pork Ramen](https://www.halfbakedharvest.com/crockpot-crispy-pork-ramen/)


![soup](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/06g7xdlfgj93tgq0kwk6.jpg) 
 
 
**Is there anything else you would like to say about the community builder program in 2022?**

If you are looking for opportunity to share the love you have for AWS the AWS Community Builders program is your best option.  For more information about this program please visit this link [community-builders](https://aws.amazon.com/developer/community/community-builders/)
 
A big thank you to the incredible AWS CB’s team: **_Jason Dunn [AWS], Ernesto Alvarez [AWS], Lily Kerns [AWS]_** and **_Chloe Goldstein [AWS]_** for providing to us such a warm and save place to talk all about AWS cloud.
c ++ 7-Dars.
Tags: programming, cpp, tutorial
Published: 2022-12-20 14:23:33

#Ushbu kodda 5ta xonali sondan 3xonasini olishni o'rganamiz.
``` cpp
#include <iostream>
#include <iomanip>
using namespace std;
int main() { 
int son;
  cin >> son; 
cout << son /100 % 10; // 12345 dan 3ni yani 3-chi sini olishni o'rganamiz
return 0;
}

```

#Ushbu kodda sondan keyin ! belgisi chiqarish o'rganamiz.

``` cpp
#include <iostream>
#include <iomanip>
using namespace std;
int main() {
int son;
cin >> son;
cout << son / 10000 << '!';
cout << son / 1000 % 10 << '!';
cout << son / 100 % 10 << '!';
cout << son / 10 % 10 << '!';
cout << son / 1 % 10;
  // ushbu kodda sondan keyin ! belgi chiqarish o'rganamiz.
return 0;
}
```
#Ushbu kodda bolub /, va foiz %, javobi chiqarishni o'rganamiz.

``` cpp
#include <iostream>
#include <iomanip>
using namespace std;
int main() {
  
cout << 3 / 10 << endl; // javobi 0
cout << 3 % 10 << endl; // javobi 3

return 0;
}
```
@dawroun
My secret stack to deliver powerful GraphQL apps like experts
Tags: graphql, react, productivity
Published: 2022-12-20 14:23:20

{% embed https://www.youtube.com/watch?v=BPOWTatQlxc&ab_channel=AgostonGraphQLBackend-GraphQLmadeeasy %}

I already knew the power of Postgres and its PL/pgSQL programming language (simple and fast). But it has been game-changing when I discover [Postgraphile](PostGraphile). Suddenly I was able to develop beautiful APPs offering exceptional UX.

Step by step, I end up having a [full backup stack](https://github.com/agoston-io/agoston-backend) that I consider the best tech stack for applications. The reason is simple, I just integrated together the best of the open-source world: 

- **Postgres:** The World's Most Advanced Open Source Relational Database. 
  - **Function:** To build custom logic.
  - **Trigger:** To trigger functions on data changes or events.
  - **pg_cron:** To schedule function execution regularly.
  - **REST requests python package:** to call any REST API.
- **Postgraphile:** Fastest GraphQL API server for PostgreSQL.
- **Passport JS:** Simple authentication for Node.js.
- **Unified Authentication:** User gets a session that works for requests AND subscriptions.
- **Nodemailer:** A module for Node.js applications to allow easy-as-cake email sending.

## Bottom line

This [full backup stack](https://github.com/agoston-io/agoston-backend) that I called Agoston allows me to build anything, integrate any API and scale large while ensuring the best performance that a database can offer thanks to Postgres.

**P.S.** I also launched a managed Agoston backend stack that you can test for free. Thus you can immediately get the benefits without the hurtle of implementing it! [Give it a try here](https://agoston.io/)! :)
Metadata: The New Gold Hidden Inside Startups, and Companies!
Tags: datascience, programming, productivity, opensource
Published: 2022-12-20 14:21:34

The source for data catalog, intelligent data dictionaries, data governance, and optimized data driver!

This publication on Medium aims to describe more about what metadata is, its importance, how to structure it, and some ways to use this powerful source of information for data products in your company or Startup.

To know about:

https://jlgjosue.medium.com/metadata-the-new-gold-hidden-inside-startups-and-companies-ea5d7498acfa

Thanks for reading, share this post! :)
OSS Sponsoring by Usage? 💰📈
Published: 2022-12-20 14:12:33

Hi there,

I recently thought about all the different OSS libraries I use every day at work and in personal projects.

Most of them are created and maintained by individuals that spend a lot of their time on that work. So, to give something back seems like a good thing to do - but to whom?

What I was asking myself is if there is already a tool/method to track the actual usage of a certain library or all dependencies of a project in general - and then use that data to aggregate & distribute donations to those people using the well-known platforms like [GitHub Sponsors](https://github.com/sponsors), [Buy Me A Coffee](https://www.buymeacoffee.com/), [Open Collective](https://opencollective.com/), and all the others...

If there is no such thing, do you think people might be interested in something like that?
If so, what could the actual measure for a donation look like? Fixed rate per build / install task? Times the occurrence of that library in the dependency tree? Or a more sophisticated mechanism?

Please comment below, if you have any other ideas or anything to add 😊
What should be demo account credentials for App store connect?
Tags: telegram
Published: 2022-12-20 13:58:54

I have submitted a reproducible Telegram build to the app store, but they cannot review it because they want Demo account credentials (production) to test the application.

Is there a way to give test access as a test user account to the apple review team to enter a test phone number and a code to sign in to the app and test features? Even if it is a dummy user it works for us.

Thanks in advance for any suggestions/recommendations.

For more information please see attached screenshot.

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


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/afe49t0zr5rqq8znfsle.png)
(re-)Introduction
Tags: introduction, webcomponents, webframeworks, javascript
Published: 2022-12-20 13:58:47

---
title: (re-)Introduction 
published: true
description: "I've been a member of the community for 4 years now, but purely in read-only mode. Time to make ammends, and say 'hello'"
tags: introduction, webcomponents, webframeworks, js
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2022-12-20 13:33 +0000
---

Hello 👋🏻

I'm Martin, [a UK based Web Developer and AWS consultant](https://martinhicks.net). 

I've been a member of this community for 4 years now, but purely in read-only mode I'm afraid. Recent events have made me reconsider my online profile and I'm trying to take more ownership of my content. 

Still dipping-my-toe into [dev.to](https://dev.to), but hope to make it a more regular fixture in 2023. 

I've just published a handful of back-dated posts from my personal website - [martinhicks.net](https://martinhicks.net/articles) - over here as a starter for ten. 

1\. A look into a brilliant new Web Component based web framework - [Enhance](https://enhance.dev) 

{% embed https://dev.to/martinhicks/sharing-enhance-elements-between-projects-3aai %}

2\. Some brief thoughts on why I'm excited about a shift towards web-platform first principles 

{% embed https://dev.to/martinhicks/back-to-the-future-2coj %} 

3\. A guide to using 11ty's upcoming 2.0 version along with their new templating language, WebC

{% embed https://dev.to/martinhicks/eleventy-20-webc-2a4o %}

Looking forward to becoming more active in the community. 

Thanks for having me :)
How GraalVM improves Ruby
Tags: ruby, java
Published: 2022-12-20 13:41:16

Recently, there was a Java meetup held at work ([Deepsource](https://deepsource.io)) where I gave my first ever talk, "How GraalVM improves Ruby".

In this I talk about how the Java ecosystem has become so much larger than just Java the language, that it's optimizations get carried over to other languages (in this case, Ruby) which ends up improving them. 

I hope you find this talk useful!

{% embed https://youtu.be/jKERKt9BptM %}
How to make a HTTP GET Request in JavaScript
Published: 2022-12-20 13:27:03

To make an HTTP GET request in JavaScript, you can use the XMLHttpRequest object or the fetch() function.

Here's an example of making an HTTP GET request using XMLHttpRequest:


```

function makeGetRequest(url) {
  const xhr = new XMLHttpRequest();

  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
      if (xhr.status === 200) {
        console.log(xhr.responseText);
      } else {
        console.error(xhr.statusText);
      }
    }
  };

  xhr.open('GET', url);
  xhr.send();
}
```

makeGetRequest('https://www.example.com');
Here's an example of making an HTTP GET request using fetch():


```

fetch('https://www.example.com')
  .then(response => response.text())
  .then(data => console.log(data))
  .catch(error => console.error(error));
```
Note that both XMLHttpRequest and fetch() are asynchronous, which means that the code will not wait for the response to complete before continuing to execute. Instead, they provide a way to specify a callback function that will be called when the response is received.
CSS Selectors Use cases
Tags: html, css, webdev, beginners
Published: 2022-12-20 13:27:02

Hello Everyone today i will show you how you can combine selectors in CSS to use them efficiently. I am not going to discuss All the selectors and how to use, i will just showcase some code snippets for the selectors.I will some basic code snippets to some advance one

Let's get started...

# When you want to change an element style by hovering some other element - 
```html
<div class="card">
  <p>some text</p>
  <button class="btn">I am hidden</button>
</div>
```
```css

.btn{
  opacity:0
}
.card:hover > .btn {
  opacity:1
}
```
* When you will hover over the card, the button will be visible

# When you want to give styling to all the elements except the last one.
```css
.list:has(.list-item) :not(.list-item:nth-last-child(1)){
  color:red;
}
```
* It will apply the style to all the elements with .list-item class but not the last element

# When you want to change parent container styling using child element
```html
<div class="container">
  <label for="">Change Parent Color<input type="checkbox"></label>
</div>
```
```css
.container:has(input[type="checkbox"]:checked){
  background-color:black;
  color:white;
}
```
* It will check whether the container has an input of checkbox as checked or not, if it is checked apply the styling to the container else don't do anything.

# When you want to create dropdown effect - 
{% codepen https://codepen.io/shubhamtiwari909/pen/NWzeGpp %}

# When you want to create custom radio buttons or checkboxes
{% codepen https://codepen.io/shubhamtiwari909/pen/QWxPOEe %}

### Using these techniques you can create many new things with css transition, animation and all

THANK YOU FOR CHECKING THIS POST
You can contact me on -
Instagram - https://www.instagram.com/supremacism__shubh/
LinkedIn - https://www.linkedin.com/in/shubham-tiwari-b7544b193/
Email - shubhmtiwri00@gmail.com

^^You can help me by some donation at the link below Thank you👇👇 ^^
☕ --> https://www.buymeacoffee.com/waaduheck <--

Also check these posts as well
https://dev.to/shubhamtiwari909/css-iswherehas-and-not-2afd

https://dev.to/shubhamtiwari909/theme-changer-with-html-and-css-only-4144

https://dev.to/shubhamtiwari909/swiperjs-3802

https://dev.to/shubhamtiwari909/going-deep-in-array-sort-js-2n90
Studi Independen Back-End Web Development di Skilvul
Published: 2022-12-20 13:18:08




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

Kampus Merdeka adalah bagian dari kebijakan Merdeka Belajar oleh Kementerian Pendidikan, Kebudayaan, Riset, dan Teknologi (Kemendikbudristek) yang memberikan seluruh mahasiswa kesempatan untuk mengasah kemampuan sesuai bakat dan minat dengan terjun langsung ke dunia kerja sebagai langkah persiapan karier. Program Merdeka Belajar – Kampus Merdeka (MBKM) merupakan kerangka untuk menyiapkan mahasiswa menjadi sarjana yang tangguh, relevan dengan kebutuhan zaman dan siap menjadi pemimpin dengan semangat kebangsaan yang tinggi. Program ini memiliki banyak pilihan seperti Kampus Mengajar, Magang, Studi Independen dan lain-lain.

Program MSIB atau Magang dan Studi Independen Bersertifikat bagian dari MBKM mendapatkan jaminan konversi SKS yang diakui perguruan tinggi. Mahasiswa memiliki kesempatan untuk merasakan pengalaman bekerja di dunia kerja pada program Magang Bersertifikat. Dalam program Studi Independen Bersertifikat, mahasiswa mendapat kesempatan untuk belajar dan beraktivitas di luar perkuliahan. Program MSIB menjalin kerja sama dengan mitra dari berbagai industri dan usaha. PT Impactbyte Teknologi Edukasi (Skilvul #Tech4Impact) adalah salah satu dari mitra program Studi Independen MBKM.

Program Studi Independen Skilvul #Tech4Impact terdiri atas pembelajaran individu dan capstone project yang dilakukan dalam tim multidisiplin. Salah satu learning path yang ditawarkan adalah Back-end Web Development. Program berjalan mulai dari 16 Agustus 2022 dan berakhir pada 30 Desember 2022. 100 mahasiswa terpilih pada learning track Back-end Web Development akan diberikan tantangan/challenge, masing-masing challenge akan dibagi menjadi 2-4 orang per tim.

Pada saat capstone project, setiap kelompok akan memiliki 1 mentor profesional yang membimbing para mahasiswa jika mengalami kendala dalam mengikuti proses pembelajaran. Satu (1) mentor akan membimbing 4 – 5 tim (10 – 20 orang). Setiap tim akan menyelesaikan tantangan dari Challenge Partners sebagai mitra industri Skilvul dalam kegiatan studi independen #Tech4Impact untuk menghasilkan solusi digital sebagai proyek final.

Salah satu peserta, Fawwaz Arfiqi, mengungkapkan, “Jangan khawatir untuk mengikuti kelas ini jika tidak memiliki basic coding. Karena saya dan teman teman lain akan belajar bersama mulai dari awal, dan berdiskusi untuk menyelesaikan challenge di akhir”.


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


Studi Independen Skilvul #Tech4Impact : Back-End Web Development dapat menjadi pilihan bagi para mahasiswa yang tertarik bidang website dan ingin mengetahui bagaimana logika pada website berjalan. Karena selain belajar dari awal, faktor lain yang membuat kelas ini sangat direkomendasikan adalah adanya mentor professional yang siap membantu mahasiswa jika mengalami kesulitan dalam memahami materi-materi yang telah diberikan.
_**Penulis: Fawwaz Arfiqi**_
V-Blogs
Tags: blog, technology, webdev, react
Published: 2022-12-20 13:12:05

V-Blogs is a website in which you can add, update, delete blogs. In this website you can listen to the blogs. You can also record the blog to publish it. It is created using **_react_** and any user can add their blogs.

---

You can view the website by clicking on below link:
[V-blogs](https://blogging-d53ef.web.app/)
طراحی سایت فروشگاهی
Published: 2022-12-20 13:08:25

The price of designing a [طراحی سایت پزشکی](https://tafakorebartar.com/medical-website-design/) to increase medical services, building a custom WordPress clinic and hospital website... to start providing any type of medical services, the first step is to have a dedicated website for your brand. WordPress medical website design is done for you with the highest standards and according to Google's special algorithms. You can contact us now and start designing your website with superior thinking. With years of successful experience in designing websites with the best quality, we have been able to attract complete satisfaction from our audience.
......
The price of clothing and [طراحی سایت پوشاک](https://tafakorebartar.com/clothing-website-design/) at a cheap price and free domain and hosting, clothing website design and sales of children's, women's, men's and sports clothing with the web... Designing an online store to provide services and buy and sell all kinds of clothing and women's and men's clothes. Cosmetics with the cheapest price and the highest quality. Nowadays, due to the ever-increasing expansion of the activities of stores and also the increase in the activity of Internet users in the virtual space, the space and sales platform in the virtual space can be increased under the title of online shop.
......
Designing a [طراحی سایت صنایع غذایی](https://tafakorebartar.com/food-industry-website-design/) is very important in the food industry, and the top thinking company, with years of experience, designs the food industry website for your industry. The presence of a food industry site is very useful for people who have businesses in this direction and it can meet the needs of people and it also becomes a type of professional advertisement for their business and they can also use that platform to introduce themselves and also Selling their own products. Selling food online in addition to the grocery store can be a big step to improve your business.
......
[طراحی سایت فروشگاهی](https://tafakorebartar.com/design-website-shop/) today is an advantage in increasing online shop sales. To start selling any type of product, the first step is to design an online store for your brand. Offering the right online store price can encourage you to have a professional [قیمت سایت فروشگاهی](https://tafakorebartar.com/design-website-shop/). Ordering the design of a WordPress 
[1. قیمت فروشگاه اینترنتی](https://tafakorebartar.com/design-website-shop/)
 will be done for you with the highest standards and in accordance with Google's special algorithms. You can contact the support of the top thinking team right now to take the first step to improve your sales.
Binary Search Tree Updating
Published: 2022-12-20 12:57:44

How can I update values in Binary Search Tree without affecting its properties (all the nodes in the left subtree have values that are less than the value of the root node and all the nodes of the right subtree have values that are greater than the value of the root node).

I tried deleting and inserting the new Value, but It's an assignment and my professor wants different solution using AVL techniques.