teleren/devto huggingface dataset:
Mixture-of-Agents Enhances Large Language Model Capabilities✨
Tags: llm, datascience, machinelearning, tutorial
Published: 2024-06-18 14:35:34




does not require any fine-tuning and only utilizes the interface for prompting and generation of LLMs.

we do not need to concatenate prompt and all model responses so only one LLM is needed to be used in the last layer. 


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

⚡ design of Mixture-of-Agents.

2 parts : proposers & aggregators

Proposers : generating useful reference responses for use by other models. While the proposer may not necessarily produce responses with high scores by itself, it should offer more context and diverse perspectives, ultimately contributing to better final responses when used by an aggregator

 Aggregators : synthesizing responses from other models into a single, high-quality output. An effective aggregator should maintain or integrate inputs that are of lesser quality than its own.

![model perform](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/83fccl0zybvn822hi3by.png)

By incorporating more aggregators into the process, we can iteratively synthesize and refine the responses, leveraging the strengths of multiple models to produce superior outcomes.

Initially, LLMs in the first layer, denoted as agents A1,1,...A1,n, independently generate responses to a given prompt. These responses are then presented to agents in the next layer (A2, 1,... A2, n) for further refinement. 

This iterative refinement process continues for several cycles until a more robust and comprehensive response is obtained.

![evaluation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3vip5t8ixlehilkfd4ag.png)

 The selection of LLMs for each MoA requires two primary criteria:

Performance Metrics: The average win rate of models in layer i plays a significant role in determining their suitability for inclusion in layer i + 1.

Diversity Considerations: The diversity of model outputs is also crucial. Responses generated by heterogeneous models contribute significantly more than those produced by the same model 

By leveraging these criteria — performance and diversity — MoA aims to mitigate individual model deficiencies and enhance overall response quality through collaborative synthesis.

⚡limitations :

model cannot decide the first token until the last MoA layer is reached. This potentially results in a high Time to First Token (TTFT), which can negatively impact user experience. 

To mitigate this issue, we can limit the number of MoA layers, as the first response aggregation has the most significant boost on generation quality. 


#llm #datascience #machinelearning
Introduction of CSS, What is CSS, Why we use CSS and How CSS describe the HTML elements
Tags: webdev, css, learning, html
Published: 2024-06-18 14:33:54

## **What is CSS?**
CSS stands for Cascading Style Sheets
CSS describes how HTML elements are to be displayed on screen, paper, or in other media
CSS saves a lot of work. It can control the layout of multiple web pages all at once
External stylesheets are stored in CSS files
Why we Use CSS?
CSS is used to define styles for your web pages, including the design, layout and variations in display for different devices and screen sizes.
## **Example**
```CSS
body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}
```
## **CSS Solved a Big Problem**
HTML was never intended to contain tags for formatting a web page!
HTML was created to describe the content of a web page, like:
`<h1>`This is a heading`</h1>`
`<p>`This is a paragraph.`</p>`
## **CSS Saves a Lot of Work!**
The style definitions are normally saved in external .css files.
## **CSS Syntax**
A CSS rule consists of a selector and a declaration block.
h1 {color:blue;font-size:12px;}
The selector points to the HTML element you want to style.
The declaration block contains one or more declarations separated by semicolons.
Each declaration includes a CSS property name and a value, separated by a colon.
## **Example**
```CSS
p {
  color: red;
  text-align: center;
}
```
## **Example Explained**
`p` is a selector in CSS (it points to the HTML element you want to style: `<p>`).
`color` is a property, and `red` is the property value
`text-align` is a property, and `center` is the property value
## **CSS Selectors**
CSS selectors are used to "find" (or select) the HTML elements you want to style.
We can divide CSS selectors into five categories:
Simple selectors (select elements based on name, id, class)
Combinator selectors (select elements based on a specific relationship between them)
Pseudo-class selectors (select elements based on a certain state)
Pseudo-elements selectors (select and style a part of an element)
Attribute selectors (select elements based on an attribute or attribute value)
## **The CSS element Selector**
The element selector selects HTML elements based on the element name.
## **Example**
```CSS
p {
  text-align: center;
  color: red;
}
```
Performance: Los valores de Lighthouse y PageSpeed Insights son diferentes
Tags: webdev, lighthouse, performance, corevitals
Published: 2024-06-18 14:33:49

