teleren/devto huggingface dataset:
Angular.Js Tutorials
Tags: angular, javascript, webdev, programming
Published: 2024-04-15 21:42:08

- [Angular.js Introduction](https://www.rustcodeweb.com/2024/04/angular-js-introduction.html)
- [Angular.js Environment Setup](https://www.rustcodeweb.com/2024/04/angular-js-environment-setup.html)
- [Angular.js MVC Architecture](https://www.rustcodeweb.com/2024/04/angular-js-mvc-architecture.html)
- [Angular.js First Application](https://www.rustcodeweb.com/2024/04/angular-js-first-application.html)
- [Angular.js Directives](https://www.rustcodeweb.com/2024/04/angular-js-directives.html)
- [Angular.js Expressions](https://www.rustcodeweb.com/2024/04/angular-js-expressions.html)
- [Angular.js Controllers](https://www.rustcodeweb.com/2024/04/angular-js-controllers.html)
- [Angular.js Filters](https://www.rustcodeweb.com/2024/04/angular-js-filters.html)
- [Angular.js Tables](https://www.rustcodeweb.com/2024/04/angular-js-tables.html)
- [Angular.js HTML DOM](https://www.rustcodeweb.com/2024/04/angular-js-html-dom.html)
- [Angular.js Modules](https://www.rustcodeweb.com/2024/04/angular-js-modules.html)
- [Angular.js Forms](https://www.rustcodeweb.com/2024/04/angular-js-forms.html)
- [Angular.js Includes](https://www.rustcodeweb.com/2024/04/angular-js-includes.html)
- [Angular.js AJAX](https://www.rustcodeweb.com/2024/04/angular-js-ajax.html)
- [Angular.js Views](https://www.rustcodeweb.com/2024/04/angular-js-views.html)
- [Angular.js Scopes](https://www.rustcodeweb.com/2024/04/angular-js-scopes.html)
- [Angular.js Services](https://www.rustcodeweb.com/2024/04/angular-js-services.html)
- [Angular.js Dependency Injection](https://www.rustcodeweb.com/2024/04/angular-js-dependency-injection.html)
- [Angular.js Custom Directives](https://www.rustcodeweb.com/2024/04/angular-js-custom-directives.html)
- [Angular.js Internationalization](https://www.rustcodeweb.com/2024/04/angular-js-internationalization.html)
- [Angular.js Data Binding](https://www.rustcodeweb.com/2024/04/angular-js-data-binding.html)
- [Angular.js Animation](https://www.rustcodeweb.com/2024/04/angular-js-animation.html)
- [Angular.js Components](https://www.rustcodeweb.com/2024/04/angular-js-components.html)
- [Angular.js Routing](https://www.rustcodeweb.com/2024/04/angularjs-routing.html)
- [Angular.js HTTP Requests](https://www.rustcodeweb.com/2024/04/angular-js-http-requests.html)
- [Angular.js Validation](https://www.rustcodeweb.com/2024/04/angular-js-validation.html)
- [Angular.js Select](https://www.rustcodeweb.com/2024/04/angular-js-select.html)
- [Angular.js Testing](https://www.rustcodeweb.com/2024/04/angular-js-testing.html)
- [Angular.js Deployment Strategies](https://www.rustcodeweb.com/2024/04/angular-js-deployment-strategies.html)
- [Angular.js Best Practices](https://www.rustcodeweb.com/2024/04/angular-js-best-practices.html)
- [Angular.js Examples and Case Studies](https://www.rustcodeweb.com/2024/04/angular-js-examples-and-case-studies.html)
React.js Tutorials
Tags: react, javascript, tutorial
Published: 2024-04-15 21:37:47

- [Introduction to React.js](https://www.rustcodeweb.com/2024/04/introduction-to-reactjs.html)
- [Setting up React.js Environment](https://www.rustcodeweb.com/2024/04/setting-up-reactjs-environment.html)
- [Components in React.js](https://www.rustcodeweb.com/2024/04/components-in-reactjs.html)
- [JSX Syntax in React.js](https://www.rustcodeweb.com/2024/04/jsx-syntax-in-reactjs.html)
- [Props and State in React.js](https://www.rustcodeweb.com/2024/04/props-and-state-in-reactjs.html)
- [Handling Events in React.js](https://www.rustcodeweb.com/2024/04/handling-events-in-reactjs.html)
- [Conditional Rendering in React.js](https://www.rustcodeweb.com/2024/04/conditional-rendering-in-reactjs.html)
- [Lists and Keys in React.js](https://www.rustcodeweb.com/2024/04/lists-and-keys-in-reactjs.html)
- [Forms in React.js](https://www.rustcodeweb.com/2024/04/forms-in-reactjs.html)
- [Lifecycle Methods in React.js](https://www.rustcodeweb.com/2024/04/lifecycle-methods-in-reactjs.html)
- [Hooks In React.js](https://www.rustcodeweb.com/2024/04/hooks-in-reactjs.html)
- [Context API in React.js](https://www.rustcodeweb.com/2024/04/context-api-in-reactjs.html)
- [Router In React.js](https://www.rustcodeweb.com/2024/04/router-in-reactjs.html)
- [Axios and HTTP Requests in React.js](https://www.rustcodeweb.com/2024/04/axios-and-http-requests-in-reactjs.html)
- [State Management with Redux](https://www.rustcodeweb.com/2024/04/state-management-with-redux.html)
- [Styling in React.js](https://www.rustcodeweb.com/2024/04/styling-in-reactjs.html)
- [Error Handling in React.js](https://www.rustcodeweb.com/2024/04/error-handling-in-reactjs.html)
- [Testing React Components](https://www.rustcodeweb.com/2024/04/testing-react-components.html)
- [Performance Optimization in React.js](https://www.rustcodeweb.com/2024/04/optimization-in-reactjs.html)
- [Server-Side Rendering (SSR) with React.js](https://www.rustcodeweb.com/2024/04/server-side-rendering-ssr-with-reactjs.html)
- [React.js Best Practices and Patterns](https://www.rustcodeweb.com/2024/04/reactjs-best-practices-and-patterns.html)
- [Real-world Examples and Case Studies with React.js](https://www.rustcodeweb.com/2024/04/real-world-examples-and-case-studies-with-react-js.html)
: vs :: in CSS3
Tags: css, webdev, beginners, frontend
Published: 2024-04-15 21:27:55

Have you always used trial and error to style elements when it involves either a colon `:` or a pair of colon `::`? Yeah, me too. But today is the day you become confident with your CSS pseudo-selection…whatever that means lol ;) 
In this article, I explain them both with examples and share a few tips for styling elements using either.

**The Difference**
`:` precedes and identifies the state of an element while `::` “creates” element(s). The difference between `:` and `::` is that the former describes the state of a selected element usually involving user interaction while the latter is used to create element(s) as a part of the selected element and/or used to target elements using the selected element as reference. 

It is important to note that `:` creates pseudo-classes, some examples are 
`:hover` - to style an element when user is on it without selecting ie hovers over an element
`:active` - to style an element when clicked ie when element is active
`:visited` - to style anchor tags (links) when a user has clicked on it.
`:focus` - to style an input field that user clicked on.

While `::` creates pseudo-elements. Some examples of pseudo-elements are
`::before` - targets created element that precedes selected element
`::after` - targets created element that succeeds selected element
`::placeholder` - targets placeholder atrribute value

**How to Use**
A good rule of thumb is to only use `::` when it is necessary as this got introduced with CSS3 meaning `:before` is valid CSS and compatible with older browsers that haven’t fully adopted the changes introduced by CSS3. Following this rule makes your CSS backward-compatible.
It is also good practice to only use CSS-generated content when necessary as CSS-generated elements do not appear on the DOM and therefore cannot be parsed by accessibility tools. 

I hope you found this helpful, thank for reading!
CRYPTO SCAM RECOVERY EXPERT ; HACKATHON TECH SOLUTIONS
Tags: discuss, developer
Published: 2024-04-15 21:05:50

The able and trustworthy hands of HACKATHON TECH  SOLUTION were the real reasons my lost investment funds got retrieved from the crypto scamming company I invested $500k worth of cryptocurrency without the knowledge it was a fake crypto investment company that I trusted with my hard-earned funds investing into crypto, it was a soul drowning and traumatic going through the experience of losing a substantial amount of my life savings which halted my life. I wasn't able to make my withdrawal after the crypto company declined my requests for a withdrawal into my wallet even after reaching out to them I was told I had to pay some tax clarification fees which I paid but no good results came out, even if I was told that I would lose my funds I wouldn't believe it because everything about the investment company looked really with videos of their clients testifying of the life-changing effects they experienced after registering and investing with the crypto company which now leaves me full of regrets. They weren't mere hackers but emphatic and efficient hackers who were committed to helping victims of scams retrieve back their lost investment funds, they are a trustworthy and legitimate hacking firm that helped me retrieve my funds which I thought wasn't possible, and trust me they're the real deal if ever you are seeking for hackers with years of experience under their belt which makes them the best for the recovery of lost investment funds. I made the right decision choosing  HACKATHON TECH  SOLUTION  which was the reason my funds got retrieved back by their supreme hackers with a transparent communication system helping their clients up to speed with the progress made on their case which made everything easy being able to communicate with them explaining my doubts with reasons which they cleared with their topnotch professionalism and dedication to achieving the successful retrieval of my lost investment funds.

Their website is https://hackathontechsolutions.com.

Email them on; info@ hackathontechsolution. com
Cloud Coding Live - Let's learn Rust basics - Can senior developer learn Rust?
Published: 2024-04-15 20:40:27

In this episode of Cloud Coding Live I took a look at [Rust](https://www.rust-lang.org), one of the recently most hyped languages.

Rust is a multi-paradigm, general-purpose programming language that emphasizes performance, type safety, and concurrency. 

Many people say that Rust is the future? But is it? Let's try and see how hard it is to work with.

## Can senior developer learn Rust?

{% youtube GvGOxigTR64&t=60s %}

---

**Follow me on**

- [Twitch](https://www.twitch.tv/filippyrek)
- [YouTube](https://www.youtube.com/@FilipPyrek/streams)
- [X.com](https://x.com/FilipPyrek)
- [LinkedIn](https://www.linkedin.com/in/filippyrek/)
Introducing the Email Slicer Project: A Python Beginner's Guide
Published: 2024-04-15 20:29:33

**Introduction:**
Welcome to my blog! In this first post, I'm excited to introduce you to a fun and educational Python project called the Email Slicer. Whether you're new to programming or looking to sharpen your skills, this project is a great way to dive into Python and learn how to manipulate strings and handle errors.

**What is the Email Slicer Project?**
The Email Slicer project is a simple Python script that extracts the username and domain name from an email address. It's a great exercise for beginners to practice string manipulation and error handling.

**Input:**

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

**Output:**

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fmhlbyel31iw0ayyrkt6.png)
**Explanation:**
In this example, the user inputs the email address "john.doe@example.com". The email_slicer() function then splits the email address at the '@' symbol and extracts the username "john.doe" and the domain "example.com". Finally, the program prints the extracted username and domain as output.

**How Does it Work?**
The script takes an email address as input, splits it into the username and domain using the split('@') method, and handles any errors that may occur if the email address is invalid.

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

**Why Should You Try It?**
It's a hands-on way to learn Python basics.
It's a practical project that you can use in real-world scenarios.
It's a stepping stone to more complex programming projects.
**Conclusion:**
I hope this introduction to the Email Slicer project has piqued your interest and inspired you to give it a try. Stay tuned for more Python projects and tutorials on this blog!
Visualizing Multi-Dimensional Data in Action: Vehicle Ownership
Tags: data, datascience
Published: 2024-04-15 20:00:22

Did you know that the majority of American families own two vehicles? Surprisingly, there are approximately 5 million single-living individuals who own two or more vehicles. Let's dive into these fascinating insights through our Vehicle Ownership public chart.

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

Exploring numerical data through charts not only offers a visually engaging experience but also taps into our innate ability to process visual information swiftly, as research has shown. Charts provide a clear context and deeper insights into the underlying data compared to traditional numerical formats.

So, how did we create these insightful vehicle ownership charts using Ottava?

We began with our multi-dimensional data stored in an Excel file. You can access similar data from various sources such as the US Census Bureau, Kaggle, and Yahoo Finance, among others.

Once we had our data, we seamlessly transferred it to Ottava's pivot grid with a few simple steps:

1. Select the desired data table in Excel using Ctrl-C.
2. Navigate to Ottava's pivot grid and click on the dot in the upper-left corner.
3. Paste the data using Ctrl-V.

For detailed steps on using [Ottava's Smart Copy/Paste](https://blog.ottava.io/p/copy-paste.html?utm_source=dev-to&utm_medium=post&utm_campaign=vehicle).

Voila! Your data is now in Ottava, and the platform automatically suggests suitable charts based on the presented data in the right panel.


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

You don't need to perform any additional actions; Ottava streamlines the process for you.

If you wish to focus on specific aspects of the data, Ottava offers easy filtering options. For instance, you can select and filter data for 2-person and 3-person households by using Ctrl-click directly in the pivot grid. Ottava then generates corresponding charts, excluding other options.


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

For further customization or exploration, add the chart to "My View" and tweak it to your preferences.


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

You can change chart types, apply filters, and rearrange fields effortlessly. Ottava's intuitive interface allows you to swap X and Y axes or modify chart types from bar charts to pie charts seamlessly.


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

With Ottava, data exploration becomes a breeze. Uncover intriguing insights and discover hidden trends with just a few clicks. Try Ottava today and embark on a journey of data discovery like never before!
We are your one-stop shop for a variety of home services under one roof
Published: 2024-04-15 19:56:02


[VNL Technical Services](https://vnltechnical.com/) is a place where quality meets convenience. We are your one-stop shop for a variety of home services under one roof. Our dedication to providing high-quality services with professionalism, dependability, and a customer-first approach has earned us the trust of Dubai homeowners.
KissAsian | Asian Drama, Movies and Shows English Sub
Tags: kissasia, webdev, javascript
Published: 2024-04-15 19:56:02

KissAsian is the best website to watch Asian Drama 2024 online free in high quality.
where you can watch Movies and kshows without any sign up or registration fast servers. 
We provide Dramas Hd Premium quality with English Subbed for Kissasian drama lovers.

**[KissAsian](https://kissasian.cab/)**
My 1st and 2nd questions here
Published: 2024-04-15 19:49:43

<u>Question #1</u>
What is the idea behind the ".to" domain?
Do the developers live in the Kingdom of Tonga?
[](https://tinyurl.com/psd39pa)

Sloan, the community mascot, looks like a sloth, an animal that lives in Costa Rica.
Do they also live in the Kingdom of Tonga?

Or is it related to the city I live in, Toronto?

<u>Question #2</u>
Are there a few "R" developers here?

Nice sunny day here in Toronto today.
Java 22: A Glimpse into the Future of Java Development
Tags: java
Published: 2024-04-15 19:47:33

The Java community is abuzz with excitement as Java 22, the latest installment in the Java platform, is set to be released. With a host of new features and enhancements, Java 22 promises to bolster the efficiency and productivity of developers worldwide. Let’s dive into some of the key features expected in this release

#1.Unnamed Variables & Patterns
Simplifying Code Java 22 introduces unnamed variables and patterns, allowing developers to use an underscore (_) for unused variables, streamlining the code and enhancing readability. For example:
![Unnamed Variables & Patterns](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/36awkf6e24in9nwnl3tt.png)
This feature is part of JEP 456 and is a significant step towards more concise Java code

#2. Multi-File Source-Code Programs
Ease of Execution With JEP 458, Java 22 will enable developers to launch programs consisting of several .java files without compiling them in advance. This feature is particularly useful for small projects and quick prototyping.

#3. Foreign Function & Memory API
Bridging Java and Native Code The Foreign Function & Memory API, which has undergone several rounds of incubation, is finally being finalized in Java 22. This API facilitates the interaction between Java and native code, opening up new possibilities for Java applications

#4. Stream Gatherers: Custom Intermediate Operations
Java 22 introduces Stream Gatherers (JEP 461), which allow for custom intermediate stream operations. This feature will enable developers to transform data in streams in ways not previously possible with built-in operations

#5. Stream Gatherers: Custom Intermediate Operations
Java 22 introduces Stream Gatherers (JEP 461), which allow for custom intermediate stream operations. This feature will enable developers to transform data in streams in ways not previously possible with built-in operations

#6. Scoped Values and Structured Concurrency
Simplified Concurrency Continuing from their preview in Java 21, scoped values and structured concurrency are going into a second preview round in Java 22. These features aim to simplify concurrent programming by treating groups of related tasks as a single unit of work

#7. String Templates: Flexible String Composition
String templates, also previewed in Java 21, are entering a second preview round. This feature provides developers with a more flexible way to compose strings, complementing existing string literals and text blocks


**Conclusion: The Future is Bright with Java 22** Java 22 is shaping up to be a landmark release, with features that cater to both the current needs and future directions of Java development. From unnamed variables to enhanced stream operations, Java 22 is poised to further cement Java’s position as a leading programming language.
global, local, enclosing
Tags: python
Published: 2024-04-15 19:30:29

```
benimAdim = "Mustafa"
Global


def benimFonksiyonum():
    benimAdim = "ismail"
    #Enclosing
    def icFonksiyon():
        benimAdim = "kayra"
        #Local
        print(benimAdim)
    icFonksiyon()
```

`benimFonksiyonum()`
output:kayra

`print(benimAdim)`
output:mustafa


```
y = 10  # Global kapsamda tanımlanan bir değişken

def ornekFonksiyon():
    global y  # global ifadesiyle y değişkeninin global olduğu belirtiliyor
    y = 5     # global y değişkeninin değeri değiştiriliyor
    print(y)

ornekFonksiyon()  # Output: 5
print(y)          # Output: 5 (global y değişkeninin değeri değiştirildi)
```
4 Habits to Avoid Bugs related to Hoisting in your JavaScript Code
Tags: javascript, webdev, beginners, programming
Published: 2024-04-15 19:29:23

## 1. Declaring variables at the beginning of the scope

By declaring variables at the beginning of the scope you ensure that these variables are accessible throughout that scope, avoiding any confusion caused by hoisting.

```js
const data = 12;
const variable = "some data";

// other code

```

## 2. var ❌ let and const ✅

Use `let` and `const` instead of `var` to declare or initialize variables. 

Variables declared with var are hoisted to the top of their scope  and initialized with `undefined`. That's why accessing them before the declaration line will result in undefined.

On the other hand, variables created with `let` and `const` are also hoisted to their scope, but not **initialized**. That's why accessing them before the declaration line results in a ReferenceError. 

This behavior is called the **"Temporal Dead Zone" (TDZ)**.


Also `let` and `const` are only accessible within the block they are declared in. This eliminates the possibility of issues of hoisting by variables declared with var.

Example:

```js
console.log(x); // undefined (hoisted, initialized with undefined)
var x = 10; 

console.log(y); // ReferenceError: Cannot access 'y' before initialization (not initialized)
let y = 5;

console.log(z); // ReferenceError: Cannot access 'z' before initialization (not initialized)
const z = 7;

```

## 3. "use strict" mode

Enabling strict mode directive at the beginning of your code can prevent some hoisting-related problems.

`"use strict";`

In strict mode, using an undeclared variable throws an error.

## 4. Use arrow functions and expressions inside a block scope

Using arrow functions and expressions in block scope instead of normal functions.

Function declarations are hoisted along with their entire definition meaning you can call a function before its declaration in the code.

Arrow functions and expressions are defined at the point of use, eliminating confusion. Since they are not hoisted they don't create any errors.

Example:

```js
function setData() {
    // Calling the function before declaration throws error
    // Error: Cannot access 'myFunc' before initialization
    myFunc();

    // Using arrow function
    const myFunc = () => {
      console.log("This is a function expression!");
    }
}

setData();

```

## Conclusion 

If you found this blog post helpful, please consider sharing it with others who might benefit. You can also follow me for more upcoming content on JavaScript, React, and other Web Development topics.

For paid collaboration, you can mail me at: [gmail](mail.shubhsharma19@gmail.com)

Connect with me on [Twitter](twitter.com/shubhstwt), [LinkedIn](linkedin.com/in/shubhsharma19) and [GitHub](github.com/shubhxg)

Thank you for Reading :)
I made a better adb shell
Tags: adb, android, androiddev, github
Published: 2024-04-15 19:03:38

I've created a [`mksh config`](https://github.com/matan-h/adb-shell) to make `adb shell` better [At the time of posting this post, it has ~100 stars.] . Its giving you a colorful shell with the option to cd any directory in /sdcard, Android/data or / without typing the full path (e.g. `cd com.android.chrome` works even when you are in / directory). It also has an experimental feature of history. 

I hope you will enjoy it.