teleren/devto huggingface dataset:
WordPress 6.6: What’s new for developers? news in july 10th
Published: 2024-07-13 21:20:19

What’s new for developers? (July 2024) By Justin Tadlock
https://developer.wordpress.org/news/2024/07/10/whats-new-for-developers-july-2024/


What’s new for developers? (July 2024) By Justin Tadlock
July 10, 2024


covering: Blocks, Plugins, Themes

WordPress 6.6 is just days away, and it’s always an exciting time for developers when a new major release ships. There are lots of new features to tinker with and handy updates to make extending and using WordPress just a little nicer.

Officially, version 6.6 is expected to ship on July 16, 2024 (read the development cycle timeline for more information). 

If you haven’t already done so, now is a great time to test your plugins and themes against the latest changes. WordPress 6.6 RC 3 is the most up-to-date version to check out.

Also, be sure to read the Field Guide, which covers all the major changes you should know about. It has links to all the Developer Notes and a breakdown of what happened during the development cycle.

As usual, this post will contain a list of development-related changes in the past month. Be sure to test them while using WordPress and Gutenberg trunk. Some of the features and changes listed below, unless otherwise noted, are under development and won’t be released until WordPress 6.7.


 mehr Infos, Hintergründe

WordPress 6.6 with Anne McCarthy 
https://youtu.be/MRUAzefDhjI

Plugins and tools - WordPress 6.6 developer notes

There are several dev notes for WordPress 6.6 that cover new features, updated APIs, and progress on experimental features:
Custom post type actions with Data Views

A new API in Gutenberg 18.6 lets you register and unregister post type actions when building custom Data Views. Currently, these actions appear in two places in the UI:

    Site Editor views
    Sidebar in the Post or Site Editor

The API is currently a part of the Editor package but will likely be moved to a dedicated package in the future.

JSON Schema for .wp-env.json

.wp-env.json files now have JSON Schema support, which you can define via the standard $schema property. This should make it easier to validate your JSON code in your preferred code editor.
Block Bindings API bug fixes

Several important bug fixes landed for the Block Bindings API:

    Reverted a change that caused values beginning with a number to break.
    Applied a fix for the Site Editor breaking when selecting bound and unbound blocks.
    Corrected an issue where Button blocks with empty content would not work within bindings.


Themes
WordPress 6.6 developer notes
That latest WordPress release will include many theme-heavy features and enhancements. Be sure to read through the dev notes to catch up before 6.6 goes live:


WordPress 6.6 is changing the game for Custom Fields 
https://www.youtube.com/watch?v=YNtHywyxWdc
WordPress is bringing Custom Fields to blocks. The Block Bindings API is going to change the way we code for postmeta, and WordPress 6.6 is our first glimpse.
Foodz
Tags: devchallenge, wixstudiochallenge, webdev, javascript
Published: 2024-07-13 21:00:00

