teleren/devto huggingface dataset:
Japanese female International Studies student learns to code🗾👩‍🎓🌏👩‍💻
Tags: beginners, webdev, codenewbie, frontend
Published: 2023-07-11 09:42:42

This is a quick introduction for myself.

Hi, I’m Iori! I’m a college student and study frontend by myself.

Since I have pretty much time as a student, I wanted to learn something practically useful for my career.
The internet suggested me learn programming. I thought it would be advantageous even if I end up landing a non-geek job.

I started a super popular Japanese programming site “Progate”. It’s like a game and really engaging.

But I wanted English, so after I finish basic HTML, CSS and JS, I switched to English sources like freeCodeCamp, Udemy and YouTube.

Before I start blogging here, I often uploaded my articles on note (Japanese very famous blog site 🫤NOT TECH HEAVY)
https://note.com/yoriss_b0607

I’m gonna locate my main blog habitant here from now!

You can see my daily progress on Twitter as I post the record of the day almost everyday🦜📱
https://twitter.com/iori73wsy

Thank you for reading! I am also happy to chat!
CASE V2 Proof of Concept launch
Tags: javascript, development, tooling, opensource
Published: 2023-07-11 09:39:20

Dear CASE Community,

Let's celebrate the release of the PoC CASE V2 and see what's next!

## Context

CASE aims to enable developers to quickly and easily create CRUD applications such as dashboards, administration panels, ERP or CRM.

In April 2023, we released CASE V1. Since then, we've asked you to use it and give us your feedback. 

## CASE V1 was a fail

10 days after the launch of CASE V1, we made the following disappointing assessment:
- Developers complained that it was just another framework.
- only a few dozen downloads of CASE
- An obvious lack of enthusiasm from developers

Indeed, like many other existing tools, CASE offered **no real added value**. It was just another framework with a very specific stack. It was **hard to adopt**.

From then on, we questioned the product. We put out a questionnaire to developers who had already built CRUD applications, to understand their expectations.


## The most important thing for you when developing a CRUD app!

Your feedback was unanimous!

The features you're looking for when creating CRUD applications:
- Quick setup ✨;
- Key basic features 🛠️;
- A clear and up-to-date documentation 📄.


What you want to avoid:
- Learning new things;
- Spending too much time on configuration;
- Using proprietary solutions.

## We decided to swap the whale for a clownfish

Thanks to your feedback, we have defined a new version of CASE, **more agile** and **simpler**. Finally, a version that lives up to its promise.

CASE V2 will enable junior or senior developers to **deliver CRUD applications in minutes**. Installation, development and deployment will be a breeze.

CASE V2 is scheduled for release in mid-September!

## Enjoy the PoC

In the meantime, we're proud to provide you with [a PoC of this V2](https://case.app/). It includes some V2 features:
- One-line command installation
- Frameworkless: No need to learn new stuff
- Easy config, development and deploy
- Ready-to-go UI for end-users
- Possibility to hook a custom logic to entity events

## What's next ?

We're looking for a few developers who'd be willing to take part in the PoC individually during a video-call.

Our aim is to confirm that CASE does indeed make it possible to develop a crud app quickly and easily.

We'll be taking this work into account for the release of V2.

If you're interested, [contact us via our Discord](https://discord.com/invite/FepAked3W7), in public or by PM.

