teleren/devto huggingface dataset:
Staying on Top of the Latest Trends in Cutting Edge Web Development
Tags: webdevelopers, javascript, cuttingedge, webdev
Published: 2023-03-13 21:14:45

As a **web developer**, it is essential to stay on top of the latest trends in cutting edge [web development](https://69thedeal.com/). With the ever-changing landscape of technology, it is important to stay informed about the latest developments and advancements in the field. This article will provide an overview of some of the most popular and cutting-edge trends in web development.

First and foremost, **web developer**s must stay informed about the latest advancements in **HTML5 **and **CSS3**. HTML5 and CSS3 are the core technologies for the modern web and are used to create interactive, user-friendly websites. Understanding the latest features and capabilities of HTML5 and CSS3 is essential for creating high-quality websites that are optimized for mobile devices.

Another trend in **[web development](https://69thedeal.com/)** is the increasing use of JavaScript. JavaScript is a scripting language that is used to create dynamic, interactive web pages. With the increasing popularity of JavaScript libraries such as jQuery and React, it is important to stay informed on the latest advancements in this technology.

In addition to HTML5 and CSS3, **[web developers](https://69thedeal.com/)** must also stay informed about the latest trends in web frameworks. Web frameworks help to simplify the development process by providing a standardized structure and tools for creating websites. Popular frameworks such as Rails and Django are quickly becoming industry standard for web development.

Finally, web developers must also stay informed about the latest trends in database technology. Database technologies are used to store and manage data on **[websites](https://69thedeal.com/)**. As websites become more complex and interactive, understanding the latest advancements in database technology is essential for efficient and reliable database management.

By understanding the latest trends in [cutting edge web development](https://69thedeal.com/), web developers can ensure that their websites are up to date and take full advantage of the latest technologies. By staying informed, web developers can create the best possible websites for their clients.
Repara tu Deuda Abogados cancela
Published: 2023-03-13 21:12:34

Su [historia ](https://www.impulsoemprendedor.mx/)es la siguiente: todo se origina en el año 2009. Tenían algunos préstamos que iban pagando de forma puntual, además de los gastos diarios. Con dos hijos a su cargo y el alquiler, hicieron uso de tarjetas de crédito cuyo límite se [aumentó ](https://www.alertamexico.mx/)posteriormente sin tener ellos mucho más conocimiento. Se les acumuló una deuda demasiado elevada para sus bolsillos.

Cada día se están produciendo cancelaciones de deudas en alguna comunidad autónoma de España. Esto está provocando que muchas personas que se encuentran en una situación de ahogo confíen en la Ley de Segunda [Oportunidad ](https://www.sanantonionoticias.cl/)y soliciten el servicio de abogados especialistas en esta herramienta. Según aseguran los abogados de Repara tu Deuda, "la Ley de la Segunda Oportunidad ha venido para quedarse. Y es que ha entrado en muchos hogares que, con anterioridad, no sabían que existía desde el año 2015 un mecanismo legal previsto para la cancelación de deudas".
FREE AWS Cloud Project Bootcamp Week 4 Part 1
Tags: aws, cloud, awscommunity, 100daysofcloud
Published: 2023-03-13 21:03:19

[72/100] #100DaysOfCloud Today, I started the Week 4 of the FREE AWS Cloud Project Bootcamp by Andrew Brown.

I was lazy today and didn't do anything much other than watch Ashish's Week 4 - Security Considerations video - Securing Your Amazon RDS Postgres Database. He talks about the different Databases in cloud and the types of database engine in Amazon RDS.
Then he talks about the Business use case of it and shows a demo on creating a RDS Postgres Database and connect to it securely.

A few of the security best practices are:
- Use VPC to create a private network for RDS instance. It helps to prevent unauthorized access to our instance from public internet.
- RDS instances should only be in AWS regions that you are legally allowed to be holding user data in.
- Enable CloudTrail to monitor alerts on malicious RDS behavior.
- Security groups should be restricted only t known IPs.
- Don't let the RDS be internet accessible.
- Use Secrets Manager to automatically rotate secrets for RDS.
- Use appropriate IAM authentications.

[GitHub](https://github.com/aaditunni/100DaysOfCloud/blob/main/Journey/072/Readme.md)

You can watch the Bootcamp through this YouTube playlist : [FREE AWS Cloud Project Bootcamp playlist](https://youtube.com/playlist?list=PLBfufR7vyJJ7k25byhRXJldB5AiwgNnWv)
Ama, la comunidad de mujeres
Published: 2023-03-13 21:10:12

Hoy en día, la edad media de una ama supera los 65 años. Estas [orgullosas ](https://www.sanantonionoticias.cl/)buceadoras tienen un ingenio rápido y un agudo sentido del humor. Según una encuesta realizada en 2010, la comunidad de ama está formada por unas 2.000 mujeres (y algunos hombres) en todo Japón, la mayoría de las cuales trabajan en la prefectura de Mie.

La vida [cotidiana ](https://www.impulsoemprendedor.mx/)de una ama
No cualquiera puede convertirse en buceadora ama. Esta pequeña comunidad tiene que atenerse a muchas normas específicas de la zona donde practican sus [actividades](https://www.alertamexico.mx/). Por ejemplo, en la zona de Mie las mujeres buceadoras se reúnen para bucear en grupo entre las 9:00 y las 10:30 de la mañana. Una hora y media de pesca es el tiempo máximo permitido para preservar la fauna marina para las generaciones futuras.
TIL: Hash value omission in Ruby 3
Published: 2023-03-13 21:08:04

Today I learned that [as of Ruby 3](https://bugs.ruby-lang.org/issues/14579), we can omit values from hashes if the key name matches the expression:

```ruby
# In Rubies < v3:
a = "alice"
b = "bob"

h = {a: a, b: b}

# In Rubies >= v3:
a = "alice"
b = "bob"

h = {a:, b:}
```
Entity Framework(EF) Enum issue/bug/feature
Tags: dotnet, entityframework, database, csharp
Published: 2023-03-13 21:05:20

There is an issue that I have faced before with the Entity Framework (EF) issue/feature for enums. Even though I used **_.HasDefaultValue()_** of EF Core, it still did not work.

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

The issue at hand is as follows:
https://github.com/dotnet/efcore/issues/15070

When a developer uses an enum as an attribute of a column, the default value will always be the first enum, which is usually 0, and cannot be updated. How can we avoid this issue until the feature is fixed or modified? Here are two possible solutions below.
</br>
</br>
</br>
### 1. Assign specific number(exclude 0) to Enum

```csharp
public enum State
{
    Walking = 1,
    Reading = 2,
    Drinking = 3,
}
```

Pros: The solution is clear and easy to understand.

Cons: It requires maintenance, as every individual needs to assign a specific number to the enum value.
</br>
</br>

### 2. Make default value as the first attribute of enum 

```csharp
public enum State
{
    Walking,
    Reading,
    Drinking,
}
```

Pros: There's no need to assign a number, and the enum remains clean.

Cons: To prevent someone from modifying the enum without understanding, test cases are needed.
</br>
</br>
</br>

## Summary
I personally used the approach of making the default value the first attribute of the enum. In my opinion, this is a cleaner approach and it only requires one test case to ensure that the order is not accidentally changed.

On the other hand, assigning a specific number (excluding 0) to each enum attribute can be a big effort, especially if an enum has over 100 attributes. It can become quite messy.

Ultimately, it's important to pick one approach to ensure that the data in the database is what you want. Any discussions on this topic are welcome. Thank you!

</br>
</br>
</br>
</br>
Mastering JavaScript Dialog Boxes in Just 2 Minutes
Tags: webdev, javascript, beginners, programming
Published: 2023-03-13 20:54:59

Dialog boxes are a common feature in web applications, used to prompt the user for input, display messages, and confirm actions. JavaScript provides three types of dialog boxes: alert, prompt, and confirm. In this article, we'll explore each of these dialog boxes and how they can be used in your web application.

**Alert Dialog Box** 

The alert dialog box is used to display a message to the user. When the alert box is displayed, the user must click the "OK" button to dismiss it. The syntax for an alert dialog box is:

```
alert("Your message goes here");

```

Here's an example of how to use the alert box in a web application:

```
var age = 18;

if (age < 18) {
  alert("You must be 18 or older to access this site.");
} else {
  alert("Welcome to the site!");
}
```

**Prompt Dialog Box** 

The prompt dialog box is used to prompt the user for input. The prompt box displays a message to the user, along with a text box for the user to enter their input. The user can then click the "OK" button to submit their input or click the "Cancel" button to cancel the prompt box. The syntax for a prompt dialog box is:

```
prompt("Your message goes here", "Default input value");
```

Here's an example of how to use the prompt box in a web application:

```
if (name != null) {
  alert("Hello, " + name + "!");
} else {
  alert("You didn't enter your name.");
}
```



**Confirm Dialog Box**

The confirm dialog box is used to confirm an action with the user. The confirm box displays a message to the user, along with "OK" and "Cancel" buttons. The user can then click the "OK" button to confirm the action or click the "Cancel" button to cancel the action. The syntax for a confirm dialog box is:

```
confirm("Your message goes here");

```

Here's an example of how to use the confirm box in a web application:

```
var result = confirm("Are you sure you want to delete this item?");

if (result == true) {
  // delete the item
} else {
  // do nothing
}
```

**Conclusion** 

Dialog boxes are a useful feature in web applications, allowing you to prompt the user for input, display messages, and confirm actions. JavaScript provides three types of dialog boxes: alert, prompt, and confirm. By understanding how these dialog boxes work, you can enhance the user experience of your web application and make it more interactive.
NPOI
Tags: help
Published: 2023-03-13 20:54:55

hi guys. I am using the NPOI library but when I create the object from an existing file, it is closed. Has anyone had a similar problem?

FileStream streamYC = new FileStream("c:/file.xls", FileMode.Open, FileAccess.ReadWrite);

HSSFWorkbook workbook2 = new HSSFWorkbook(streamYC );

regards!
Best repositories to learn things faster
Tags: programming, tutorial, productivity, github
Published: 2023-03-13 20:53:10

GitHub is an incredible platform for developers and learners alike. With so many different repositories available, it can be challenging to determine which one to use. In this article, we'll be looking at three fantastic repositories to learn something different.
&nbsp;

### Learn X in Y minutes


![learn x in y image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gimdc8zgm1zrd2rlw7mt.png)

Is a fantastic repository for those who want to learn programming languages quickly. 
The repository contains quick reference guides for several popular and ought-to-be-more-popular programming languages. Each guide is presented as valid, commented code, and explained as it goes. The guides are perfect for those who already have some programming experience and want to learn new languages quickly. 
The repository is community-driven, which means that anyone can contribute to the guides, making it an excellent resource for learning and sharing knowledge.
- Repository: [Learn X in Y minutes](https://github.com/adambard/learnxinyminutes-docs) 
- Official website: [Learn X in Y minutes](learnxinyminutes.com) 

&nbsp;
&nbsp;

### Build Your Own X
[Build Your Own X](https://github.com/codecrafters-io/build-your-own-x?ref=open-source-software-ph) is a great resource for those looking to learn about creating technologies from scratch. 
This repository contains a compilation of well-written, step-by-step guides for re-creating popular technologies, such as a web browser, database, and programming language. Each guide is designed to be beginner-friendly and includes all the necessary code and explanations to make the process easy to follow. 
The repository is community-driven too.
 
&nbsp;

### FreeCodeCamp

![Free code camp image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9wfejtfk722la5j8nflb.png)

Is a non-profit organization that offers a vast collection of learning resources for aspiring developers. 
Their curriculum is designed to take students from beginner to advanced levels in a wide range of technologies, including HTML, CSS, JavaScript, Python, and more.
The repository contains coding challenges, interactive lessons, and certifications that can help you build a strong foundation in coding. The community-driven nature of the organization means that you can connect with other learners and developers, making it an excellent resource for networking and building your career in tech.
- Repository: [freeCodeCamp](https://github.com/freeCodeCamp?ref=open-source-software-ph) 
- Official website: [freeCodeCamp](https://www.freecodecamp.org/)

&nbsp;

## In Conclusion
_In conclusion_, these three repositories are fantastic resources for anyone looking to learn something new in tech. Whether you're a beginner or an experienced developer, you'll find something valuable in these repositories. So why not take a look and start learning something?

&nbsp;
&nbsp;
&nbsp;
&nbsp;
Episode 23/10: Performance Basics, Angular Misconceptions, Panel on Signals & RxJs
Tags: angular, javascript, webdev, programming
Published: 2023-03-13 20:48:52

Eduard Krivanek gave an overview of all performance-related Angular techniques. Armen Vardanyan wrote about common Angular misconceptions, and we had a panel discussion on how signals might impact RxJs.

{% embed https://youtu.be/rCP_C2F_RQM %}

## Eduard Krivanek: Memoization and & Functional Calls in the Template

At the Angular Kenya meetup, Eduard Krivanek gave a talk with the title "Memoization & Functional Calls in the Template".  In just a little bit more than half an hour, he gave a compact but detailed overview of all the important things you should when it comes to performance.

Like Zone.js, Change Detection, Profiling, how the OnPush works or how it does not. And how Angular uses the pipe internally.

He even went further and demonstrated a self-written decorator that transforms any function into a memoized one. That could be a useful alternative to a pipe when needed.

{% embed https://www.youtube.com/watch?v=D-NnAbnImSE %}

## Armen Vardanyan: Angular Misconceptions

Armen Vardanyan came up with an article called "Angular Misconceptions". As the title says, he picked six of the most common misunderstands and clarified them.

For example:
Zone.js is not a prerequisite for the Change Detection. Zone.js is the main trigger but Change Detection can also run because of other reasons.

Don't use the EventEmitter like a Subject. This means, don't use the next method. The official API only lists the emit method. So be careful you might run into a future deprecation problem.

And the last one: Is is not a blasphemy to use template-driven forms, especially if the form is a simple one.

{% embed https://dev.to/this-is-angular/angular-misconceptions-4aeb %}

## Panel Discussion: RxJs & Signals

We also had a panel discussion in the form of a Twitter Space. Hosted by Daniel Glejzner, the push-based team around Michael Hladky discussed the upcoming Signals and what impact they might have on future Angular applications

In short, they all agreed that RxJs will not vanish. Other than that, they also discussed a little bit Rx-Angular which is a performance related library.

{% embed https://twitter.com/DanielGlejzner/status/1633882756542234659 %}
There are no separate mobile and desktop versions of the website.
Tags: webdev
Published: 2023-03-13 20:27:18

There are no separate mobile and desktop versions of the website.

There are:
- A different layout for different screen sizes. 
- A different interaction of the website with the user (mouse, touch screen, stylus, remote control).

These two parameters are independent of each other. There can be a large screen with a touch screen, or a mouse can be connected to a phone with a small screen.

By the way, in CSS there are also two different sets of @media rules for this:

- min-width, max-width, min-height, max-height.
- pointer, hover

Therefore, it is not necessary to decide how to interact with the website based on the screen size. Do not confuse these two concepts. The placement of website elements depends only on the screen size. Website elements should be able to respond to both touch events and mouse events.
How to fix "Expression produces a union type that is too complex to represent. ts(2590)"?
Published: 2023-03-13 20:22:04

## the short solution 
___For anyone that doesn't work the accepted solution try to delete the **node_modules **folder in your project and run again _npm install_ or yarn install

Running both commands was triggering the issue for me._


## and long solution
the problem is after define chakra/ui tag has a red line 

```
import { Flex } from '@chakra-ui/react';
  <Flex bg="white" height="42px" padding="6px 12px">
Navbar

    </Flex>
```

1. Open a JavaScript or TypeScript file in VS Code.
In the VS Code command palette (F1 is the shortcut by default), run the TypeScript: Select TypeScript version command.
Make sure you have Use workspace version selected



Also you could check this answer for @mui/material relative error
DONE button to keyboard in .NET MAUI
Tags: dotnet, dotnetmaui
Published: 2023-03-13 20:21:38

In this article, I'm going to show you how to add a DONE button to the keyboard in .NET MAUI by using a custom handler for **iOS** compatible with iOS 15+.

---
### Create a static class EntryHandler
```csharp
using Microsoft.Maui;
using System.Drawing;

#if IOS
using UIKit;
using Foundation;
#endif

namespace DemoMauiApp.Handlers;

public class EntryHandler
{
    public static void AddDone()
    {
        Microsoft.Maui.Handlers.EntryHandler.Mapper.AppendToMapping("Done", (handler, view) =>
        {
#if IOS
            var toolbar = new UIToolbar(new RectangleF(0.0f, 0.0f, 50.0f, 44.0f));
            toolbar.BackgroundColor = UIColor.LightGray; // Set the color you prefer
            var doneButton = new UIBarButtonItem(UIBarButtonSystemItem.Done, delegate
            {
                handler.PlatformView.ResignFirstResponder();
            });
 
            toolbar.Items = new UIBarButtonItem[] {
                new UIBarButtonItem (UIBarButtonSystemItem.FlexibleSpace),
                doneButton
            };

            handler.PlatformView.InputAccessoryView = toolbar;
#endif
        });
    }
}
```

### Register the handler
On the _MauiProgram.cs_ file register the handler 
`EntryHandler.AddDone();`

## Conclusion
This is a port from our friend **yuv4ik** at [github](https://gist.github.com/yuv4ik/4592401836bd6bc54ac85fcc5cdbaa2f) _(thanks for sharing it)_ with a few modifications to add the DONE button to all types of keyboards in .NET MAUI using handlers.

Thanks for reading! Follow me on Twitter **[@ivictorhugo](https://twitter.com/ivictorhugo)**
Hello World! Hoisting!
Tags: beginners, javascript, hello
Published: 2023-03-13 20:13:36

## My Hello World!
Hello! My name is Jason Stewart. I'm currently beginning my adventure into learning full-stack programming. I'm part of a cohort at [Flatiron School](https://flatironschool.com/). There I'm going to be focusing on 

- JavaScript 

- ReactJS 

- Python 

- Flask

Currently, I'm focusing on learning JavaScript, yay!
## Hoisting! 
```javascript
var = "boo! don't use 'var' as it can cause strange bugs"
```
```javascript
function hello() {
  return "Hello World!";
} 
```
VS
```javascript
hello = () => "Hello World!"; 
```
###What is hoisting? 
According to [GeeksforGeeks](https://www.geeksforgeeks.org/javascript-hoisting/), hoisting is...

> a concept that enables us to extract values of variables and functions even before initializing/assigning value without getting errors and this happens during the 1st phase (memory creation phase) of the Execution Context.

So in JavaScript, hoisting is moving declarations to the top of the scope, before execution. Hoisting is why, when we assign a variable with 'var', rather than 'let', or 'const', it can cause strange issues and make it hard to debug.  

This is also why, when we use 'function' to make a function in JavaScript, it does not really matter where in the scope we put the function. In other words, writing a function at the end of your code and calling it at the beginning is not a problem. So doing is fine:
```javascript
console.log(sayHello("Steve"));

function sayHello(name) {
  return "Hello World!";
} 
```
However, the cool way to write functions is with the 'arrow' e.g. =>
The thing to keep in mind with using arrow is that, where it is placed in the scope is critical. For example, if you have: 
```javascript
console.log(sayHello("Steve"));

const sayHello = (name) => `Hello, ${name}!`;
```
It throws an error

> ReferenceError: Cannot access 'sayHello' before initialization

and will not run, as the function was made with =>, therefore not hoisted and it was called before it was defined. So to fix it, we would have to call the function after it was defined. That way it is in scope. For example:
```javascript
const sayHello = (name) => `Hello, ${name}!`;

console.log(sayHello("Steve"));
```
All that being said, which to use? IDK, I'm new here. hahah 
![Laughing smiley face](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s5cftne995q7qphj8dg7.png)
I have been told that most functions nowadays are being written with arrow notation. I will continue to play with them and see how I feel about it. Will update, once I have figured out my take on this.
Using Data Science 📈 to Determine Loan Eligibility for Customers
Tags: datascience, python, machinelearning, tutorial
Published: 2023-03-13 20:10:21


## Step 1: Collecting and Preparing Data

The first step in determining loan eligibility is to collect and prepare data. This may involve gathering data from various sources, such as customer demographics, credit history, income, and employment status. Once you have your data, you'll need to clean and prepare it for analysis.

You can use this [Dataset](https://www.kaggle.com/datasets/vikasukani/loan-eligible-dataset)


## Step 2: Exploratory Data Analysis

Next, we'll perform exploratory data analysis to gain insights into the data. This involves visualizing data using charts and graphs to identify trends and patterns. We'll explore factors that contribute to loan approval, such as credit score, income, and loan amount.

## Step 3: Building a Predictive Model

Using the insights from our exploratory data analysis, we'll build a predictive model to determine loan eligibility. We'll use machine learning techniques to train our model, such as logistic regression, decision trees, or random forests. Once we have a model, we can use it to predict whether a customer is eligible for a loan and what the loan amount should be.

## Step 4: Improving the Loan Application Process

Finally, we'll use the insights from our analysis to improve the loan application process. This may involve implementing new strategies, such as targeted marketing campaigns, personalized offers, or improved customer service. By using data science techniques to analyze loan eligibility, we can better understand our customers and make data-driven decisions to improve the loan application process.