*This is a submission for the [Wix Studio Challenge ](https://dev.to/challenges/wix).*


## What I Built
<!-- Share an overview about your project. -->

Are you hungry? Up to try something new? Luxembourgish and Danish dishes have your back...I mean stomach! Now, a round of applause for Foodz!

## Demo
<!-- Share a link to your Wix Studio app and include some screenshots here. -->

Inside Foodz: https://gowonder1.wixstudio.io/foodz

Fine, I'll be a spoiler.

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


![delivery](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/58th7mm61b5tgixxkt3e.png)


## Development Journey
<!-- Tell us how you leveraged Wix Studio’s JavaScript development capabilities-->


I used the onClick Javascript function to redirect to Online Order page (seen as "Delivery"). :

```
import wixLocation from 'wix-location'; 
import wixWindow from 'wix-window';



$w.onReady(function () {
    $w("#box4").onClick(() => {
        wixLocation.to("/online-ordering"); 
    });
}); 
```
The almost same effect can be achieved by creating a link without using any code. This is how I implemented the redirect to Surprise box page. I mentioned almost, because if one does not use the JavaScript code above, the text (i.e Surprise box) is not clickable. Only the box itself is linked to the redirect page.

<!-- Which APIs and Libraries did you utilize? -->

Wix eCommerce API and Wix Stores are at the center of the website. Wix Restaurant Orders and Wix Stores are the applications used from App Market.

<!-- Team Submissions: Please pick one member to publish the submission and credit teammates by listing their DEV usernames directly in the body of the post. -->


<!-- Don't forget to add a cover image (if you want). -->


I invite you to have a taste from these delicious cuisines. 🍽️
What is DTO? Why use?
Tags: webdev, java, solidprinciples, dto
Published: 2024-07-13 21:02:48

Hello everyone, I'm Jean and I'm here to bring you an article about DTO. This is just theory, and there will be no practical code. I hope you enjoy it!

## Introduction

DTO, or "Data Transfer Object," as the name suggests, is an object used to send and receive data. It is typically used in the backend of more structured applications.

## But why use DTO?

DTO is a way to simplify and separate, providing several benefits such as:

1. **Encapsulation**: Based on clean architecture and SOLID principles, it is a way to group/limit data for better organization and separation from business logic and other layers.
2. **Coupling reduction**: By reducing coupling, there is better control over code maintenance and scalability, in addition to enabling testing and other types of manipulation.
3. **Security and control**: By better separating and controlling data, it is possible to implement validators, security and validation systems, and reduce leaks of sensitive information.
4. **Performance**: Although in some cases there is no direct improvement, the use of DTOs allows for better control and reduction of unnecessary data, resulting in smaller network packets and potentially improving performance.
5. **Ease of testing**: By isolating parts of the system, it is possible to simulate scenarios (mock), carry out isolated tests, and have better visibility of the data flow.

## How to use it?

There are several ways of implementation, and here are some examples in different languages:

1. **JavaScript**: [DTOs in JavaScript](https://dev.to/tareksalem/dtos-in-javascript-118p)
2. **TypeScript**: [Simplifying DTO Management in Express.js with Class Transformer](https://dev.to/mdmostafizurrahaman/simplifying-dto-management-in-expressjs-with-class-transformer-56mh)
3. **Rust** (Reddit): [Are DTOs and Entities the Right Way?](https://www.reddit.com/r/rust/comments/174o3ph/are_dtos_and_entities_the_right_way/)

## When to use DTO?

I listed some contexts to explain why to use DTO:

- **Web service applications**: Better control of the data flow to receive and return information, establishing a clear contract between client and server.
- **Distributed systems**: In microservices and API architectures, it is beneficial to control and gain better insight into the system, as well as reducing latency due to decreased network traffic.

## Conclusion

DTO is an excellent way to organize, separate, optimize, test, and perform several other tasks within an application. The concept is similar to GRPC, which also uses a well-defined structure. Anyway, I hope you liked it.
How to add new Node version to Laragon
Tags: programming, javascript, softwareengineering, webdev
Published: 2024-07-13 21:31:32

> It is very easy and straight-forward to add new node version into your Laragon.
In this blog, I’m currently having Node 16.13.1 installed & we will be installing latest Node 20 version, let’s do it together.

Steps to add new or any Node version are following:

1. Lets download the [node binary](https://nodejs.org/en/download/) you want to install from Node’s official website. ([Direct download link for latest version 20](https://nodejs.org/dist/v20.11.1/node-v20.11.1-win-x64.zip))
2. For older versions, you can find your specific version [here](https://nodejs.org/en/about/previous-releases).
3. Extract the downloaded file.
4. Move the extracted folder into `C:\laragon\bin\nodejs`. You folder structure should look like below:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ofl3ypr3lc5dsfvpoyu6.png)
5. Now you can right click on Laragon app icon from task bar, then you can choose your new Node version.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/n45nnkucqokrnkbpy30v.png)

6. After choosing newer version, open Laragon app by doing single click on Laragon icon from taskbar.

7. Now click on Stop, then click on Start All to initate Laragon with our new NodeJs version.

8. Now to verify, open Terminal or Cmder from Laragon app & enter the below command

```
node -v
```

Here you will see your new node version like below:
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r9ro0c66nrgruvh1rw3c.png)

I hope this process is very simple and straight forward for everyone, if anyone is having any problem, you can comment on this post and I will help you upgrade your Node version.

For more tech or development related blog posts, follow me.

Thanks for reading this post.

Hardev Singh
Fullstack Developer
From Zero to K8s Hero: 5 Must-Have Tools for Kubernetes
Tags: kubernetes, devops, beginners, computerscience
Published: 2024-07-13 21:34:17


I have just finished publishing my latest article, "From Zero to K8s Hero: 5 Must-Have Tools for Kubernetes"

Topics:
• 👓 1. Browse your Kubernetes cluster: K9s.
• 🤖 2. Automate everything: Kubectl
• 📦 3. Package manager: Krew
• 🪵 4. Aggregate logs from multiple Kubernetes resources: Stern
• 🐚 5. Look under the hood: node-shell


Read the full article for detailed insights at https://cloudnativeengineer.substack.com/p/5-must-have-tools-for-kubernetes

--
Are you ready to take your skills to new heights? 🚀

🚢 Let's embark on this journey together!

👣 Follow me on LinkedIn and Twitter/X for valuable content on AI, Kubernetes, System Design, Elasticsearch, and more.

📬 Be part of an exclusive circle by subscribing to my newsletter on Substack.

🎓 If you are looking for personalized guidance, I am here to support you. Book a mentoring session with me at [https://mentors.to/gsantoro](https://mentors.to/gsantoro) on MentorCruise, and let's work together to unlock your full potential.

♻️ Remember, sharing is caring! If this content has helped you, please re-share it with others so they can benefit from it.

🤩 Let's inspire and empower each other to reach new heights!
Day 1: Defining Variables in JavaScript
Published: 2024-07-13 22:01:51



> 
I’ve started Hitesh Sir’s JavaScript 30 days challenge, and today’s task was all about defining variables and understanding their types. If you haven't joined yet, you can check it out [here](https://courses.chaicode.com/learn/batch/30-days-of-Javascript-challenge). Hurry, it's free until July 14th!

> 

## Declaring Variables
In JavaScript, you can declare variables using three keywords: let, var, and const. Here’s a quick overview:

let: Allows you to declare a variable that can be changed later.
var: Similar to let, but has some differences in scope handling.
const: Used to declare variables that should not be changed.
Example:
```
let myVariable = 'Hello';
var myOldVariable = 'World';
const myConstant = 42;
```
When you use let or var, you can change the value of the variable. However, if you declare a variable with const, attempting to change its value will result in an error.

## Variable Types
You can assign various types of values to variables:
**Number**: For numerical values.
**String**: For text values.
**Boolean**: For true/false values.
**undefined**: For variables that are declared but not yet assigned a value.
**null**: For variables explicitly set to have no value.
These are called primitive values.

**Syntax**
The syntax for declaring a variable is straightforward:

`let/const/var variableName = value;`

Think of a variable as a box, and the value as the content inside the box.

##Key Points
**typeof**: This is an operator, not a function. It’s used to check the type of a variable.

```
console.log(typeof myVariable); // Output: string
```
**console.table**: Handy for displaying arrays and objects in a tabular format.

```
const fruits = ['Apple', 'Banana', 'Cherry'];
console.table(fruits);

const user = {
  name: 'John',
  age: 25,
  city: 'New York'
};
console.table(user);

```

## Research Findings on Variable Declarations
**I found an excellent resource on variable declarations at  [javascriptInfo]( https://JavaScript.info ). Here’s a summary of what I learned:**

- **Difference between var and let:** They are almost the same, but their scope handling is different. let is block-scoped while var is function-scoped.

- **Naming constants:** Use uppercase letters for constant variable names if their values are already known. Otherwise, use camelCase.

- **Redeclaration:**  You cannot declare the same variable again using let or var, but you can change its value multiple times (except for const variables).
- **Naming conventions:** Variable names should preferably be in camelCase (though it's not strictly required).

- **Declaring multiple variables:** It's better to declare multiple variables on separate lines for readability.

```
let user = 'John';
let age = 25;
let message = 'Hello';
```
Instead of:

```
let user = 'John', age = 25, message = 'Hello';

```

- **Meaningful names:** Always give meaningful names to your variables.
For more detailed information, you can follow [this](https://JavaScript.info/variables)blog article.

Feel free to tweak this further as per your style. Happy coding!
The Quantification of Perception
Tags: datascience, learn, humansoftware, mixedreality
Published: 2024-07-13 22:19:36

The faculties of perception have historically been classified as five senses. I'll content this is a limitation of the more full scope of perception, nevertheless, five senses are more than enough to begin an exercise of quantifying perception.

A Generative Engine produces quanta of Perception. For each of the given perceptions, there is a generative engine.

**Generative Engines**
Sound Generative Engine
Taste Generative Engine
Sight Generative Engine
Touch Generative Engine
Smell Generative Engine

At Runtime, the generative engines run simultaneously, and are often referred to collectively as "generative engine."

**The Context Of Runtime**
Generative Engine
Screen
B*** Box
B*** Bag

**Quanta Of Perception**

A Quanta is a collection of significant figures which describe a pixel of a rendered Scene. One attribute on a quantum is reference to its generative engine. `sense: sound|smell|touch|taste|sight`

For quantification purposes, it will be said that a perceptual quanta can have one of four states. The use of four quantum positions is a contentiously arbitrary constraint for the explicit purpose of determining the attributes of a quantification system. `state: M|E|W|3`

The system of perception will be said to occur with reference to a Time Series of Scenes. As such each quantum can specify the time address at which it should be rendered. The specification here is scene as there are many scenes at a given time, yet only one time per scene. Therefore, specifying **scene** qualifies as a time address. `scene: 1234`

Sense-specific references are expected, and the data model of a perceptual quantum can be extended. `sensual: []`

**Snapshot**

Given the model above, an instantaneous snapshot of perception as produced by Generative Engine and prior to Screen representation could be as given here:

```
sense: sound
state: M
scene: 1
sensual: []

sense: smell
state: M
scene: 1
sensual: []

sense: touch
state: M
scene: 1
sensual: []

sense: taste
state: M
scene: 1
sensual: []

sense: sight
state: M
scene: 1
sensual: []

sense: sound
state: E
scene: 1234
sensual: [x:0,y:0,z:0]

sense: sound
state: W
scene: 1234
sensual: [x:1,y:1,z:1]
```

While a readable representation is shown here, the data is flatmapped for transport at Runtime.
Guía Completa del CMD de Windows: Desde Conceptos Básicos hasta Comandos Avanzados
Published: 2024-07-13 22:35:49

La consola **CMD**, también conocida como **símbolo del sistema** es la ventana interprete de Windows que permite enviar cualquier tipo de orden al sistema operativo.

La inicia la aplicación de 16 bits `cmd.exe` que se encuentra la ruta `C:\Windows\System32` la cual traduce e interpreta los comandos transmitidos al sistema operativo.

**¿Cómo abrir el símbolo del sistema en Windows?**

Presiona la tecla `[Win]` + `[R]`, después de que se abra la ventana de ejecutar escribe `cmd` y presiona `[Enter]` o en Aceptar.

**¿Cómo abrir el símbolo del sistema como administrador?**
Presiona la tecla `[Win]` + `[R]`, en la ventana de ejecutar escribe `cmd`, después mantén pulsadas las teclas `[Conrol]` + `[Shift]` y presiona `[Enter]` o en Aceptar, tendrás que aceptar la ventana de confirmación para abrir el símbolo del sistema como administrador.

Te invito a explorar los siguientes artículos, donde explico desde los comandos más básicos hasta los más avanzados del `CMD` de Windows. En estos artículos, encontrarás una guía completa que te permitirá mejorar tu productividad y solucionar problemas comunes de manera eficiente.

- [Comandos Básicos](https://dev.to/miltondiazco/comandos-basicos-1h6h)
- [Comandos para Manipular Archivos y Directorios](https://dev.to/miltondiazco/cmd-comandos-para-manipular-archivos-y-directorios-5g0)
- [Comandos de Fecha](https://dev.to/miltondiazco/comandos-de-fecha-306e)
- [Comandos de Red](https://dev.to/miltondiazco/comandos-de-red-560)
- [Comandos Avanzados](https://dev.to/miltondiazco/comandos-avanzados-3a10)
[Game of Purpose] Day 56
Tags: gamedev
Published: 2024-07-13 22:40:04

Today I made Manny's limbs react to bullet hits.

My goal is make it react naturally, so if it is hit in his right arm also the torse should feel an impact. Right now only the bones below the hit bone react with physics. Don't yet know how to achieve it.


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


{% embed https://youtu.be/1wXWxwy6atk %}
Comandos para Manipular Archivos y Directorios
Tags: cmd, windows
Published: 2024-07-13 22:44:51

## `DIR` ‘DIRECTORY’
Permite listar el contenido de un directorio

```bash
// Opción 1
dir Documentos

// Opción 2
dir C:\Usuarios\NombreDeUsuario\Documentos
```

## `CD` ‘CHANGE DIRECTORY’
Sirve para movernos entre directorios

***Selecciona la carpeta que especificamos***
```bash
// Opción 1
cd Documentos

// Opción 2
cd C:\Usuarios\NombreDeUsuario\Documentos
```

***Nos indica en que directorio estamos***
```bash
cd .
```

***Nos lleva al directorio anterior***
```bash
cd ..
```

***Nos lleva a la unidad `C:\`***
```bash
// Opción 1
cd \

// Opción 2
cd /
```

## `MD` ‘MAKE DIRECTORY’
Crea un directorio

```bash
md Documentos
```

## `MKDIR` ‘MAKE DIRECTORY’
Al igual que el comando anterior este también nos permite crear directorios

```bash
mkdir Documentos
```

## `COPY CON`
Permite crear archivos de texto.

```bash
// Opción 1
copy con Archivo.txt

// Opción 2
copy con C:\Usuarios\NombreDeUsuario\Archivo.txt
```

**Nota:** Una vez ejecutado el comando, escribe el contenido que desees en el archivo. Para finalizar, presiona las teclas `[Control]` + `[Z]` y después `[Enter]`.

## `TYPE`
Permite visualizar el contenido de un archivo de texto.

```bash
type Archivo.txt
```

## `DEL` - `ERASE`
Permiten eliminar archivos.

```bash
// Opción 1: eliminar el archivo especificado
del nombre_del_archivo.extension_del_archivo

// Opción 2: eliminar el archivo especificado
erase nombre_del_archivo.extension_del_archivo

// Opción 3: eliminar los archivos del directorio especificado
del nombre_del_directorio

// Opción 4: eliminar los archivos del directorio especificado
erase nombre_del_directorio
```

## `COPY` (COPIAR)
Permite copiar un archivo.

```bash
// Opción 1: copiar un archivo en la carpeta que nos encontremos
copy archivo_que_se_va_a_copiar.extension nombre_del_nuevo_archivo.extension

// Opción 2: copiar el archivo en una carpeta diferente
copy archivo_que_se_va_a_copiar.extension ruta\nombre_del_nuevo_archivo.extension
```

## `MOVE` (MOVER)
Permite mover un archivo a otro directorio.

```bash
move archivo.extension ruta\nombre_del_archivo.extension
```

## `RMDIR` - `RD` (REMOVE DIRECTORY)
Permiten eliminar directorios vacíos.

```bash
// Opción 1
rmdir nombre_del_directorio

// Opción 2
rd nombre_del_directorio
```
Exploring the AI Revolution with Sista AI Agents
Tags: ai, react, javascript, typescript
Published: 2024-07-13 22:45:32

<h2>AI and the Future of Technology</h2><p>The rapid evolution of AI technology is reshaping industries worldwide, with innovations like Gemini 1.5 Pro expanding data analysis capabilities and Figma introducing new AI tools for streamlined design processes. Sista AI, a leading end-to-end AI integration platform, stands at the forefront of this revolution, empowering businesses with advanced AI solutions.</p><h2>The Role of AI Agents in Modern Business</h2><p>Sista AI's AI agents offer precise responses and intuitive user experiences, enhancing user engagement and operational efficiency. By seamlessly integrating AI assistants into apps, Sista AI transforms interactions and user experience dynamics, illustrating the power of AI in driving business success.</p><h2>Applications of AI Across Industries</h2><p>From Google's advanced AI models to Sista AI's Conversational AI agents, AI is revolutionizing interactions. Sista AI's technology unlocks endless possibilities, from boosting engagement by 65% to reducing support costs by 50%, driving business growth and enhancing user experiences across all industries.</p><h2>Empowering Businesses with Sista AI</h2><p>Sista AI offers a range of innovative features, from conversational AI agents to multi-tasking UI controllers, revolutionizing how businesses interact with technology. With Sista AI's easy software development kit and limitless scalability, businesses can quickly adapt to changing demands and enhance their operations.</p><h2>Experience the Future of AI with Sista AI</h2><p>Join the AI revolution with Sista AI and transform your business with cutting-edge AI solutions. Visit <a href='https://smart.sista.ai/?utm_source=sista_blog&utm_medium=blog_post&utm_campaign=Exploring_the_AI_Revolution_with_Sista_AI_Agents'> Sista AI</a> to experience the power of AI-driven interactions in today's digital landscape.</p><br/><br/><a href="https://smart.sista.ai?utm_source=sista_blog_devto&utm_medium=blog_post&utm_campaign=big_logo" target="_blank"><img src="https://vuic-assets.s3.us-west-1.amazonaws.com/sista-make-auto-gen-blog-assets/sista_ai.png" alt="Sista AI Logo"></a><br/><br/><p>For more information, visit <a href="https://smart.sista.ai?utm_source=sista_blog_devto&utm_medium=blog_post&utm_campaign=For_More_Info_Link" target="_blank">sista.ai</a>.</p>
Comandos de Fecha
Tags: cmd, windows
Published: 2024-07-13 22:48:26

## `DATE` (FECHA)
Este comando nos muestra la fecha actual y nos da la opción de poner una nueva fecha.

```bash
// Opción 1: sin parámetros, muestra la fecha actual y permite poner una nueva fecha
date

// Opción 2: con parámetros (/t), solo muestra la fecha actual
date /t
```
**Nota:** Para poder cambiar la fecha, es necesario acceder al símbolo del sistema como administrador.

## `TIME` (HORA)
Este comando es parecido al anterior, pero solo muestra la hora actual y da la opción de cambiarla.

```bash
// Opción 1: sin parámetros, muestra la hora actual y permite cambiar la hora
time

// Opción 2: con parámetros (/t), solo muestra la hora actual
time /t
```
**Nota:** Para poder cambiar la hora, es necesario acceder al símbolo del sistema como administrador.