Existen dos tipos de herramientas para hacer pruebas de performance en web:

**1. Herramientas de laboratorio**

Funcionan en condiciones específicas, por ejemplo:
• No consideran el cache, bfCache, ni AMP
• Ambientes controlados (geografía, dispositivo, velocidad)
• Sirven en la etapa de desarrollo, antes de producción
• Son estables, generalmente el score es el mismo aunque se corra la herramienta varias veces

**2. Herramientas de campo**

Utilizan datos reales para comparar los resultados y determinar el score.

Pueden ser datos recolectados manualmente o utilizando el Chrome UX Report

🧪 Lighthouse en los Devtools de Chrome funciona como una herramienta de laboratorio. Lo puedes determinar porque al final del reporte vienen las condiciones en las que se corrieron las pruebas, por ejemplo:

• Initial page load
• Slow 4G throttling
• Single page session
• Using Chromium 125.0.0.0 with devtools
• Emulated Moto G Power with Lighthouse 11.7.1

⚡️ PageSpeed Insights por su parte entrega una información similar pero puedes detallar que las pruebas corren en diferentes condiciones:

• Full visit durations
• All Chrome versions
• Various mobile devices
• Various network connections
• Latest 28-day collection period
• Many samples (Chrome UX Report)

Así que no te asustes, está bien que los valores sean diferentes, solo tienes que entender la razón.

---

