teleren/devto huggingface dataset:
10 problem statements that the users face in their everyday life
Published: 2023-07-21 13:45:08

**1.****Health and Wellness:** Coping with health issues, maintaining a healthy lifestyle, and finding time for exercise.
**2.****Online Education Platforms:** Students and learners face usability issues on online education platforms, affecting their overall learning experience.
**3.****Healthcare Appointment Scheduling:** Healthcare platforms have cumbersome user interfaces for booking appointments, leading to confusion and potential delays in accessing medical services.
**4.****Mobile Payment Apps:** Users find it challenging to navigate and understand the complex interfaces of mobile payment apps, leading to difficulties in making digital transactions.
**5.****Food Delivery Apps:** Users experience frustrations with food delivery app interfaces that have limited search options and cumbersome checkout processes.
**6.****Weather Apps:** Users encounter difficulties in understanding weather app interfaces, affecting their ability to plan daily activities based on accurate weather forecasts.
**7.****Travel Booking Websites:** Travelers experience frustrations when searching for flights, hotels, or other services on websites that have cumbersome user interfaces.
**8.****Safety Concerns in Ride-Hailing Apps:** Women may feel unsafe when using ride-hailing apps due to limited safety features and a lack of transparency in driver information.
**9.****Limited Parental Control Features:** Some apps lack proper parental control options, leading to concerns about online safety and content exposure.
**10.****Complex Educational Apps:** Youngsters encounter difficulties using educational apps with complicated user interfaces, hindering their learning experience.
Layout
Published: 2023-07-21 13:38:47

**1. Sử dung margin âm**

