teleren/devto huggingface dataset:
About Me: The Creator Behind SocialMatrix
Published: 2024-01-02 04:29:28

Hello, and welcome to SocialMatrix! I'm Satyam, the visionary creator who brought this digital venture to life back in 2019. As someone deeply passionate about the dynamic world of social media and online engagement, I embarked on a journey to establish a platform that transcends mere functionality – a platform that becomes a brand synonymous with excellence in the realm of social media services.

The Inception of SocialMatrix
In the not-so-distant year of 2019, the idea for SocialMatrix was born out of a desire to revolutionize the way individuals and businesses approach social media growth. Witnessing the transformative power of social platforms, I recognized an opportunity to create something more than just an SMM panel – an all-encompassing hub for social media solutions.

A Vision for Transformation
From the outset, the vision for SocialMatrix extended far beyond being a mere service provider. It was conceived as a brand with a mission – a mission to empower individuals, influencers, and businesses to achieve unprecedented success in the digital landscape. With an unwavering commitment to quality, authenticity, and innovation, SocialMatrix aspires to redefine the standards of social media engagement.

Nurturing Growth and Innovation
Since the inception of SocialMatrix, my journey has been characterized by constant evolution and a relentless pursuit of excellence. What started as a concept in 2019 has evolved into a thriving platform that caters to the diverse needs of a global audience. From followers and likes to comments and shares, SocialMatrix is designed to be a one-stop solution for those seeking to amplify their social media presence.

Beyond Numbers: Building a Brand
At the heart of SocialMatrix lies a commitment to go beyond mere numerical metrics. It's about building a brand – a brand that stands for credibility, authenticity, and strategic growth. Every service offered through SocialMatrix is curated with precision, ensuring that users not only witness an increase in numbers but experience a genuine and lasting impact on their online presence.

Join the SocialMatrix Community
As we journey forward, the https://SocialMatrix.in [SMM Panel](https://socialmatrix.in) community continues to grow, fueled by a shared passion for social media excellence. Whether you're an individual looking to boost your personal brand or a business striving for digital prominence, SocialMatrix is here to be your ally in the ever-evolving world of social media.

Thank you for being a part of the SocialMatrix story. Together, let's continue to redefine the way we engage, connect, and thrive in the vast landscape of social media.

Satyam
Creator, SocialMatrix
CSS Battle Daily Target
Tags: css, webdev, beginners, cssbattle
Published: 2024-01-02 04:28:43

## CSS Battle Daily Target 02 January 2024 Solution.

Hello, friends, today we will be solving the CSS Battle Daily Target through this blog. If you have just known about CSS Battle from the previous blog post, then with this and all future posts, you will be participating in a challenge every day. Let’s start with today’s new challenge. CSS Battle Daily Target for January 02, 2024 — Solution.


![CSS Battle Daily Target 01 January 2024](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6imysnb3yy4ouaebgtvr.png)

Today’s CSS Battle Daily Target for January 02, 2024 is quite simple. In this, we have used CSS properties such as **_background, width, height, margin, -webkit-box-reflect, border-radius_**. The code for this is provided below:

```
<p><p a>
<style>
  *{
    background:#645E00;
  }
  body{
    width: 120px;
    height: 120px;
    background: #FFF579;
    margin:90 140;
    border-radius:20px
  }
  p{
    height:20;
    width:60;
    background:#FFF579;
    position: fixed;
    margin:-40 30;
    border-radius:20px;
    -webkit-box-reflect: below 160px
  }
  [a]{
    margin: 50 120;
    rotate:90deg;
  }
</style>

```
This code 100% matches to the targeted shape.


![CSS Battle Daily Target 01 January 2024](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sgtzj5mk5gjp97u86ze5.jpg)

So buddies this is the solution of CSS Battle Daily Target 02 January 2024. I hope this solution helpful for you. Thank You 🙏.
Keep Follow **Like and Subscribe**.

