teleren/devto huggingface dataset:
+200 ejercicios JavaScript resueltos 👌
Published: 2024-01-05 14:10:35

Desde hace algunos meses me propuse mejorar mi algoritmia con JavaScript, el resultado fue este repositorio con más de 200 ejercicios resueltos con sus respectivos enunciados.
Los ejercicios los fui sacando de diferentes repositorios de código en github y adicionalmente usando ChatGPT como "mentor" solicitando ejercicios de diferentes niveles.
Los ejercicios son muy variados y de niveles desde básico hasta algunos ejercicios complejos.
Espero que sea de su agrado y les sirva.

{% github https://github.com/crisdux/javascript-ejercicios %}

![js](https://media.giphy.com/media/SvFocn0wNMx0iv2rYz/giphy.gif)
Criando modal/popover sem JS e CSS em 1 min!
Published: 2024-01-05 14:10:13

Juro que não é clickbait, existe uma nova funcionalidade no HTML que ainda é desconhecida por muitos que é o atributo **popover**, vou te ensinar a fazer a magia passo a passo, tomemos de exemplo essa tela:


![incompleted](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lhy20nnp1fyumqlngwbo.png)

```html
<main>
  <div>
    <h2 class="no-margin">Hey, It's Iury Nogueira.</h2>
    <h2 class="no-margin">Fullstack Developer</h2>
  </div>

  <p id="info">I've been working as a full stack <b>web developer</b> for 10 years</p>

  <button>More details</button>
</main>
```

e você quer que o texto no parágrafo com id="info" apareça em um modal quando for clicado no botão de _More details_, para isso você só precisa informar quem vai ficar no modal com o atributo **popover**:

```html
<p id="info" popover>I've been working as a full stack <b>web developer</b> for 10 years</p>
```

ao fazer isso vai notar que ele sumiu da sua página, agora você só precisa "conecta-lo" a uma ação, para isso vamos usar o atributo **popovertarget**:

```html
<button popovertarget="info">More details</button>
```

com isso ele vai abrir o parágrafo que tem o id "info", pronto! O resultado é esse:


![result](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vmuhoohq1xc55i2sfv81.png)

se você clicar fora do conteúdo vai notar que ele fecha também assim como um modal. Espero ter contribuído com essa dica, se você acha que outra pessoa desconheça compartilha esse post com ela, vlw! :D
Digital planning for productivity in 2024
Published: 2024-01-05 14:00:57

If you are looking for affordable planners and journals to stay productive in 2024 here are some options. 

[Digital Planners and Templates DOWNLOAD](https://brendamichelle.gumroad.com/)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xesyav34rhioshxprukf.png)
⭐🎯AITable.ai Review – Pro Databases for Project & CRM Management🚀⭐
Published: 2024-01-05 14:00:00


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

What is AITable.ai? 
❤️️❤️️AITable.ai is an AI-powered platform for building dynamic database apps and revolutionizing project management and CRM experiences.❤️️❤️️

👉AI-powered Database Creation
👉Seamless Project and CRM Management
👉Multimedia File and Document Uploads
👉Customizable Dashboards and Charts
👉Form Creation from Datasheets
👉Secure Data Sharing and QR Code Integration
👉Automation and Integration with 6,000+ Apps
👉Streamlined Workflows and Reduced Tasks
👉24/7 AI Chatbot Customer Support
👉Private Conversations on Projects and Datasheets
👉Lifetime Deal Available on AppSumo

❤️️❤️️ Best For? 👉👉
🔎Customer support
🔎Project managers
🔎Sales managers
🔎Business Owners
🔎Marketing Professionals
🔎Entrepreneurs
🔎Automation Enthusiasts




🤑🔥💻✍️ ✍️✍️✍️✍️✍️🔥💻🤑
🤑 Awesome software for up to 95% off.﻿
💸﻿ 60-day money-back guarantee. Easy returns.﻿
💪﻿ Limited-time deals with growing your biz for less.


To know more, Click 👉👉 ✅https://miqbalblog.com/aitable-ai-review/ 


#AITableaiReview #AITableaiReviews2023 #AITableaiHonestReview #AITableaiWalkthrough #AITableaiLifetimeDeal #AITableaiOverview #AIPoweredDatabase #ProjectManagement #CRM #MultimediaUploads #KanbanBoards #GanttCharts #OnlineForms #SecureSharing #QRCodes #Automation #Integration #Workflows #AIChatbot #CustomerSupport #PrivateConversations
Kubernetes Fundamentals
Published: 2024-01-05 13:59:38

Kubernetes is an open-source container orchestration system for automating software deployment, scaling, and management.

**Containers**
 Containers are lightweight, standalone, and executable packages that include everything needed to run a piece of software, including the code, runtime, system tools, and libraries.
 
**Orchestration**
 Kubernetes provides orchestration for containers, automating the deployment, scaling, and management of containerized applications.
 
**Pods**
 The smallest deployable unit in Kubernetes, pods can contain one or more containers that share the same network and storage.
 
**Nodes**
 These are the individual machines (physical or virtual) in a Kubernetes cluster where containers are deployed.
 
**Cluster**
 A cluster is a set of nodes that run containerized applications, managed by Kubernetes.
 
**Services**
 Kubernetes Services provide a stable endpoint for connecting to a group of pods, enabling load balancing and discovery.
 
**ReplicationControllers**
 ReplicaSets: These ensure that a specified number of pod replicas are running at all times.
 
**Deployment**
 Deployments allow you to describe an application's life cycle, including its details, desired state, and updates.
 
**Namespaces**
 Namespaces provide a way to divide cluster resources into multiple isolated virtual clusters within the same physical cluster.
 
**ConfigMapsandhashtag**
 Secrets:
 These are used to manage configuration data and sensitive information securely.
 
**Kubelet**
 The Kubernetes agent running on each node, responsible for ensuring containers are running in a Pod.
 
**MasterNode**
 The control plane of the Kubernetes cluster, including components like the API server, scheduler, and controller manager.
 
**ETCD**
 A distributed key-value store used to store cluster data, ensuring consistency.
 
**Ingress**
 Ingress controllers and resources manage external access to services within the cluster.
 
**Labels & Selectors**
 Labels are key-value pairs used to organize and select subsets of objects in the cluster.
 
**Helm**
 A package manager for Kubernetes that simplifies the deployment of applications.
 
**PV (Persistent Volumes)**
 PVC(Persistent Volume Claims):
 These are used to manage and provision storage in a cluster.
 
**RBAC (Role-Based Access Control)**
 Defines what actions users or components can perform within the cluster.
 
**Kubectl**
 The command-line tool for interacting with Kubernetes clusters.
Web Developer jobs
Published: 2024-01-05 13:48:10

Web Developer jobs, Now you can search for jobs from ilmkidunya. All IT [Latest jobs in Lahore 2024](https://www.ilmkidunya.com/jobs/city-wise/jobs-in-lahore) and the private and govt sectors jobs can be found from ikd. Full stack developers, .net, PHP, and Laravel even all language jobs in software houses in your city available on ilmkidunya official website.
Budget-Friendly Moving: How to Save Money Without Compromising Quality
Published: 2024-01-05 13:45:56

Moving to a new home can be an exciting yet daunting task, often accompanied by stress and hefty expenses. However, with strategic planning and smart choices, it's possible to achieve a smooth move without breaking the bank. One of the key strategies that can significantly cut costs is opting for a "[man and van](https://rslmanandvan.co.uk)" service. In this guide, we'll explore how to make the most of this cost-effective moving option while maintaining quality throughout the process.

## I. Introduction: The Challenge of Affordable Moving
Moving costs can quickly add up, putting a strain on your budget. This article aims to present practical tips for a wallet-friendly move without compromising on the quality of service.

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

## II. Planning Ahead for Cost-Effective Moves
Early planning is crucial. Research "man and van" services in advance, considering their reliability and rates. Create a detailed timeline to avoid last-minute rush fees.

## III. Downsizing and Decluttering
Utilize the "man and van" service by reducing your load. Declutter belongings by selling, donating, or recycling items that you won't need in your new home.

## IV. Packing Efficiently on a Budget
Utilize free or low-cost packing materials. Optimize space and minimize boxes by smart packing techniques. Assess the pros and cons of DIY packing versus hiring additional packing services.

## V. Consideration of Transportation Costs
Explore the various transportation options offered by "man and van" services. Compare costs between truck rentals, moving containers, and full-service movers. Calculate fuel and mileage expenses for self-driven moves.

## VI. Saving on Miscellaneous Expenses
Look for discounts or deals offered by "man and van" services. Minimize storage costs and consider DIY cleaning versus professional cleaning to cut expenses.

## VII. Finalizing the Move
Double-check inventory and ensure nothing is left behind. Prepare for unforeseen expenses and contingencies to avoid last-minute surprises.

## VIII. Conclusion: Achieving a Quality Move Within Budget
Moving on a budget doesn't mean sacrificing quality. Utilizing a "man and van" service can be a cost-effective solution without compromising the quality of your move. By planning ahead, downsizing, and making smart choices, you can have a successful and affordable relocation.

## IX. Additional Resources/Tools (Optional)
Provide links to budgeting calculators, moving checklists, or recommended "man and van" services for readers' convenience.

Whether you're moving across town or to a new city, employing these budget-friendly strategies with a "man and van" service can make your transition smoother, cost-effective, and hassle-free.
Ibuprofeno.py💊| #13: Explica este código Python
Published: 2024-01-05 13:45:08

## **<center>Explica este código Python</center>**
#### <center>**Dificultad:** <mark>Intermedio</mark></center>

```py
print("-".join([str(i) for i in range(11,2,-2)]))
```

- A. `[11, 9, 7, 5, 3]`
- B. `11-9-7-5-3`
- C. `[3, 5, 7, 9, 11]`
- D. `3-5-7-9-11`

---

Respuesta en el primer comentario.
Laravel Global Scopes As Reusable Classes Example
Published: 2024-01-05 13:07:22

Sometimes we create scope in the Laravel model to modify our query results. But what if we create a reusable query class and use it every time we need it? In this tip, we’re going to focus on global scopes which are query modiﬁcations that are applied to an eloquent model every time it is retrieved.

Eloquent provides two methods to modify queries for a model: local scopes and global scopes. When writing a global scope, you can either add it directly to the class booted() method as an anonymous function or you can register it with a class. The Laravel documentation describes writing a class-based global scope that is pretty specialized for a unique case in an application. But, don’t let that limited example fool you - this feature is very powerful.

One of the things that we’ve used global scopes for quite often is applying an order to the result set of a model. Depending on the model, you might have a speciﬁc ordering that makes sense. Invoices might be ordered by created at or sent at dates. Cities might be ordered by their name ﬁeld.

If you ﬁnd you’re writing a lot of similar global scopes like this, it’s time to invest in a good reusable class for applying your global scopes. In this example, let’s add a single line to the model’s booted() method to order its results by a ﬁeld and direction unique for this model.

Here’s how it looks in two different models:
app\Models\City.php
`<?php

namespace App\Models;

use App\Scopes\OrderBy;

class City extends Model
{
    protected static function booted()
    {
        static::addGlobalScope(new OrderBy('name', 'asc'));
    }
}`

app\Models\Comment.php

`<?php

namespace App\Models;

use App\Scopes\OrderBy;

class Comment extends Model
{
    protected static function booted()
    {
        static::addGlobalScope(new OrderBy('name', 'asc'));
    }
}`

Now, what does this reusable global scope look like? Let’s check it out.

app\Scopes\Orderby.php

`<?php

namespace App\Scopes;

use Illuminate\Database\Eloquent\Model;
use Illuminate\Database\Eloquent\Scope;
use Illuminate\Database\Eloquent\Builder;

class OrderBy implements Scope
{
    protected $column;

    protected $direction;

    public function __construct(string $column, string $direction = 'asc')
    {
        $this->column = $column;
        $this->direction = $direction;
    }
    
    public function apply(Builder $builder, Model $model)
    {
        $builder->orderBy($this->column, $this->direction);
    }
}`

Now, we have a global scope for ordering our results that truly is reusable. This is just one example. Any time you ﬁnd yourself writing multiple variations of a very similar scope, consider this technique.

## 
Conclusion

In this blog post, we’re going to focus on global scopes which are query modiﬁcations that are applied to an eloquent model every time it is retrieved. Now we know how to use global scope in Laravel and how to create reusable global scope in Laravel.

The original content link:
[Laravel Global Scopes As Reusable Classes Example](https://www.laravelia.com/post/laravel-global-scopes-as-reusable-classes-example)
How to add Header and Footer in Nuxt 3
Published: 2024-01-05 13:04:27

Headers and footers are like the bookends of a webpage — they frame everything nicely and keep it all together. In Nuxt 3, these header and footer parts can be made easily using its special way of building things called “components.”

Also, we will fix a bug when you may see that after navigating between pages the footer is “jumping”.

## Understanding Nuxt 3's Component Architecture

Nuxt 3 is all about breaking things into smaller pieces called "components." It's a bit like building with Lego — you create different parts and snap them together to make something cool. Headers and footers are like those special Lego blocks that you can use over and over.

## Using the Header and Footer
Once the header and footer are ready, we'll make them show up on all pages using layout. Or, if you want, you can pick where it shows up — like on some pages and not on others. In that case, you will need to create different layouts.

## Create a default layout
In my application I don't need different layouts. I will have just one called `default.vue`. So, create a folder layouts in a root directory of your project and create a `default.vue` file. In that file we will have that piece of code:

```
<template>
  <div>
    <slot />
  </div>
</template>
```

Once we done with layout we need to make it visible on the page - add the layout to the `app.vue` file like so:

```
<template>
  <NuxtLayout>
    <Header />
    <NuxtPage />
    <Footer />
  </NuxtLayout>
</template>
```

> I'm assuming that you already have Header and Footer in your project.

## Troubleshooting
If you paste the code above in your project and footer "jumps" to the top of the page when you navigate between pages, that's because we need to make our page as a unique node. To make that we need to put our `<NuxtPage />` into `div`.

```
<template>
  <NuxtLayout>
    <Header />
    + <div>
        <NuxtPage />
    + </div>
    <Footer />
  </NuxtLayout>
</template>
```

Now that glitch effect should be gone.


## Conclusion
Headers and footers might seem like small things, but they're super important in making a website look and feel just right. With Nuxt 3, it's easy to make these parts and use them again and again.
TESLAR AI Review!
Published: 2024-01-05 12:45:13

OTO 1 — Unlimited Version — $67/$37

OTO 2–100% DONE-FOR-YOU — $97/47

OTO 3 — Unlimited Traffic — $97/47

OTO 4 — AUTOMATION — $67/37

OTO 5 — ATM — $197/$47

OTO 6 — ULTIMATE — $197/$47

OTO 7 — License Rights $67/37

[](http://tinyurl.com/yck8ases
)
Dumps Media Unplugged: Discovering the Digital Universe
Published: 2024-01-05 12:44:21

DumpsMedia vs. Competitors
<a href="https://shorturl.at/tyDHY">DumpsMedia</a> stands out among its competitors due to its user-friendly interface, advanced features, and superior data security. Unlike other data management tools, DumpsMedia offers a comprehensive package that meets all your data needs in one place.
Testimonials from Satisfied Users
Don't just take our word for it. Here are some testimonials from satisfied DumpsMedia users:
•	"DumpsMedia has revolutionized the way I manage my data. It's efficient, reliable, and easy to use." - Sarah, Entrepreneur
•	"I never worry about losing important files anymore. DumpsMedia's data backup and recovery are a lifesaver." - John, Student
Pricing Plans
DumpsMedia offers flexible pricing plans to suit your budget and needs. Whether you require a free basic version or a premium plan with advanced features, there's an option for everyone.
How to Get Started
Getting started with <a href="https://shorturl.at/tyDHY">DumpsMedia</a> is simple. Visit our website, download the software, and begin managing your data more effectively today.


Click Here For More Details>>>>>>>: https://shorturl.at/tyDHY
Playdium Avenue Mall
Published: 2024-01-05 12:23:42

**[Best bowling alley in Lahore
Play Area in Lahore
Bowling alley dha
Bowling Alley Playdium
Best bowling alley near me
Family entertainment in Lahore
Fun things to do in Lahore
Education Game for Children
Birthday parties in Lahore
Arcade](https://avenuemall.pk/playdium/)**
The Ultimate Destination for Birthday Parties
Looking for the perfect venue to host a memorable birthday party in Lahore? Look no further. Playdium offers tailor-made birthday party packages that include not only bowling but also access to their arcade and other entertainment options. Your child's birthday will be a hit when celebrated at Playdium.
Conveniently Located
Convenience matters and Playdium knows it. Located in DHA, it's not just the best bowling alley near you; it's also easily accessible from various parts of Lahore. Whether you're coming from the heart of the city or the outskirts, a trip to Playdium is a breeze.
Educational Games for Children
In addition to the entertainment, Playdium recognizes the importance of education. That's why they offer a range of educational games for children that combine fun and learning. It's an ideal way to keep the young ones engaged while nurturing their cognitive skills.
Unmatched Entertainment in Lahore
In a city that thrives on entertainment, Playdium has managed to carve a niche for itself as the go-to destination for fun-loving Lahoris. Whether you're planning a weekend outing or looking for the perfect spot for family entertainment, Playdium has it all.



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

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


So, the next time you're in Lahore and wondering where to find the best bowling alley in Lahore, or searching for fun things to do with your family, head straight to Playdium. It's not just an entertainment center; it's an experience you won't forget. Come and create memories that will last a lifetime at Playdium, Lahore's premier entertainment destination.
Different languages have different core data structure
Tags: datastructure, programminglanguage
Published: 2024-01-05 12:21:48

---
title: Different languages have different core data structure
published: true
description: 
tags: datastructure,programminglanguage
# cover_image: https://direct_url_to_image.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2024-01-05 12:19 +0000
---

Sometimes I don't aware that I use different data structures.

* [1,2,3] in Rust is an array.
* [1,2,3] in Elixir is a singly-link list.
* [1,2,3] in PHP is an ordered hash map.
* [1,2,3] in Clojure is a hash array mapped trie.
Samsung Galaxy Book 3 Pro
Published: 2024-01-05 12:14:43

"The Ultimate Samsung Galaxy Book 3 Pro: Powerful Performance, Sleek Design, and Windows 11 PRO: A Game-Changer for Business Professionals in 2023!"[](http://tinyurl.com/zveparzk)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lv1f2yoepp6m6g3yju8i.jpg)
Overview of Backend Ecosystem
Tags: webdev, microservices, aws, beginers
Published: 2024-01-05 12:11:43

The backend ecosystem refers to the combination of technologies, frameworks, and services that work together to support the server-side of a web or mobile application. The backend is responsible for handling tasks such as data storage, business logic, authentication, and server-side processing. 



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



Here's an overview of key components in the backend ecosystem:


### [Cloud Providers](https://dev.to/binoy123/establish-a-basic-understanding-of-cloud-providers-1ldo)

AWS, Azure, Google Cloud Platform (GCP): Offer a range of infrastructure and platform services for hosting backend applications.


### [Databases](https://dev.to/binoy123/introduction-to-database-awareness-2ho5)

Relational Databases - MySQL, PostgreSQL, SQLite, Microsoft SQL Server.
NoSQL Databases - MongoDB, Cassandra, Redis, CouchDB.
NewSQL Databases - Google Spanner, CockroachDB.

### [Server-side Programming Languages](https://dev.to/binoy123/server-sidebackend-programming-languages-2hob)

Java, C#, Go(Golang), Python, Scala, Ruby, PHP etc.

### [Security](https://dev.to/binoy123/security-a-brief-introduction-to-application-security-38g6)

**SSL/TLS :** Secure communication over the web.

**OWASP :** Provides resources and best practices for web application security.

### [Monitoring](https://dev.to/binoy123/monitoring-tools-applications-systems-networks-and-infrastructure-18gh)

Prometheus, Grafana, ELK Stack (Elasticsearch, Logstash, Kibana)

### [CI/CD](https://dev.to/binoy123/continuous-integration-and-continuous-delivery-ci-cd-5fl6)

Jenkins, Travis CI, GitLab CI/CD, GitHub Actions: Automate building, testing, and deploying applications.

### [Message Broker](https://dev.to/binoy123/message-brokers-overview-42pe)

RabbitMQ, Apache Kafka, Redis: Facilitate communication between distributed systems by handling message queues.
	

### [Containers](https://dev.to/binoy123/high-level-understanding-about-containers-1ofd)

Docker, PodMan: Containerisation platform for packaging applications and their dependencies.

###[ Container Orchestration](https://dev.to/binoy123/overview-of-container-orchestration-dlc)



Kubernetes, Docker Swarm : Container orchestration system for automating the deployment, scaling, and management of containerised applications.