teleren/devto huggingface dataset:
Mobile App Development Services in Dallas | TechnBrains
Published: 2024-01-02 14:23:57

Turn your app idea into reality with Dallas' premier [mobile app development services](https://www.technbrains.com/locations/mobile-app-development-dallas). TechnBrains crafts high-performance apps for all industries, helping businesses stay ahead of the curve.

•	Build engaging experiences. 
•	Drive growth and ROI. 
•	Get expert guidance every step of the way.

**Contact TechnBrains today for a free consultation!**
I made a project to let golang engineers build Web UI at light speed!
Published: 2024-01-02 14:20:21

Hi everyone, I'm Owen, a full-stack engineer. I used to work at TikTok, where my daily tasks involved building this amazing product to bring joy to users through browsing short videos.

However, as a Backend Engineer, I found myself constructing numerous data dashboards and admin panels for my colleagues, meeting their various customization needs. Displaying data from different business aspects, visualizing tasks for CI/CD, and creating an Admin Panel for a Christmas event took just 14 days.

The abundance of scattered UI-related tasks made my daily work quite challenging. In the end, I resigned. Now, I am fully dedicated to a project that helps server engineers using various languages rapidly build the aforementioned tools 

Github: [https://github.com/illacloud/illa-builder](https://github.com/illacloud/illa-builder)
ILLA Cloud: [https://illacloud.com](https://illacloud.com)

![Dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6r6qelyp6k4sgodohjj1.png)

ILLA is an open-source low-code tool. As both a developer and user of ILLA, it allows you to quickly build websites through drag-and-drop. In just a few minutes, you can create a beautiful dashboard or admin panel. Who says server engineers can't build UI? No more relying on others to swiftly construct aesthetically pleasing UIs.

ILLA also supports RestAPI, MySQL, PostgreSQL, and other mainstream databases for direct CRUD operations. No more developing a microservice just for a data field.

Now, I can provide my colleagues with the data dashboard they desire in a matter of minutes. I can quickly build a dashboard for some peculiar event or even create a cool task assignment system for our interns.

I recommend giving it a try. From now on, you can become a happy engineer like me.
Percona Operator for PostgreSQL V2.3
Tags: postgis, kuberentes, opensource, database
Published: 2024-01-02 14:03:05

Are you already using **PostgreSQL** as your database and considering making the leap into the world of **_Kubernetes_**? It's a move that numerous companies have been making lately, and the statistics on Kubernetes usage reflect the growing trend. However, when it comes to running a database within Kubernetes, there is a complexity that is not immediately evident. 
That's where Kubernetes Operators come into play, offering a simplified way to manage and deploy PostgreSQL database clusters in Kubernetes environments.

[Percona](https://www.percona.com/) is a company that offers open source Kubernetes Operators for databases. Today Percona has exciting news for the open source community, especially for those who use databases! [Percona Operator for PostgreSQL](https://docs.percona.com/percona-operator-for-postgresql/2.0/index.html) version **2.3** is now available!:raised_hands:

This last version of **Percona Operator for PostgreSQL**, comes with significant enhancements and new features. Let´s review some of them them:


- Custom PostgreSQL extensions have expanded the range of available built-in extensions, like the notable PostGIS, offering geospatial data storage in PostgreSQL while being disabled by default, but can be easily turned on by those who need it.

- The ‘loadBalancerSourceRanges’ Custom Resource option was added, allowing users to customize the range of IP addresses that can access the load balancer. 

- In line with the commitment to versatility and enterprise needs, the Operator has been made compatible with the OpenShift platform, enabling seamless deployments both on-premise and in the cloud. 

- Additionally, the Operator to support the latest Percona Distribution for PostgreSQL version 16 was updated and is now used as the default database version.


Are you curious about how operators can help you at this point, or do you have questions? :smiley:



Leave me your comments. Happy to answer them!


Review the official documentation of the [Percona Operator for PostgreSQL](https://docs.percona.com/percona-operator-for-postgresql/2.0/index.html) documentation.
Car Rental App SwiftUI
Tags: swift, mobile, ios, tutorial
Published: 2024-01-02 14:14:27

Two weeks ago, I launched a YouTube channel where I'm teaching how to create iOS apps using both swiftui and uikit. I will be teaching how to build iOS apps from scratch, I will be also teaching design patterns, answering some iOS interview questions and talking about everything related to iOS development. If you want to take some time to explore my YouTube Channel, you may find something that will be helpful in your learning journey. Here is the link:https://www.youtube.com/@OmarTHAMRI
My first uploaded tutorial series is to build a car rental app using swiftui
part 1: https://www.youtube.com/watch?v=gAGb4SqzfCQ&t=450s
part 2: https://www.youtube.com/watch?v=KfC2-pfu4pM&t=39s
part 3: https://www.youtube.com/watch?v=Tuav8ihMr8Y&t=125s
Part 4: https://www.youtube.com/watch?v=rb1xSiyZgT0
Part 5: https://www.youtube.com/watch?v=2JRE6rNqM_E
Part 6: https://www.youtube.com/watch?v=jPIKDgL1nmA
Part 7: https://www.youtube.com/watch?v=Coi7MGvB_dE&t=41s
Part 8: https://www.youtube.com/watch?v=1r_KgbNwcj0&t=33s
Part 9: https://www.youtube.com/watch?v=qlM1dAbzXIE&t=1s
Part 10: https://www.youtube.com/watch?v=zICtovWvvJY
Part 11: https://www.youtube.com/watch?v=CEmlCOjfJ24
Part 12: https://www.youtube.com/watch?v=ysOL0DN7l04&t=100s
Mastering Key JavaScript Concepts: Constructors, Prototypes, Closures, Scoping, and Hoisting with Simple Examples
Tags: javascript, webdev, beginners, programming
Published: 2024-01-02 14:11:29


**Content**:

Hello, Dev Community! 👋

In our journey through the dynamic world of JavaScript, it's crucial to understand some core concepts. These foundations not only streamline our coding practices but also deepen our understanding of how JavaScript works. Let's explore these concepts with simple examples: constructors and prototypes, the concept of closures, and the intricacies of scoping and hoisting.

### Understanding Constructor and Prototype in JavaScript

**Constructors** in JavaScript are special functions used to create object instances. When we use a function with the `new` keyword, we are using it as a constructor to make a new object. 

**Example**:
```javascript
function Car(model, year) {
  this.model = model;
  this.year = year;
}

let myCar = new Car('Toyota', 2022);
console.log(myCar.model); // Output: Toyota
```

**Prototypes** are where JavaScript truly shines. Each function in JavaScript has a `prototype` property, an object that is shared among all instances created by that function. This allows you to add shared properties or methods.

**Example**:
```javascript
Car.prototype.getAge = function() {
  return new Date().getFullYear() - this.year;
};

console.log(myCar.getAge()); // Output: Age of the car
```

### Embracing the Power of Closures

A **closure** is a function that remembers the variables from the place where it is defined, regardless of where it is executed. 

**Example**:
```javascript
function greeting(name) {
  let message = 'Hello, ';
  return function() {
    return message + name;
  };
}

let greetJohn = greeting('John');
console.log(greetJohn()); // Output: Hello, John
```

### Scoping and Hoisting: Understanding the Details

**Scoping** refers to where variables and functions are accessible within your code.

- **Function-level scoping**: Variables declared within a function are not accessible outside of it.
- **Block-level scoping**: Introduced with `let` and `const`, confines variables to the block in which they are declared.

**Example**:
```javascript
if (true) {
  var functionScope = 'visible';
  let blockScope = 'hidden';
}
console.log(functionScope); // Output: visible
console.log(blockScope);    // Error: blockScope is not defined
```

**Hoisting** is the process where JavaScript moves declarations to the top of their scope before code execution.

**Example**:
```javascript
console.log(hoistedVar); // Output: undefined
var hoistedVar = 'I am hoisted';
```

---

These concepts form the backbone of efficient and effective JavaScript programming. By understanding and applying them, you can write cleaner, more efficient code and solve complex problems more easily. Dive in, experiment with these examples, and watch as your JavaScript skills grow!

Happy coding!
How to Write Down Your Own Retrospective of 2023
Tags: writing, career, beginners, learning
Published: 2024-01-02 14:10:35

Some smart people here do it. 
And reflecting on what happened last year sounds like a great starting point to think about what a success could look like to YOU in 2024.

But that also seems like a daunting task right ?

Don't worry, I have a list of great, open questions, and all you have to do is to answer the first one, then the next, etc

## The 15 Small Questions About Big Things

In Markdown format for your copy & paste pleasure.

```
## Without thinking too much about it, how was 2023 for me ?
✍🏻

## What is my retrospective of 2023, quarter by quarter ?
🏔 January to March ?
🪴 April to June ?
🌊 July to September ?
🍂 October to December ?

## What are the big life lessons I want to remember from 2023 ?
✍🏻

## What makes me most proud about 2023 ?
✍🏻

## How am I different today compared to one year ago ?
✍🏻

## What projects and goals didn't I accomplish in 2023 ? Why ? Are they still relevant in 2024 ?
✍🏻

## Am I better aligned with whom I really want to be ?
✍🏻

## What do I want to improve most in 2024 ?
✍🏻

## For whom do I feel most grateful in 2023 ?
✍🏻

## What brought me energy and joy in 2023 ?
✍🏻

## What consumed my energy in 2023 ?
✍🏻

## What was I afraid of doing in 2023 ?
✍🏻

## About what do I feel most confident right now ?
✍🏻

## What was my best failure this year ? What do I learn from that ?
✍🏻
```

## FAQ

Q: _Have you done it yourself ?_
Sure, but in French, and translating the questions is lazier than translating the answers.
[Ma rétrospective 2023](https://substack.jmfayard.dev/p/ma-retrospective-2023
)

Q: _I am too shy to write down publicly, what can I do_ ?
Write the answers down just for yourself. 
Writing is its own reward.

Q: _I have written my answers on DEV.to or on my blog, can I post the link in the comments_ ?
Sure, please do !
git commit --amend | Domina tu historial de commits.
Tags: git, github, commit
Published: 2024-01-02 13:56:53

Imagina que estás en tu nuevo trabajo como desarrollador, ocupándote de tus tareas asignadas. Después de completarlas, tu líder de proyecto señala que tu commit no está bien redactado o que hay una manera más eficiente de abordar el problema. Ahora, necesitas hacer ajustes a tu trabajo o reescribir el commit, pero hacerlo generaría commits innecesarios en tu historial.

Aquí es donde entra en juego el uso de **"git commit --amend"**. Este comando te permite reescribir tu commit y/o agregar los cambios a tus archivos existentes. Puedes realizar los cambios en el archivo, guardarlos, agregarlos al stage con:

```
git add <nombre del fichero>
```

luego ejecutar:

```
git commit --amend -m '<nuevo commit describiendo los nuevos cambios>'
```

Finalmente, puedes forzar el envío de estos cambios con:

```
git push --force
```

De esta manera, puedes trabajar sobre el mismo commit sin afectar el historial con commits innecesarios.
Where can I get the best white-label Localbitcoins clone software?
Tags: localbitcoins, whitelabel, clonescript, software
Published: 2024-01-02 13:55:38

Two weeks back, my friend asked me which company provides the Whitelabel LocalBitcoins Clone Software. Me and my friend started searching on Google and didn't know who was the right one. So we started to analyze the websites and finally found a company called **iMeta Technologies** from the SERP results. On that website, they mentioned the working process, features, benefits, and revenue models of the LocalBitcoins Clone script. 

They are providing the pre-engineered **LocalBitcoins Clone Script **and you can install it on your servers in a couple of days. Using that script, you can make a crypto exchange with multiple revenue models and start attracting people from all over the world. Book a free demo by visiting their website and filling out the details.
Blinking cursor
Tags: tutorial, javascript, webdev
Published: 2024-01-02 13:48:53

The blinking cursor animation is a neat trick that makes the text cursor appear and disappear at regular intervals.

You've probably seen this effect in text editors, where it shows where new text will appear when you start typing. But that's not the only place it's used! You'll also find it in search bars, where it lets you know you can start typing your question. And in login forms, it tells you which field is ready for your input.

In this post, we'll explore some simple and common ways to create a blinking cursor animation using CSS.

## Markup

To add a caret to your webpage, start by creating an HTML element where you want the caret to appear. For instance, you could make a div element with a class of `caret`.

```html
<div class="caret"></div>
```

The caret should have some basic styles that determine its dimensions, like height and width. Additionally, it should have a dark background color to resemble a real caret.

```css
.cursor {
    background-color: rgb(15 23 42);
    width: 0.25rem;
    height: 2rem;
}
```

## Blinking animation

There are two common ways to make the caret blink. The first approach is to change the background color repeatedly, back and forth between the original and transparent colors.

It involves creating a blink keyframe to define the animation. This approach keeps the original color in the middle of the animation, but uses a transparent background color at the start and end, making the caret appear invisible.

```css
@keyframes blink {
    0%, 100% {
        background-color: transparent;
    }
    50% {
        background-color: rgb(15 23 42);
    }
}
```

The animation lasts one second and repeats infinitely.

```css
.cursor {
    animation: blink 1s infinite;
}
```

Now, let's see an example of how this approach works in action.

{% codepen https://codepen.io/phuocng/pen/KKEdBBZ %}

Another approach to create a blinking effect is to change the `opacity` property instead of the background color. This animation starts at 100% opacity (fully visible) and ends at 0% opacity (fully invisible), then repeats.

By repeatedly changing the opacity, you can achieve the blinking effect you're looking for.

Let's take a look at the example below to see how this approach works.

{% codepen https://codepen.io/phuocng/pen/zYbvLLM %}

## See also

-   [Animate the caret in an input field](https://phuoc.ng/collection/css-animation/animate-the-caret-in-an-input-field/)
-   [Create your own custom cursor in a text area](https://phuoc.ng/collection/mirror-a-text-area/create-your-own-custom-cursor-in-a-text-area/)
-   [Typewriter](https://phuoc.ng/collection/css-animation/typewriter/)

---

If you want more helpful content like this, feel free to follow me:

-   [DEV](https://dev.to/phuocng)
-   [GitHub](https://github.com/phuocng)
Task 5
Published: 2024-01-02 13:26:23

1. https://docs.google.com/spreadsheets/d/1WfagjhDeU8hANfKsW_nXNM61ICtOUPJaleVC-w-MV-s/edit?usp=sharing

2. https://docs.google.com/spreadsheets/d/1WfagjhDeU8hANfKsW_nXNM61ICtOUPJaleVC-w-MV-s/edit?usp=sharing
Go 1.22: Melhorias no laço For
Tags: go, cleancode, cleancoding
Published: 2024-01-02 13:16:18

A versão 1.22 de Go ainda não foi lançada oficialmente, mas tem previsão de lançamento em Fevereiro de 2024 (se tudo correr bem até lá, rs 😅).

Mas já podemos ver o que esperar dessa versão em seu Release Notes oficial [aqui](https://tip.golang.org/doc/go1.22).

Entre várias melhorias e alguns novos recursos que chegarão com essa versão, uma delas que tem chamado a atenção da comunidade é a melhoria no laço de iteração For, que a partir da versão 1.22 será possível iterar sobre números inteiros.

Para efeito de comparação, a seguir temos o laço For normalmente utilizado antes da versão 1.22:

```
package main

import "fmt"

func main() {
    for i := 0; i < 10; i++ {
        fmt.Println(i)
    }
}
```

E logo abaixo, o novo laço de repetição For:

```
package main

import "fmt"

func main() {
    for i := range 10 {
        fmt.Println(i)
    }
}
```

Se você gostou dessa dica rápida, não deixe de me seguir aqui e se inscrever na minha [newsletter](https://substack.com/@mateusmarquezini) para receber essas e outras novidades sobre Go e código limpo ✌️
Single Page Ref for all the test cases.
Published: 2024-01-02 13:09:33

Where can I get the default Hooks which are included while running the playwright tests?

How to make single page reference for all the test cases ?
in playwright dev its given like everytime new page and have to login and do the operations.
Is there any way to make page ref global for all the test cases and to avoid opening new page gain and again on new test cases?

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fgvp1k71v2yvr6xwkacj.png)
UX is not UI
Tags: webdev, beginners, frontend, design
Published: 2024-01-02 13:07:39

###### UI & UX Design
The two terms are often used together, although they mean different things. However the relationship between the them is so close that it's hard to talk about one without touching the other.

**
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uoak1a6j9o3i0cvfpu2x.jpg)**
UI, which stands for _User Interface_, refers to the process of designing complete interfaces that allow users to interact with your product. This includes buttons, toggles, or icons. UX, which stands for _User Experience_, it defines the experience a user would go through when interacting with a company, its services, and its products. It includes the design of the UI but also elements such as usability, accessibility, performance, and user satisfaction

The main goal of UI design is to create a visually appealing and easy-to-navigate interface. The main goal of UX design is to design the best possible user experience. This means that the product should be functional, accessible and fun to use.
how to build portable television with hologram function
Published: 2024-01-02 13:00:03

2.	1. High-resolution liquid crystal display (LCD) that displays video content and holograms. 2. A graphics processor (GPU) for processing graphics and creating a holographic effect. 3. Central processing unit (CPU) for data processing, control of TV functions and holography. 4. Memory for storing the operating system, applications and video content. 5. Built-in wireless technology, such as Wi-Fi or Bluetooth, to connect to the Internet and control the TV using a smartphone or tablet.
3.	6. Audio system for providing audio accompaniment of videos and holograms. 7. Battery to power the TV in portability mode. 8. Camera and depth sensors for capturing images and creating a real-time holographic effect. 9. Software for controlling the TV, displaying holograms and playing content. 10. Connectors such as HDMI or USB for connecting external devices such as game consoles or flash drives.
A Symphony of Comfort and Luxury: Navigating the World of 3 BHK Flats in Pune
Published: 2024-01-02 12:59:51

In the heart of Maharashtra lies Pune, a city that seamlessly blends tradition with modernity. As the city flourishes, so does the demand for homes that offer not just space but an embodiment of comfort and luxury. This blog is your guide to navigating the realm of 3 BHK flats in Pune, a city where each corner tells a unique story and every residence is an ode to refined living.

Diverse Neighborhoods, Diverse Lifestyles:
Pune's charm lies in its diverse neighborhoods, each with its own personality. From the vibrant energy of Hinjewadi, the cultural richness of Kothrud, to the upscale living in Baner, exploring 3 BHK flats allows you to choose not just a home but a lifestyle tailored to your preferences.

Opulent Amenities for a Lavish Living Experience:
Modern [3 BHK flats in Pune](https://www.anpcorp.in/3bhk-flats-in-pune) are designed with opulence in mind. Picture a home with spa-like bathrooms, expansive balconies offering panoramic views, and smart home technologies that enhance convenience. Many residential projects boast amenities such as private pools, gyms, and landscaped gardens, transforming your home into a haven of luxury.

Architectural Marvels and Contemporary Designs:
Step into a world where architecture is not just functional but a piece of art. Pune's skyline is adorned with contemporary marvels, and 3 BHK flats are no exception. From sleek, minimalist designs to structures inspired by Pune's rich history, each residence is a testament to the city's architectural diversity.

Connectivity and Convenience:
Pune's strategic location and well-planned infrastructure make it an ideal city for homeowners. Explore 3 BHK flats that offer seamless connectivity to business districts, educational institutions, and entertainment hubs. The city's efficient transportation system ensures that you are always well-connected to the pulse of Pune.

Cultural Immersion and Lifestyle Integration:
Pune, with its thriving arts and cultural scene, invites you to live amidst creativity. Look for 3 BHK flats that are in close proximity to theaters, art galleries, and cultural events. This not only enriches your lifestyle but also ensures that you become an integral part of Pune's cultural tapestry.

Conclusion:

In the realm of 3 BHK flats in Pune, comfort and luxury intertwine to create a symphony of refined living. As you embark on this journey, envision a home that goes beyond the ordinary, offering a lifestyle that resonates with your desires. Pune, with its dynamic spirit, welcomes you to explore 3 BHK flats that are not just residences but a celebration of the city's essence. So, let your search begin, and may you discover the perfect harmony of comfort and luxury in Pune's flourishing real estate landscape!
What Is Dark Web
Tags: dark, course, online, courses
Published: 2024-01-02 11:53:56

I assume you're inquiring about courses or educational resources related to the dark web. The dark web is a part of the internet that is intentionally hidden and requires specific software, configurations, or authorization to access. It's often associated with illegal activities, but it also has legitimate uses, such as providing anonymity and privacy.

It's important to note that engaging in illegal activities on the dark web is against the law, and I do not endorse or encourage such behavior. However, there are legitimate reasons for understanding the dark web, such as cybersecurity, digital forensics, and ethical hacking.

If you're interested in learning about the dark web from a legitimate and ethical standpoint, you might consider courses in cybersecurity, ethical hacking, or digital forensics. These courses typically cover topics such as online anonymity, encryption, and security measures. Universities, online platforms, and cybersecurity training institutes often offer such courses.

See Full Video: Dark Web Explained

Before enrolling in any course, make sure it aligns with legal and ethical guidelines. Always prioritize learning for positive purposes and avoid engaging in any activities that could lead to legal consequences.