{% stackblitz https://stackblitz.com/edit/vite-react-tailwind-e4ofrd?embed=1&file=src%2FApp.jsx %}

**2. Sử dung grid**

{% stackblitz https://stackblitz.com/edit/vite-react-tailwind-burxpc?embed=1&file=src%2FApp.jsx %}
Como iniciar meus estudos em Python
Tags: beginners, programming, python, braziliandevs
Published: 2023-07-21 13:24:19

Existem diversos materiais pelo mundo afora para você dar seus primeiros passos e evoluir o conhecimento com a linguagem Python.

E, por isso, resolvi registrar nesse artigo, alguns conteúdos que eu conheço e gosto. Inclusive, esse artigo poderá ser editado algumas vezes para receber atualizações e novos conteúdos deste assunto.

> Mas lembre-se: cada pessoa tem sua própria forma de aprender. E cada pessoa tem seu próprio tempo de evolução. Além disso, na programação, o que mais precisamos fazer é praticar. Então bora criar coragem e colocar a mão na massa. E, se surgirem dúvidas, bora conversar na comunidade para nos apoiarmos!

## Livros gratuitos
- [Python Fluente - Luciano Ramalho](https://github.com/pythonfluente/pythonfluente2e): tradução do livro disponibilizada gratuitamente;

## Cursos gratuitos
- [Curso de Python 3 com Professor Guanabara](https://www.youtube.com/watch?v=S9uPNppGsGo&list=PLHz_AreHm4dlKP6QQCekuIPky1CiwmdI6);
- [Cursos da comunidade Pyladies SP](https://github.com/PyLadiesSP/Cursos);
- [Python Basics - Introdução e Mão na Massa com Renzo Nuccitelli](https://developers.botcity.dev/academy/devpro_python) com certificado;
- [Introdução à Programação com Python com Teomewhy](https://www.twitch.tv/collections/KsRwA0OEbhd_Gw);
- [Curso de FastAPI do Zero](https://fastapidozero.dunossauro.com/);

## Listas de exercício gratuitas
- [Lista de exercícios da Python Brasil](https://wiki.python.org.br/ListaDeExercicios);
- [Exercícios de Python 3 com Professor Guanabara](https://www.youtube.com/watch?v=nIHq1MtJaKs&list=PLHz_AreHm4dm6wYOIW20Nyg12TAjmMGT-);

## Vídeos e lives gratuitas
- [Live de Python do Dunossauro](https://www.youtube.com/@Dunossauro);
- [Python para zumbis do Fernando Masanori](https://www.youtube.com/playlist?list=PLUukMN0DTKCtbzhbYe2jdF4cr8MOWClXc);
- [Curso de Programação em Python para Iniciantes](https://www.youtube.com/watch?v=O2xKiMl-d7Y&list=PL70CUfm2J_8SXFHovpVUbq8lB2JSuUXgk) da comunidade Pyladies BH;
- [Vídeos do canal CodeShow](https://www.youtube.com/@codeshowbr) com a @bug_elseif.

---

Sinta-se a vontade para contribuir também para esse artigo ficar cada vez melhor e mais completo. Conhece algum conteúdo gratuito e, de preferência, em português, para a comunidade e com qualidade? Manda nos comentários!

OBS: Não vamos fazer venda de cursos, ok? O objetivo é ajudar quem está começando.
Colorful reactive programming lessons using three.js and real rx.js
Tags: rxjs, threejs, frontend, tutorial
Published: 2023-07-21 13:12:15

---
title: Colorful reactive programming lessons using three.js and real rx.js
published: true
description: 
tags: rxjs, threejs, frontend, tutorial
# cover_image: https://softwaremill.com/learn-reactive-programming-with-rx-playground/rx-vis-screen.png
# Use a ratio of 100:42 for best results.
# published_at: 2023-07-21 08:10 +0000
---

Whether you are a beginner or a more advanced developer, I bet you gonna like this one. Maybe it's gonna help you start a pet project of your own.

This interactive demo - [RX Playground](https://softwaremill.com/learn-reactive-programming-with-rx-playground/) - helps you discover the core concepts and operations of reactive programming using the power of RxJS and three.js!

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

The formula is simple: imagine you're a toy factory builder and unleash your creativity. 

By considering reactive programming and incorporating Rx.js into your pet project, you can elevate the overall performance and user experience of your software, making it a more robust and dynamic application.

Many thanks to my colleague, [Tomek Krawczyk](https://softwaremill.com/blog/?author=Tomasz%20Krawczyk) for bringing to life another interactive learning resource!
What should I do with this code?
Tags: wordpress
Published: 2023-07-21 13:11:13

I put this code in WordPress, but it doesn't shrink when I reduce the site screen. It is also not mobile friendly. How do you do it?
-------------------------------------------------------

```
<embed width="640" height="460" src="http://gameheo.com/swf/gogun.swf" quality="high" type="application/x-shockwave-flash" pluginspage="https://www.macromedia.com/go/getflashplayer" allowscriptaccess="never" title="">
<script type="text/javascript" src="http://gameheo.com/swf/gogun.swf"></script>

<script src="https://unpkg.com/@ruffle-rs/ruffle"></script>
```

-------------------------------------------------------
Make your App links TINY and SHAREABLE on Mobile and Web Apps - Firebase
Tags: dynamiclinks, laravelphp, crossplatform, tinylinks
Published: 2023-07-21 12:59:42


![Link Flow](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2fxy9gceyd3t18r2r5ew.png)I recently used Firebase Dynamic Links feature and It made the app data sharing easy and flexible. The main benefit is that we can create a single link that can be used in iOS, Android and Browsers. 
Links now are tiny, UNGUESSABLE and have metadata attached to it.

I used this in Laravel using Admin SDK of Firebase.

Key features of Firebase Dynamic Links include:

Key features of Firebase Dynamic Links include:
1. Cross-platform support: Dynamic Links work on both Android and iOS devices, as well as on the web.
2. Deep linking: When a user clicks on a Dynamic Link, it can open your app directly to the specified content or send the user to the appropriate web page.
3. Dynamic behavior: Dynamic Links can be customized based on the user's platform, language, and other attributes to provide personalized experiences.
4. Attribution and analytics: Firebase Dynamic Links can track the performance of your links, providing valuable data on user engagement and conversion rates.

Contact: [Mudassir Ali](https://mudassirali.com)
My Transformational Journey Into the World of Tech
Published: 2023-07-21 12:39:14


From the moment I first heard about the world of technology, a spark ignited within me, compelling me to explore its depths and discover if this was the path meant for me. My journey began when a friend mentioned a life-changing bootcamp—an opportunity that would alter the course of my life forever. Little did I know how passionate I would become as I delved deeper into the realm of tech.

Coming from a non-tech background in the health industry, stepping into the tech world felt both thrilling and intimidating. I immersed myself in learning the foundations, starting with Linux systems, shell basics, text editors, and bash. Every moment was a mix of fear and excitement, unsure of where to start, but driven by an unyielding desire to become a Software Engineer.


The bootcamp's trial period, where an 80% average was required to continue, was a formidable challenge. Yet, it was through this crucible of learning C programming language and Linux that I knew, if I could conquer this, I would flourish in tech.

Was I scared? Absolutely! Learning data structures pushed me to my limits, facing the most challenging program that urged us to push beyond our boundaries. Nevertheless, I devoured every piece of information, determined to grasp the concepts and grow.

Errors were my nemesis, and the first time I encountered one, I was gripped by panic. But my passion for technology compelled me to persevere. I promised myself I'd see this journey through, no matter how daunting it seemed.


One defining moment came when I lost a full-stack project I had invested two months into building. I felt disheartened, but giving up was not an option. I rallied, channeled my newfound strength, and completed the project in just two weeks—a testament to my tenacity ( https://github.com/tochi26/neel-dairy ).

Throughout the bootcamp, I developed numerous projects ( https://tochukwunzewiportfolio.netlify.app/ ), mastered APIs, deployed creations on various platforms like Netlify, Vercel, and Digital Ocean, and even contributed to open-source initiatives while pursuing additional tech-related courses and certifications.

Now, as I seek a role as a software engineer, I reflect on the arduous yet exhilarating journey that has brought me this far. I've learned to embrace each stage, recognizing that every challenge and triumph has molded me into the capable individual I am today.

The future is my canvas—a bright, promising tapestry waiting to be woven with newfound opportunities. 

I am certain that with the right company, supportive managers, and collaborative team players, I will flourish. This journey has taught me to cherish each step, for they all contribute to a future filled with boundless possibilities and incredible achievements.

As I stand on the precipice of this new chapter, I embrace the excitement of what lies ahead. I know that my determination, combined with unwavering passion, will propel me to scale even greater heights. The journey thus far has been awe-inspiring, and I can't wait to make an indelible mark in the world of technology.
Day 10: Scope
Tags: day10, 100daysofcode, javascript
Published: 2023-07-21 12:30:00

## What is Scope in JavaScript?

Scope refers to the context in which variables and functions are declared and can be accessed. In other words, it defines the portion of code where a particular variable or function is visible and can be referenced. JavaScript has two primary types of scope: global scope and local scope.

## Global Scope:

Variables and functions declared outside of any function or block are said to have global scope. They are accessible from any part of your code, both inside functions and outside of them.


## Local Scope:

Variables and functions declared inside a function or block have local scope. They are only accessible within that specific function or block and are not visible outside of it.


```javascript
function outerFunction() {
  const message = "Hello";

  function innerFunction() {
    console.log(message);
  }

  return innerFunction;
}

const myClosure = outerFunction();
myClosure(); // Output: "Hello"
```



## Local & global scope visualisation

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

## Expanded local scope

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


## Closure

The **innerFunction** is defined inside the **outerFunction**, which means **innerFunction** has access to the variables in the lexical scope of **outerFunction**. 


In this case, the message variable is in the lexical, forming a closure.

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


# Question for you

Why local scope is not showing here?. 

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

Write the answer the comments.
Understanding the Internal Layout of the Heap Table in PostgreSQL
Published: 2023-07-21 12:16:41

The data file that basically contains the heap table and index is divided into pages of fixed length. If the data file space gets filled completely, postgreSql adds a new empty page to the end of the file.


A page within a table contains three kinds of data:

- **Heap tuple(s):** A heap tuple is a record data itself. They are stacked in order from the bottom of the page.

- **Line pointer(s):** A line pointer that is also known as _item pointer_ is a 4 byte long pointer that points to each heap tuple. Line pointers form a structure of array that represent the index of the tuples. 

- **Header data:** It is the data that is added at the beginning of the page and contains general information about the page. Header data is defined by the structure PageHeaderData and 24 byte long.

###Writing Heap Tuples
While writing heap tuples, there are two main paramters:

- `pd_lower` is used to point to the line pointer of the page

- `pd_upper` is used to point to the heap tuple  of the page

###Reading Heap Tuples
While reading heap tuples there are two scans in postgresql:

- In **sequential scan**, all tuples in all pages are sequentially read by scanning all line pointers in each page.

- In a **B-tree index scan**, an index file contains index tuples.  Each index file is composed of an index key and a TID that points to the target heap table.
PostgreSQL reads the heap tuple using the TID

##References:
[https://www.interdb.jp/pg/pgsql01.html](url)
Chainlink’s Cross-Chain Interoperability Protocol (CCIP) is officially live on mainnet!!
Tags: blockchain, web3, ethereum
Published: 2023-07-21 12:00:28

GM GM! Firstly, I’d like to thank everyone that has put their personal time, effort to learn something new. 🙏

Web3 today consists of hundreds of independent L1 chains, L2 rollups, app chains, sidechains, subnets, and more launching every week, to create a truly interoperable Web3 ecosystem, data and value needs to be able to move seamlessly between chains this is where bridges come in…

While there exists a number of cross-chain bridges, security remains a large challenge. Over $2.6B has been exploited in cross-chain bridge hacks in total.

Properly securing cross-chain interactions is an extremely difficult task!!

It seems like every other week we hear of another cross-chain bridge hack, Whether it’s due to shipping rushed low-quality code or complete incompetence like losing access to server keys because the CEO was arrested.
Obviously a better solution is required!!

The Cross-Chain Interoperability Protocol (CCIP) is a cross-chain messaging solution from Chainlink Labs that has been designed from the ground-up with security as the priority. Only with a secure foundation a truly interoperable Web3 economy can exist!!

[]( https://twitter.com/SergeyNazarov/status/1681064341515259904?s=20)

Ultimately, CCIP represents a paradigm shift for the Web3 economy, enabling the secure transfer of both tokens and data across any blockchain network, without the major security headaches that have afflicted existing solution.
Who's looking for open source contributors? (week 51)
Tags: discuss, opensource, contributorswanted, codenewbie
Published: 2023-07-21 12:00:00

---
title: Who's looking for open source contributors? (week 51)
series: Looking for Contributors
published: true
description: Discover which open source projects are actively seeking contributors. Learn how you can make a meaningful contribution to the open source community and gain valuable experience. Find out who's looking for open source contributors now.
tags: discuss, opensource, contributorswanted, codenewbie
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
published_at: 2023-07-21 12:00 +0000
---
Join the global Open Source community. We're here to empower new contributors, motivate existing ones, and provide valuable support to maintainers. Together, we can achieve great things!

## Tell us about your project
_Promote your project by providing a link to the repo. Everyone who posted in previous weeks is welcome back this week, as always 😄_

Open Source should be a welcoming space for contributors. The README is the front door of your project. If you'd like to check out an example of a README, here's our [OpenSauced/insights README](https://github.com/open-sauced/insights).

If you submit please have the following in your repo to make it welcoming and helpful for contributors:

1. README.md
2. CONTRIBUTING.md

Feel free to drop your issues and repos in the [OpenSauced Discord](https://discord.gg/opensauced) #:eyes:-looking-for-contributors channel at any time! 

If you're new to open source, and you're not sure where to start, check out our [Intro to Open Source course](https://github.com/open-sauced/intro). 

Finally, consider reading the [Best Practices for Maintainers](https://opensource.guide/best-practices/).

Just a note to say, we've restarted this post from something Ben was doing for a while :star-struck: 

Let's bring inspiration and innovation to every developer through your open source contributions!
How to Clone Data from One Column to Another in the Same SQL Server Table
Published: 2023-07-21 11:47:06

In the realm of database development, cloning data from one column to another plays a pivotal role in maintaining data integrity, facilitating efficient analysis, and supporting various data management tasks. For developers aiming to fully optimize their databases, understanding the intricacies of cloning data in SQL tables is of utmost importance. Numerous methods exist for cloning data between columns within the same SQL table, each suited to specific needs and requirements. 

In this article, we will explore the process of duplicating data from one column to another within the same SQL Server table using T-SQL and the dbForge Data Compare tool. It is worth noting that the cloning process using dbForge Data Compare is straightforward and seamless, requiring no extensive technical knowledge. This tool streamlines and expedites routine operations, significantly enhancing developers' productivity.

Read the article to get more info: https://blog.devart.com/clone-colums-data-in-sql-server.html 


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qm5wsnfu8xm94uud8lkl.jpg)
🔒 Improve data integrity in your Node.js apps with Joi! 🚀
Tags: webdev, javascript, node, productivity
Published: 2023-07-21 11:34:45

Data integrity is an important part of any software application since it ensures that the data stored and processed within the system is accurate, reliable, and secure.
In Node.js applications, one powerful tool that can help achieve robust data validation is **Joi**. 

In this article, we will learn how to use Joi's features to improve data integrity in your Node.js apps and give users a more secure and dependable experience.

## What is Joi?
Joi is a popular validation library that simplifies the process of validating user input, API data, or any other data coming into your application.
With Joi, you can easily specify rules for data types, required fields, string patterns, number ranges, custom validations, and more. By integrating Joi into your application, you can ensure that incoming data adheres to your specified rules, making your app less prone to errors and security vulnerabilities.

## Why Use Joi in Your Node.js Apps?

##### 1. Simplified Validation:

Joi's simple and clear API enables you to create validation rules in a concise manner, hence simplifying your code.
Validation schemas are easy to read and maintain, making it effortless to enforce data integrity across your entire application.

##### 2. Custom Validation:

You can use Joi to develop custom validation functions to handle unusual requirements. This feature allows you to define business-specific rules and adapt validation logic according to your application.

##### 3. Error Reporting:

When data fails validation, Joi generates detailed error messages. This feature allows you to pinpoint specific problems with the data, making debugging easier and allowing you to respond gracefully to validation errors.

## Using Joi in Your Node.js Apps:

Here's a quick example of how you can use Joi to validate user input for a simple registration form:

```
const Joi = require('joi');

const userRegistrationSchema = Joi.object({
  name: Joi.string().min(3).max(50).required(),
  email: Joi.string().email().required(),
  password: Joi.string().pattern(new RegExp('^[a-zA-Z0-9]{3,30}$')).required(),
  // Add more validation rules for other fields
});

// Validate user input
const userInput = {
  name: 'Johnny English',
  email: 'johnny@example.com',
  password: 'MyPassword123',
};

const { error, value } = userRegistrationSchema.validate(userInput);

if (error) {
  console.error('Validation Error:', error.details[0].message);
} else {
  console.log('Data is valid:', value);
}

```

## Conclusion

By incorporating Joi into your **Node.js** applications, you can significantly improve data integrity and enhance the overall security of your software.

Next time you embark on a Node.js project, consider utilizing Joi's power to validate data effectively, delivering a safer and more user-friendly experience for your application's users.

So, why wait? Enhance your Node.js apps with Joi today! 🚀

_Happy coding! 👩‍💻👨‍💻_