## Links
- [CASE website](https://case.app/)
- [Github](https://github.com/casejs/case)
- [Documentation](https://docs.case.app/#/)
- [Discord](https://discord.com/invite/FepAked3W7)
An Overview of Heap Only Tuple and Index-Only Scans
Published: 2023-07-11 09:25:23

In this short article, we will take a look at two features related to index scan. Namely, **Heap Only Tuple** and **Index-Only Scans**.


The **Heap Only Tuple** was initially implemented in _Version 8.3_ of PostgreSQL and its main purpose was to effectively make use of the pages of both the table and index when the updated table page is stored in the same store as the old row. Heap Only Processing, also known as HOT helps reduce the need of VACUUM processing. 

When updating a row without **HOT**, inserting data into the index tuples takes up the index page space and thus the cost of vacuuming and inserting index tuples are very high. **HOT** helps reduce the impact of these problems.

When updating a row with **HOT**, in case the updated row is stored in the same page table that stores the previous row, PostgreSQL will not insert the corresponding index tuple and sets the update bits' value to zero.


Now, let's take a look at **Index Only Scans**, to reduce the cost of I/O, index-only scans will use the index key directly without having to access the table pages whenever a _SELECT_ statement is called. This method has been provided by all commercial RDBMS systems and PostgreSQL specifically has introduced this feature in the _Version 9.2_
ARRAY METHODS
Tags: javascript, webdev, frontend, beginners
Published: 2023-07-11 09:00:05




## Introduction


An array is a type of data structure in programming most especially in Javascript language, they are used to store data in such a way they can be easily accessed. An array can consist of strings, integers, objects, floats and arrays. 

This article will give a proper guide on how to manipulate an array using these methods:

- POP()
- PUSH()
- UNSHIFT()
- SHIFT()
- SLICE() 
- SPLICE()


## PUSH() Method
The push() method is used to add an element at the end of an array. For example, 

`const arr = [1, 2, 3, 4, 5];
arr.push(6);
console.log(arr);
// output arr = [1, 2, 3, 4, 5, 6]`

## POP() Method
The pop() method is used to remove the last element from an array. For example,

`const arr = [1, 2, 3, 4, 5, 6];
arr.pop();
console.log(arr);
//output arr = [1, 2, 3, 4, 5];`

## SHIFT() Method
The shift() method is used to remove the first element from an array. For example,

`const arr = [1, 2, 3, 4, 5, 6];
arr.shift();
console.log(arr);
//the output arr = [2, 3, 4, 5, 6]; `

## UNSHIFT() MetHod
The unshift() method is used to add an element at the beginning of an array. For example,

`const arr = [1, 2, 3, 4, 5, 6];
arr.unshift(0);
console.log(arr); 
//output arr = [0, 1, 2, 3, 4, 5, 6];`

## SLICE() Method
The slice() method is used to copy or extract a given number of elements to a new array, leaving the array it is called upon untouched. slice() takes only 2 parameters — the first is the index of the first element to include in the slice. The default value is 0. The second is the index at which to stop extraction. For example,

`const arr = [1, 2, 3, 4, 5, 6];
const array = arr.slice(1, 3);
console.log(array);
// output arra = [2,3];` 

If the parameter is left off, the array's elements will all be returned in their entirety, without omission. For example,

`const arr = [1, 2, 3, 4, 5, 6];
const array = arr.slice();
console.log(array);
// output arra = [1, 2, 3, 4, 5, 6];`

##SPLICE() Method

The splice() method in JavaScript is used to change the content of an array by removing or replacing existing elements and/or adding new elements in place. It is a mutating method, which means that it changes the original array. 

It can take up to three parameters. The first parameter stated where the cutting will start while the second parameter stated where the cutting will end. for example,

`const arr = [1, 2, 3, 4, 5, 6];
arr.splice(1, 3);
console.log(arr);
//the output will be arr = [1, 5, 6]`

the third parameter can be comprised of one or more elements to add to the array. for example, 

`const arr = [1, 2, 3, 4, 5, 6];
arr.splice(1, 3, 4, 5);
console.log(arr);
//the output will be  arr = [1, 4, 5, 5, 6]`

## CONCLUSION

The above explanation, I've  been able to enlighten you on how an array can be manipulated. For further explanation check this documentation [here.](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/)
Your HPE0-V25 Exam Preparation with Dumps
Published: 2023-07-11 08:52:52

## How numerous Q&A s in test Labs Dumps <a href="https://examlabsdumps.com/hp/hpe0-v25-exam-dumps-study-material/">HPE0-V25 Exam Dumps</a>? 

There are 60 Q&A s in <a href="https://examlabsdumps.com/">Exam Labs Dumps</a> Hybrid Cloud HPE0- V25 dumps, which cover all the test motifs of HPE0- V25 HPE mongrel pall results. 

<a href='https://examlabsdumps.com/hp/hpe0-v25-exam-dumps-study-material/'><img src='https://www.linkpicture.com/q/Get-it-on-the-App-Store.jpg' type='image'></a>

## Can I try free HPE0- V25 rally before I decide to buy? 

 Yes, test Labs Dumps provides free HPE0- V25 rally for you to check the quality of HPE Hybrid Cloud results HPE0- V25 dumps. 

## What format will I get after copping HPE0- V25 dumps? 

Test Labs Dumps provides both PDF and Software for Hybrid Cloud HPE0- V25 dumps. PDF interpretation is train which you can publish out to read and study all the HPE0- V25 dumps questions anywhere, and you can also use mobile phone to study them. It's veritably accessible. Software is a simulation interpretation, you can test HPE0- V25 questions in real test terrain. 

Unlock Your Potential with Our Exclusive Offer!>>>>> https://examlabsdumps.com/hp/hpe0-v25-exam-dumps-study-material/
Targeting styles with media queries
Tags: html, css
Published: 2023-07-11 08:51:16

A very nice article from by **Mike Sierra**
You can read it here : [MEdiaQueries](https://webplatform.github.io/docs/tutorials/media_queries/)

The reference fot this article was suggested by reading this article, awesome : [HTML / CSS “frameworks” — Monuments to Ignorance, Incompetence, and Ineptitude](https://medium.com/swlh/html-css-frameworks-monuments-to-ignorance-incompetence-and-ineptitude-4c1db2571de9)
#LearnedToday: Array.toSpliced()
Tags: javascript, array, learnedtoday, webdev
Published: 2023-07-11 08:35:00

After a long time, a _functional_ version of the `splice()` method is finally available and it's called `toSpliced()`!

The signature is exactly the same as `splice()` but it returns a new array with some elements removed and/or replaced at a given index, **without changing the original array**.

I wrote an [article](https://www.danielzotti.it/blog/functional-array-splice) about it on my **blog**!
Loose Coupling and Dependency Injection (DI) principle
Tags: coupling, dependency, injection
Published: 2023-07-11 08:33:02

**What is the Dependency Injection (DI) principle?**

The Dependency Injection principle is a software design pattern that promotes loose coupling and high modularity in object-oriented programming. 
With simple words, we provide dependencies to a class from the outside rather than create in the class itself.

**Instead of this:**
```
class UserService {

  logging(message) {
    console.log(message);
  }

  addUser(user) {
    // Add user logic...
    this.log(`User added: ${user}`);
  }
}


const userService = new UserService(); // Create the UserService

// Usage
userService.addUser("John Doe");
```

**We do this:**
```
// Logger class
class Logger {
  logging(message) {
    console.log(message);
  }
}

// UserService class with Logger dependency
class UserService {
  constructor(logger) {
    this.logger = logger;
  }

  addUser(user) {
    // Add user logic...
    this.logger.logging(`User added: ${user}`);
  }
}

// Creating instances and injecting dependencies

const logger = new Logger(); 
// Create a Logger instance

const userService = new UserService(logger); 
// Inject the Logger instance into UserService

// Usage
userService.addUser("John Doe");
```


The reason for such an abstraction is to achieve separations of concerns. We want our _addUser_ function to be part of our _UserServices_ class, but our _logging_ function being too fundamental to fix into only one class, should be abstracted away from _UserServices_ class into its own class. 

**Why?** The answer is re-usability. Therefore, we abstract _logging_ function and inject it as a dependency via the constructor.

**Constructor**

The constructor, thus, is a crucial tool since it not only initialises class properties but also serves as an entrypoint for its class' dependencies on other classes (the _UserService_ doesn't create a _Logger_ instance internally but relies on the _Logger_ instance provided to it).

**Summary**

We go from **_thigh coupling_** (logger function being an integral part of _UserService_ class) to **_loose coupling_** (The _Logger_ instance is independent of the _UserService_, and we can easily replace it with a different _Logger_ implementation without modifying the _UserService_ code), thus, achieving reusability and abstraction.
Texto en vertical con CSS
Tags: css
Published: 2023-07-11 08:27:37

Para que funcione se debe definir `writing-mode` en vertical. 😎

```css
h1 {
 writing-mode: vertical-rl;
 text-orientation: mixed;
}
```

`mixed`: Rota 90° en sentido del reloj.

`upright`: Igual que `mixed` pero se presentan de arriba hacia abajo 👀.
Merge multiple Apps into 1 app
Published: 2023-07-11 08:16:28


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

I have one main project, and within this project, I have multiple sub-projects that I will combine. Communication between these sub-projects will only occur through the main project. Certain components in the main project will be shared with the other projects. Each project will have its own router structure, but when they come together in the main project, they should work with the main project's route. For example, if Project A has routes /a and /b, when they are called in the main project, these routes should still be used. What approach should I follow for the smooth operation of this structure? The visual representation of the process flow I'm trying to achieve is included in the attachment.
AI Code Completion for Developers
Tags: webdev, javascript, beginners, programming
Published: 2023-07-11 08:14:50

AI code completion, such as the one offered by CodeComplete, can provide significant benefits to developers. 
Here's how developers can benefit from AI code completion:

**[JUMP STRAIGHT TO THE TOOL
](https://www.aiforme.wiki/ai/tools/CodeComplete%20)**

Increased Productivity: AI code completion accelerates the coding process by suggesting code snippets, auto-completing repetitive patterns, and providing contextual suggestions. This saves developers time and effort, allowing them to write code more quickly and efficiently.

Reduced Errors: AI code completion tools analyze code context and offer suggestions based on best practices and coding standards. By leveraging this assistance, developers can minimize syntax errors, typos, and other common mistakes, leading to cleaner and more reliable code.

Enhanced Code Quality: AI code completion promotes adherence to coding conventions and style guidelines. It helps developers write consistent code by suggesting standardized naming conventions, formatting, and indentation. This improves code readability and maintainability.

Learning and Skill Development: AI code completion tools expose developers to efficient coding techniques, alternative approaches, and new language features. By observing the suggestions and incorporating them into their code, developers can expand their knowledge and improve their coding skills over time.

Increased Efficiency in Complex Tasks: When working on complex algorithms or large codebases, AI code completion can assist developers by suggesting relevant code snippets, algorithms, or data structures. This guidance simplifies complex tasks, reduces the chance of errors, and promotes efficient problem-solving.

Consistent Documentation: AI code completion tools can help generate accurate and consistent code documentation. By providing suggestions for function signatures, parameter descriptions, and comments, developers can ensure that their code is well-documented, enhancing code understandability and maintainability.

Integration with Workflow: AI code completion tools like CodeComplete are fine-tuned to the developer's specific codebase and coding style. This integration ensures a seamless workflow and minimizes disruption. Developers can customize the tool's behavior to align with their preferences and make it an integral part of their coding process.

In summary, AI code completion offers developers increased productivity, reduced errors, enhanced code quality, learning opportunities, efficiency in complex tasks, consistent documentation, and seamless integration into their workflow. By leveraging the capabilities of AI code completion tools like CodeComplete, developers can optimize their coding experience and deliver higher-quality code in less time.

**[JUMP STRAIGHT TO THE TOOL
](https://www.aiforme.wiki/ai/tools/CodeComplete%20)**
CONCLUSION ON BASH SCRIPTING
Tags: beginners, cloudcomputing, devops, 120daysofdevops
Published: 2023-07-11 08:10:36

Good day Everyone; i'm so sorry i haven't been consistent updating us on my journey so far; work have really been demanding this days and taking alot of time but notwithstanding, my journey is not fading away.
i won't be consistent in posting due to work but the 120 days of Learning devOps still intact; surely going to achieve it.

to round up bash scripting before moving to python, i will be rounding up by sharing some scripting; interpret it and run it to see the result. i will also sharing a resources that covers all we have discussed about in my previous post on bash scripting
LET GOOOOOO!!!!!!

**script 1**
```
#!/bin/bash


read -p "Enter file name: " file_name
read -p "Enter search term: " search_term

if [ ! -f $file_name ]; then
    echo "File not found"
    exit 1
fi

while read line
do
    if [[ $line == *"$search_term"* ]]; then
       
        new_line=${line//$search_term/new_value}
        echo $new_line
    else
        echo $line
    fi
done < $file_name
```
**script 2**

```
for file in *.txt; do
  mv "$file" "${file%.txt}.doc"
done
```
**Script 3**

```
while ps -p 1234 >/dev/null; do
    sleep 1
done
```
That is all. play with it and share your interpretation and output in the comment section. Day 15 loading.......

**RESOURCES:**
[Bash scripting for beginners](https://www.youtube.com/watch?v=e7BufAVwDiM)
Safeguard Your Digital Life with Secure Passwords as a Python Developer
Tags: cybsersecurity, python, password, online
Published: 2023-07-11 07:52:16

In today's world, having secure passwords is essential to protect your online accounts and personal information. Weak and easily guessable passwords make you vulnerable to cyberattacks, while using the same password for multiple accounts puts all your accounts at risk. To help you fortify your passwords effortlessly, there's the password-lib module for Python.

### Why Are Secure Passwords Essential?

Secure passwords act as a robust defense mechanism against unauthorized access to your personal information. Weak passwords, such as "123456" or "password123," are easily guessable and make you vulnerable to cyberattacks. Using the same password across multiple accounts is equally dangerous. If one account gets compromised, hackers can gain access to all your other accounts, including sensitive information like banking details and personal emails.

### Introducing password_lib

The `password_lib` module is a user-friendly Python package designed to facilitate password security. With a simple installation using pip, you can quickly empower yourself with its features. Let's explore some of the functionalities it offers:

#### Password Strength Checking

The module enables you to evaluate the strength of your passwords. It checks crucial factors like length, inclusion of lowercase and uppercase characters, special characters, and digits. By enforcing strong password requirements, you can significantly reduce the chances of brute-force attacks and password guessing.

#### Password Generation

Creating strong, random passwords for each account can be challenging. However, `password_lib` simplifies this process. It includes a password generation feature that generates highly secure passwords for you. You can specify the desired length and complexity requirements, and the module will create a unique password that meets your criteria.


### Getting Started

Getting started with `password_lib` is a breeze. Simply open your command line and install the module using pip:

```
pip install password_lib
```

Once installed, you can import the module into your Python projects and utilize its powerful features.

### Conclusion

The importance of secure passwords cannot be overstated. By incorporating the `password-lib` module into your Python projects, you can effortlessly ensure the strength and security of your passwords. Protecting your online accounts is vital for safeguarding your personal information and maintaining your privacy. Take the first step in securing your digital life by using strong and unique passwords with the help of `password-lib`. Remember, a small effort in creating secure passwords today can save you from significant headaches in the future.

So, why wait? Install the `password-lib` module today and fortify your passwords for a safer online experience!

### References
1. [Github - ardf/password_utils](https://www.github.com/ardf/password_utils)
2. [Pypi - password-lib](https://www.pypi.org/project/password-lib/)
GO88 – TẢI GO88 CHO ANDROID/IOS MỚI NHẤT 2023 – ĐÁNH GIÁ CHI TIẾT CỔNG GAME GO88
Published: 2023-07-11 07:25:21

Go88.wales - là trang web uy tín cập nhật thường xuyên các tin tức về Cổng Game Go88 với những khuyến mãi hấp dẫn, chia sẻ kinh nghiệm chơi game đổi thưởng hot nhất.
Thông tin Liên Hệ:
CÔNG TY : GO88
Địa Chỉ: Phường 12, Quận 6, Thành phố Hồ Chí Minh, Việt Nam
Điện Thoại: 0564852792
Website: https://go88.wales/
Email: strikenoah023@gmail.com
Social
Facebook: https://www.facebook.com/profile.php?id=100094217628651
Twitter: https://twitter.com/go88wales
Linkedin: https://www.linkedin.com/in/go-wales-7065a6282/
Reddit: https://www.reddit.com/user/go88wales
Tumblr: https://www.tumblr.com/go88wales
Twitch: https://www.twitch.tv/go88wales/about
N-Tier Architecture in asp.net core projects.
Tags: beginners, tutorial, csharp, aspdotnet
Published: 2023-07-11 07:19:01

## Breaking up .NET projects into smaller pieces (N-TIER Architecture)

---
**Today i am going to be showing you how to implement N-Tier Architecture in your asp.net core projects** This is a project that i am doing to learn **EntityFrameWorkCore**. You can have a look at my [Github](https://github.com/ahaque98/Wiki_Coding)

- This is the default project directory (MVC Project)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2bpp4em47qie69seriv9.png)

- I have created different Class Library projects in the main Solution
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/desjs08p9bda09jqstvw.png)

> The WikiCoding.DataAccess folder will be used for DataContext and Data Related stuffs. Eg, migration, table creation etc.

- I have moved the **Models** folder to the **WikiCoding_Models** folder.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mczft11tji206tubia0p.png)
As you can see. I am breaking the projects into smaller pieces. This is the core principle of N-Tier Architecture.