YouTube video solution :
[CSS Battle Daily Target 01 January 2024](https://youtu.be/rRxZhz3g64M)

{% youtube width="560" height="315" src="https://www.youtube.com/embed/rRxZhz3g64M?si=0vfBgXn0qG0w9KL_" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen  %}
ThanhphoDaNang
Tags: tutorial
Published: 2024-01-02 04:21:25

**[ThanhphoDaNang.net](https://thanhphodanang.net/)** là một trang web đáng tin cậy với các đánh giá và xếp hạng chất lượng về các địa điểm du lịch, ẩm thực và văn hóa tại Đà Nẵng. Đem đến thông tin đáng tin cậy và hữu ích cho người dùng, với đội ngũ biên tập viên chất lượng cao và kiến thức sâu rộng tại Đà Nẵng.
#ThanhphoDaNang #ThanhphoDaNangnet

Địa chỉ: 102 Lý Thái Tông, Liên Chiểu, Đà Nẵng
Hotline: 0816092777
Website: [https://thanhphodanang.net/](https://thanhphodanang.net/)
Email: tpdanangne@gmail.com

Social:
[https://www.facebook.com/thanhphodanang.net](https://www.facebook.com/thanhphodanang.net)
[https://www.pinterest.com/thanhphodanang/](https://www.pinterest.com/thanhphodanang/)
[https://www.linkedin.com/in/thanhphodanang/](https://www.linkedin.com/in/thanhphodanang/)
[https://twitter.com/ThanhphoD8315](https://twitter.com/ThanhphoD8315)
[https://www.instagram.com/thanhphodanangnet/](https://www.instagram.com/thanhphodanangnet/)
How to learn React in 2024 - A Personal Beginner Experience
Tags: react, webdev
Published: 2024-01-02 04:03:21

## **Learning React in 2023**




My first foray into react started during 2021 as I was introduced to Angular first, not the best way to start but it is what it is.

Learning programming can be daunting if you come from a design background. So I hope to share what I learnt.

But I still took up the challenge to try something new and learn new skills.

My goal last year was to learn React, Typescript, Material UI and JSX for a project. Overwhelming 😑 for me as a start. But I saw projects using these frameworks and libraries for React.

On the [job front](https://sg.indeed.com/q-react-developer-jobs.html?vjk=4f8cd2b5b8315b10) I see a lot of UI Jobs requiring React as a requirement. So its good to learn another tool in your toolbelt.

------

## Good to have at the start:

Its good to have some javascript programming language. this is necessary as React is based of javascript. 

Everything in React is based on this so knowledge with how the language works is key to moving thorugh the code bases and seeing examples.

## Places to learn Javascript & React

**Javascript**

- [Scrimba ](https://scrimba.com/allcourses?topic=javascript)I like Scrimba because they have interactive coding build into the tutorials

- [Freecode Camp](https://freecodecamp.org/) Goood tutorials that covers web development in general from HTML, CSS and Javascript also has interactive coding in their tutorials

{%embed https://www.youtube.com/watch?v=BI1o2H9z9fo %}

Paid
- [Udemy The Complete Web Development Bootcamp](https://www.udemy.com/course/the-complete-web-development-bootcamp/) This one also has some React Tutorials for beginners


**React Courses**

- [React the Complete Guide by Academind - Maximilian Schwarzmüller](https://www.udemy.com/course/react-the-complete-guide-incl-redux/)
- [Scrimba React Courses](https://scrimba.com/allcourses?topic=react)

-------

## What is React?

Basically its a framework of codes you use to put up UI elements on a webpage that are reusable. So it helps save times when you break up your webpage into small little bits of code.

**Youtube**
Fireship Overview
{% embed https://www.youtube.com/watch?v=Tn6-PIqc4UM %}

React:
- Functions
- made into components

One thing about react is you can have as little React as you want or build a lot with it that is one flexible way to thing about it.

Hope you enjoyed this see you in the next chapter.
PDLC: Prompt Development Life Cycle
Tags: llm, promptengineering, machinelearning, engineering
Published: 2024-01-02 03:59:03

Prompt engineering, like software engineering, has a development life cycle. As we build, measure, and integrate these prompts into an application, they can improve over time and be fine-tuned for increased performance.

![Prompt Development Life Cycle](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kzgla2rksm55trv60wql.png)

## 1. Initial Build

In the initial build phase, we build an initial prompt. This prompt does not need to be perfect.
It can incorporate techniques such as zero-shot, few-shot, chain-of-thought, choice-shuffle, etc.

The goal of the initial prompt is to build a prompt so that:
1. it works 80% of the time
2. it can be integrated into the product
3. we can start collecting data for review

## 2. Measure and Track

In the measuring and tracking phase, we aim to collect as much product and prompt usage information as possible.
We store generated prompt output and corresponding variables in a database or logging environment.
Measuring and tracking output will allow us to optimize and fine-tune future models and ensure they work.

## 3. Optimize

Optimization aims to review historical prompt data and understand areas of opportunity, edge cases, exceptions, and overall performance.
We modify the prompt to increase the accuracy as much as possible.

Optimization will:
1. help us save time in the dataset review process
2. increase prompt performance
3. identify areas where a prompt break-down is required

## 4. Create Training Dataset

To create a training dataset, we review a large number of samples.
Some samples need to be corrected, and others require additional review, input, and feedback before being accepted as part of a training dataset.
Creating a training dataset is often time-consuming, but it is a required component of AI-related development work.

The size of the dataset will depend on:
1. complexity of output
2. LLM models selected to fine-tune
3. quality considerations

## 5. Fine-tune

The last and final step of the prompt development life cycle (PDLC) is to fine-tune an LLM or another type of model based on the training dataset.
If a sufficiently large training dataset is created, we can fine-tune or train a smaller model with similar or better performance.
Once a model is fine-tuned, we should continue to log, track, and review data to optimize the model further in the future if required.

---

You can view the original article [here](https://promptdesk.ai/articles/pdlc-prompt-development-lifecycle?ref=devto).
Get Column Value from DataTable using JQuery
Tags: javascript, jquery, webdev, api
Published: 2024-01-02 03:23:14

`let consOrderId='';
            $("#portalDataTable tbody tr").each(function () {
                var row = $(this);
                var cols=row.find("td:eq(2)").html()
                // if(row.cells[3].innerHTML!='consPayuId')
                // consOrderId=(row.cells[3].innerHTML)
                consOrderId=cols
            });
             console.log(consOrderId,"consOrderId");`
MLOps project setup: Airbyte - Supabase connection
Tags: mlops, dataengineering
Published: 2024-01-02 02:13:03

Access the Airbyte web interface with default creds `airbyte password`.

1. Create a new source using [Sample Data (Faker)](https://fakerjs.dev).
2. Leave default values or customize it to your own taste.
3. Test and save.

![Sample Data (Faker) source](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nfor032ztklrbilvo2lq.png)

1. Create a new Postgres destination.
2. Leave default values as they are and those blank text boxes fill 'em up with db info from [supabase step](https://dev.to/dplata/mlops-project-setup-supabase-1710).
3. You can find DB password text box in optional fields.
4. Test and save.

![Postgres destination](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zdfzolllsrgada9knkyg.png)

1. Setup the connection between the source and destination.
2. Wait for the job to run and the db to be populated.


![Airbyte connection](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/loictqtgp0sfgbbpuau4.png)

Once it runs go to supabase dashboard and double check the inserted data.

![Supabase table editor](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7nn3oemv5gzlckjm8mx9.png)

Kudos man, now you have working (fake) data.
Almcoin Exchange | Unveiling Inscription Token Dynamics
Tags: almcoin
Published: 2024-01-02 02:11:22

On November 7th, Binance officially launched the first inscription token of Bitcoin, ORDI. With this development, ORDI has finally made its appearance on the world's largest cryptocurrency exchange, signifying that inscription tokens are making significant strides towards mainstream acceptance, with the inscription ecosystem rapidly extending to the public.

This is a new technology that we must acknowledge and affirm.

Checking the current centralized exchanges where ORDI is tradable, aside from Binance, platforms like Almcoin Trading Center have already launched it.

However, the impact of other exchanges launching it still falls far short of Binance's influence - right after Binance launched ORDI, its price nearly doubled.

Given the current momentum of the inscription ecosystem, there's a high probability that ORDI will break its previous high, but predicting when and how it will surpass its previous peak is difficult.

The characteristic of the inscription ecosystem is that assets come first, followed by applications. The current popularity of the ecosystem reminds me of the ICO boom in 2017:

Back then, project teams would tell a story or describe a vision, and the issued coins would be eagerly sought after. However, most of the stories told by these project teams eventually failed, and even the few successful projects took at least a year to launch. Among these launched projects, only a handful are still recognized and successful today.


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

Now, issuing coins using inscription technology has a lower technical threshold, and the variety of coins is more diverse: both fungible tokens similar to ERC-20 and non-fungible tokens similar to ERC-721 can be issued. This means that the means and methods of "fundraising" have been greatly enriched, also implying that the mix of good and bad projects will be more numerous and frequent.

In this situation, if this trend really takes off, I estimate that the future bubble will not be small and the aftermath of the bubble bursting will be just as messy.

Despite the potential high risks and significant bubbles, I still look forward to this technology bringing a new way of scene construction to the entire crypto ecosystem, and I am hopeful for the landing and flourishing of heavy-hitting applications.

Therefore, Almcoin Trading Center hopes our readers will focus more on observing the development of the inscription ecosystem from the perspective of ecological growth. Lastly, I remind our readers to be cautious of project risks and not to blindly FOMO. Especially at this time, we should consider: how many of the projects we have FOMOed into in the past have actually benefited us?

If you genuinely like a project and wish to participate, be sure to conduct thorough research and careful consideration before making a decision.
Hello World
Tags: webdev, programming, php, javascript
Published: 2024-01-02 02:11:19

```
<?php
class DeveloperIntroduction {
    public $name = "Sherif Mohsen";
    public $title = "Chief Developer and Tech Visionary Officer (CD/CTFO)";
    public $aliases = ["SwapTC", "TNNPub"];
    public $roles = ["Author", "Founder & CEO", "Veteran of Code - 17 yrs"];
    public $projects = ["FileBay Inc.", "SFLC Network", "NewsChan", "The Northern Narrative"];

    public function greet() {
        echo "Greetings Dev.to Community! I'm " . $this->name . ", also known as " . implode(' and ', $this->aliases) . ".<br>";
        echo "Donning " . count($this->roles) . " hats in the tech world, I've navigated through " . explode(' ', $this->roles[2])[3] . " years of code, innovation, and story-telling.<br>";
        echo "From pioneering projects like " . implode(', ', array_slice($this->projects, 0, -1)) . " to storytelling at " . end($this->projects) . ", my journey has been a tapestry of code, leadership, and narratives.<br>";
        echo "Join me in unraveling the layers of technology, discussing the future of the web, and perhaps, deciphering the algorithm of life itself.<br>";
    }

    public function inviteDiscussion() {
        echo "Have a tech story, a programming puzzle, or a vision for the digital future? Leave a comment, and let's explore these ideas together!";
    }
}

$devIntro = new DeveloperIntroduction();
$devIntro->greet();
$devIntro->inviteDiscussion();
?>
```

P.S.: While I may not always follow the script, my life's code compiles with a few warnings and a lot of passion.
100 dias de JAVA: Dias 21 a 30
Tags: braziliandevs, java, 100daysofcode, beginners
Published: 2024-01-02 02:06:59

Oi, sou eu de novo, rs.

Primeiramente, FELIZ ANO NOVO!

![Feliz 2024](https://media1.tenor.com/m/godmwFTyHc0AAAAC/ano-novo.gif)

Pensaram que eu tinha desistido, mas foi apenas uma pausa por diversas razões. Assim que eu completei o 30º dia, algumas obrigações acadêmicas se tornaram urgentes, as do trabalho também e eu quase acabei ficando igual o gif a seguir e nem as atualizações dos dias eu trouxe.

![Quase coringando](https://i.gifer.com/84OR.gif)

Achei importante antes de retomar os códigos vir fazer o texto do que aconteceu até o fim de novembro com  os primeiros 30 dias. Gostaria de dizer também que desistir não está entre as opções, pode acontecer de eu parar uns dias por conta da rotina e depois retomar, mas desistir não está entre as opções da minha vida nesse momento, por isso, voltei na outra faculdade e peguei meu diploma inclusive.

![Não sei se isso vai dar certo](https://media1.tenor.com/m/Y8zCuyNir6kAAAAd/eu-nao-sei-se-isso-vai-dar-certo-nao-evelyn-castro.gif)

Nesses últimos dias, eu revi um pouco dos conceitos de iniciais de Orientação à Objetos como classes, métodos, construtores e pacotes. Lembrei o quanto eu preciso praticar e reforçar muito ainda isso, algumas coisas meio que se perdem quando a gente não pratica, mas com a base boa e sólida que tive com alguns dos meus professores, também sou gentil comigo a ponto de perceber que eu realmente aprendi, só preciso me manter praticando os conceitos.

Enfim, só pra dizer pra vocês que vou retomar de onde parei e que vai demorar um pouco mais pra acabar, mas sigo na luta de melhorar meus conhecimentos de JAVA.

O repositório da trajetória é esse [aqui] (https://github.com/leitoraincomum/100diasJAVA)

Beijos
loja estoque
Tags: python
Published: 2024-01-02 01:25:43

```
# produto do estoque 14
estoque = {"notebook": [1000, 5.300],
           "teclado": [500, 500],
           "mause": [200, 300],
           "monitor": [100, 800]
           }
total = 0
print("Vendas:\n")
while True:
    produto = input("Nome do produto (fim para sair):")
    if produto == "fim":
        break
    if produto in estoque:
        quantidade = int(input("Quantidade:"))
        if quantidade <= estoque[produto][0]:
            preço = estoque[produto][1]
            custo = preço * quantidade
            print(f"{produto:12s}: {quantidade:3d} x {preço:6.2f} = {custo:6.2f}")
            estoque[produto][0] -= quantidade
            total += custo
        else:
            print("Quantidade solicitada não disponível")
    else:
        print("Nome de produto inválido")
print(f" Custo total: {total:21.2f}\n")
print("Estoque:\n")
for chave, dados in estoque.items():
    print("Descrição: ", chave)
    print("Quantidade: ", dados[0])
    print(f"Preço: {dados[1]:6.2f}\n")
```
The Liskov Substitution Principle.
Published: 2024-01-02 01:03:25

The Liskov Substitution Principle is one of the five principles of SOLID, a set of guidelines for the design of object-oriented software. This principle was formulated by Barbara Liskov in 1987 and states that objects of a derived class must be able to replace objects of the base class without affecting the correctness of the program.

In other words, if a class B is a subclass of a class A, then the objects of A can be replaced with the objects of B without the program significantly changing its behavior. This implies that the derived class must inherit all the behaviors of the base class and, if necessary, extend or modify these behaviors without introducing errors or unexpected side effects.

An example would be a hierarchy of classes representing geometric shapes:


```
class Forma:
    def calcola_area(self):
        pass

class Rettangolo(Forma):
    def __init__(self, lunghezza, larghezza):
        self.lunghezza = lunghezza
        self.larghezza = larghezza

    def calcola_area(self):
        return self.lunghezza * self.larghezza

class Quadrato(Forma):
    def __init__(self, lato):
        self.lato = lato

    def calcola_area(self):
        return self.lato * self.lato

```
In this example, Rectangle and Square are subclasses of Shape. Both implement the calculate_area method, inherited from the base class. We can replace an object of type Shape with an object of type Rectangle or Square without altering the behavior of the program incorrectly.

```
def stampa_area(forma):
    area = forma.calcola_area()
    print(f"L'area della forma è {area}")

# Use of the Liskov substitution principle
rettangolo = Rettangolo(5, 10)
quadrato = Quadrato(7)

stampa_area(rettangolo)  # Print: The area of the shape is 50
stampa_area(quadrato)    # Print: The area of the shape is 49

```
In this example, the print_area function accepts an object of type Shape, but we can pass both an object of type Rectangle and one of type Square, thus demonstrating the Liskov substitution principle.