**Te ayudo a ser un mejor Web Developer
Click + [Mariano Alvarez](https://www.linkedin.com/in/marianocodes/) + Seguir + 🔔**

---

Like si te gustó este contenido ❤️
vavacasi
Published: 2024-06-18 14:32:48

Хотите испытать удачу и получить большие выигрыши? Тогда вам в [Вавада](https://vavacasi.com/)! Наше казино предлагает уникальный выбор игр, включая самые популярные слоты и настольные игры. Вавада славится своей щедрой бонусной политикой и постоянными акциями, которые помогут вам увеличить ваши шансы на победу. Удобный интерфейс сайта и круглосуточная поддержка делают игру еще более приятной. Присоединяйтесь к Вавада и начните выигрывать уже сегодня – ваш путь к успеху начинается здесь!
Whatsapp Webhook Setup and Nodejs Code Example
Tags: whatsapp, api, dashboard, node
Published: 2024-06-18 13:56:43

## Solution
If you are getting a validation error the problem is not with ngrok, localtunnel or whatever proxy you are using, its with your webhook code.

Your webhook needs to be a **POST** and a **GET** because meta dashboard does a GET for url validation but when the webhook is fired they do POSTs.

Here is the webhook code:
```js
  // this is a GET and POST endpoint
  async whatsapp(ctx) {
    const token = "secret"; // same secret you type in the secret input in the whatsapp dashboard

    // these params are sent when you do the 
    // callback url validation in the dashboard
    const mode = ctx.request.query['hub.mode'];
    const challenge = ctx.request.query['hub.challenge'];
    const verify_token = ctx.request.query['hub.verify_token'];
    
    // confirms with whatsapp webhook/callback url is good (only happens once)
    if (mode === "subscribe" && verify_token === token) {
     return ctx.send(challenge, 200);
    }

    // handle webhook post data (type taken from attached repo in article, see below)
    const body = ctx.request.body as WebhookObject;

    // do some stuff here

    // then reply to whatsapp with status 200 otherwise it will
    // repeatedly send the webhook for same messages
    ctx.send(200)
  }
```

## Types
If you want the types for what is returned from the webhook then copy and paste them from this repo, the author did a great job at typing, although it is a little outdated:
https://github.com/WhatsApp/WhatsApp-Nodejs-SDK/blob/main/src/types/webhooks.ts

## Error (you may have encountered)
"The callback URL or verify token couldn't be validated. Please verify the provided information or try again later."

![whatsapp webhook error](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xedthvxcz6exmlehvu4p.png)

Once you have your code correct and your webhook endpoint is set to GET and POST, then your webhook will verify.

## Fun tip (vscode built in proxy)

In vscode there is a tab in your terminal/console that says 'ports', you click on there and then you click on add port and type in your server port, it creates a tunnel/proxy for you the same as ngrok or localtunnel would:
![vscode built in proxy tunnel 'ports'](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/64jxb70lg88q7a7j5c9c.png)
Descubriendo AWS DeepRacer: Consejos de Empleadores de la Alianza Tech de AWS.
Tags: alianzatechskills2jobs, deepracer
Published: 2024-06-18 14:28:54

---
series: Descubriendo AWS DeepRacer
---

Esta competición desafía a los estudiantes a entrenar un modelo de aprendizaje por refuerzo que controle un vehículo autónomo de carreras en la nube. Los participantes usarán la misma configuración de vehículo y pista, pudiendo modificar únicamente el algoritmo de reinforcement learning (aprendizaje por refuerzo).

**1. Student League AWS DeepRacer 2024: recomendaciones y beneficios by NTT DATA**
Javier Santana, Expert Architect - Digital Architecture,  
{% embed https://www.youtube.com/watch?v=o1zXRH99nz0  %}

En el marco de la participación de NTT DATA en la Alianza Tech de AWS (Skills to Jobs Tech Alliance), **Javier Santana** comparte con nosotros consejos y recomendaciones para participar en la competición de AWS DeepRacer, así como su utilidad y aplicación al ámbito profesional.

Javier comparte recomendaciones para optimizar la función de recompensa y crear un modelo ideal. También analiza los beneficios de AWS DeepRacer más allá de la competencia y examina la relación entre AWS DeepRacer, Reinforcement Learning y Deep Learning. En concreto, enfatiza la importancia de utilizar una función de recompensa para maximizar el aprendizaje y equilibrar el tiempo de entrenamiento y el aprendizaje efectivo. Asimismo, discute estrategias para optimizar el rendimiento en la competencia de carreras autónomas, como mantenerse en la pista y cerca de la línea central, alentar al automóvil a completar una vuelta completa y ajustar la velocidad en función de la curvatura de la pista.

Asimismo, la sesión resalta la importancia de las habilidades relacionadas con la robótica, la automatización y la inteligencia artificial, que tienen una demanda creciente. También enfatiza conceptos de aprendizaje automático como el aprendizaje por refuerzo y muestra diferentes algoritmos como PPO y SAC para los modelos de Deep Racer. Finalmente, explora el uso de la IA generativa en análisis de pistas, líneas de carrera óptimas y sus aplicaciones más amplias, mostrando los beneficios educativos y oportunidades profesionales en tecnología.

A continuación tenéis links a posiciones juniors de entrada de **NTT DATA:** 
https://careers.emeal.nttdata.com/s/offer/a1J2p000009dDxyEAE/aws?language=es

Únete a la comunidad de desarrolladores de AWS para aprender más sobre cloud y tecnología: https://dev.to/aws-espanol/impulsa-tu-carrera-unete-a-la-comunidad-de-desarrolladores-de-aws-en-iberia-user-groups-h0m
Enclave Games Shop is now open!
Tags: spreadshop, spreadshirt, swag, enclavegames
Published: 2024-06-18 14:27:35

---
title: Enclave Games Shop is now open!
published: true
date: 2024-06-18 14:25:23 UTC
tags: spreadshop,spreadshirt,swag,enclavegames
canonical_url: https://enclavegames.com/blog/shop-open/
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rndayoyyz8b628mj2i9r.png
---

Remember [Enclave’s swag is out](https://enclavegames.com/blog/swag-out/) blog post? We got asked about that print a few times recently, and decided to share it with you all! After launching [js13kGames Shop](https://medium.com/js13kgames/js13k-shop-is-now-open-175278bd4fce) and [Gamedev.js Shop](https://gamedevjs.com/competitions/opening-gamedev-js-swag-shop/) on the same Spreadshirt platform we’ve decided to open [Enclave Games Shop](https://enclavegames.myspreadshop.com) as well.

This particular design is a bit different than the one we printed ourselves earlier though: the “old” hoodie had the big logo on the back, while the new Spreadshirt version have it on the front.

![Enclave Games Shop products](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j03e95ew1jeuz11rpel1.png)

This design is available on t-shirts, but also hoodies and tote bags as well. Plus we also added a second, smaller version of the logo on the front only for t-shirts, as it just looks cool.

Grab anything [from the Shop](https://enclavegames.myspreadshop.com) if you’d like to support what we’re doing and wear it proudly, every single sale helps - **thank you**!
FastAPI Beyond CRUD Part 10 - JWT Authentication (Project Endpoints with HTTP Bearer Auth)
Tags: fastapi, python, programming, api
Published: 2024-06-18 14:21:45

In this tutorial, we dive into securing our API endpoints using HTTP Bearer Authentication. Bearer Authentication allows users to access protected endpoints by including a token in the "Authorization" header of their HTTP requests, formatted as "Bearer token".

{%youtube 9mx6LojqNCQ%}
Understanding Loops - A Tangible Example
Tags: devchallenge, cschallenge, computerscience, beginners
Published: 2024-06-18 13:57:26

---
title: Understanding Loops - A Tangible Example
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4tfs5o2wz0j2jiz3l3fp.png
published: true
tags: devchallenge, cschallenge, computerscience, beginners
---

*This is a submission for [DEV Computer Science Challenge v24.06.12: One Byte Explainer](https://dev.to/challenges/cs).*

## Explainer

<!-- Explain a computer science concept in 256 characters or less. -->

![Image of a short JavaScript function that we'll be stepping through in the guide. First, it sets the age variable to 25 (or whatever your age is), then has a comment to grab a piece of paper and draw a birthday cake. Then there's a short while loop that while age is greater than 0, draw a candle then subtract 1 from the age variable. Outside of the loop is another comment that it's celebration time.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xihugelj71cll6qnctpv.png)

### 1 - Setup
Get paper, draw a cake, and set `age` to your age.

### 2 - Do Loop
`age` isn't 0, so draw a candle and subtract 1 from `age`. 

### 3 - Checkup
Is `age` still greater than 0? Go to step 2
Otherwise, go to 4.

### 4 - 🎉 
Celebration time! 

--- 

## Additional Context

I didn't include markdown in my count - ended up at 248 according to VS Code: 

![Image of text highlighted and showing 248 characters were selected](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0oix7d94bw3wqlazjx1l.png)
Git Commands Cheat Sheet
Tags: beginners, programming, opensource, git
Published: 2024-06-18 14:08:17

Git is a distributed version control system (DVCS) that allows multiple developers to collaborate on a project, tracking changes to files and coordinating work seamlessly.


## Initializing a Repository:
```
git init
```


## Cloning a Repository:
```
git clone -b <branch-name> <url> <folder-name>
```


## Working with Branches:


**Create a new branch:**
```
git checkout -b <new-branch>
```
**Switch branches:**
```
git checkout <branch-name>
```
**Create and Switch branches:**
```
git switch -c <new-branch>
```
**List all branches:**
```
git branch
```


## Staging and Committing Changes:


**Add files to staging area:**
```
git add .
```
**Commit changes:**
```
git commit -m "message"
```
**View changes before staging:** 
```
git diff
```


## Remote Repositories:


**Add a remote repository:**
```
git remote add origin <remote-repository-URL>
```

**List all remotes:**
```
git remote -v
```

**Push changes to a remote repository:**
```
git push -u origin <branch-name>
```

**Pull changes from a remote repository:**
```
git pull origin <branch-name>
```



## Stashing Changes:

Stashing in Git allows you to temporarily save changes that are not yet ready to be committed, so we can switch to another branch without losing your progress. It is used when you need to quickly switch contexts or update your working directory without committing incomplete work.

**Stash changes:**
```
git stash
```
**Apply stashed changes:**
```
git stash apply
```


## Configuration:

**Change user name:** 
```
git config --global user.name "name"
```
**Change user email:**
```
git config --global user.email "email"
```

## Reset:

**Soft reset:**
```
git reset --soft HEAD^
```
Moves to the previous commit and discards all changes.

**Hard reset:**
```
git reset --hard HEAD^
```
 Moves to the previous commit but keeps all changes.

( **HEAD** is a reference to the current commit &
**notation HEAD^** refers to the parent commit of the current HEAD )
Day 7 of 30
Tags: react, hacking
Published: 2024-06-18 14:05:56

So for today I reading related to Hacking and did some React.JS learning.

           **<u>What I did in TryHackMe</u>**
-So I read about SMB and how it works and How to enumerate service running on SMB and how to exploit it.

           **<u>What I learnt on React.JS</u>**
-For today I did a simple project that focused on the Admin role on a quiz app where the admin could add a qsn, delete a qsn and Change the answer of the qsn and all of the qsns were to be fetched in a db.json mock server:
 i)The code: https://github.com/FrancisNgigi05/react-hooks-fetch-crud-lab

-After the project I did some learning on Client-side routing and did a small project:

 i)The learning part code: https://github.com/FrancisNgigi05/react-hooks-react-router-code-along
 
 ii) The small project I did to practice what I had learnt: https://github.com/FrancisNgigi05/react-hooks-react-router-routes-lab
Residential Mortgage Service | Commercial Loan Servicing Companies
Published: 2024-06-18 14:04:22

Find the best mortgage and loan servicing companies offering superior customer service, efficient payment handling, and reliable financial management. Get top-rated providers dedicated to streamlining your mortgage and loan servicing experience.

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

)

#MortgageServicingCompanies
#LoanServicingCompanies
#ResidentialMortgageServices
#TopMortgageServicingCompanies
#BestMortgageServicingCompanies
#CommercialLoanServicingCompanies
Need Help While Learning the Web Devlopment
Published: 2024-06-18 13:58:52

Can anyone suggest any video or link through which I can understand 
 1. How is the website built from scratch to End ? 
 2. What are the tools in each stage required during web dev? 
 3. How can I connect the dots of web development to understand it in 
    depth as i learn from myself only? 

I need guidance and if any books tutorial references or any article or youtube video any thing that Can clear my issue...!

So that I can Visualize web development deeply and understand things properly...!

Especially how things work during development ?
Actually a lot of technology are now present during building a website but at which stages of web development (building websites) we require Which technology we don't know how to use them effectively.

 Help!!!
RocketLane - Round 3 (Technical with CTO)
Published: 2024-06-18 13:55:00

Q1. What do you do as a Research Engineer in your company?
Q2. What is a recent bug that you have solved?
Q3. What are you using in the backend?
Q4. Are you using any mechanism  to authenticate your user?
Ans. JWT Token.
Q5. Does server produce this token?
Q6. How does client get this token?
Q7. Will this token be sent every time the client wants to communicate?
Q8. Can we send the token in a cookie?
Q9. What does a cookie look like?
Q10. Why is it ";" separated?
Q11. What is the structure of a cookie?
Q12. Does user send it explicitly (the cookie)?
Ans. No, the browser sends it automatically. And we can also send any additional cookie if the user wants.
Q13. What are Http methods?
Q14. What other data can you send in it?
Ans. Payload, cookies, params.
Q15. Javas=Script Question? 
There is normal table <td>, <tr> and if I click on a particular cell then that cell should be active. How will you achieve it?
Answer Link - https://dev.to/fatimaalam1234/react-interview-html-table-question-36b3

Additional Question -> 
Q16. How JWT is updated?
What is Multicanais?
Tags: sport, footbal
Published: 2024-06-18 13:52:06

Welcome to MulticanaisBr.Pro! If you are a football fan and want to watch football games online for free, you are in the right place. Viewers can watch the Multichannel Game live in HD quality without paying anything. Each Multichannel is 100% free to watch!

[Multicanais](https://multicanaisbr.pro/) fans can now enjoy VIP TV Ao Vivo BBB 24 streaming. All the main sports such as Football, Formula 1, Boxing, Combat and much more can be watched for free.

Many sports channels like Premier Brasil, ESPN Brasil, ESPN Brasil 2, ESPN Brasil 3, ESPN Brasil 4, NBA, Eurosport 1 HD and UFC are possible to stream and many new channels will be available soon! Furthermore, you can watch the games of your favorite teams like Real Madrid, Flamengo, Vasco, etc.

Our mission is to provide football fans with uninterrupted streaming of their dream games and teams. We keep updating match times every day to let users know about upcoming matches. After visiting our multichannel website, you will be able to watch highlights of various matches or games from Football, Basketball, NBA, Fights and much more.