teleren/devto huggingface dataset:
New DTDs Version 1.6 for EP Publications and EBD Products
Tags: webdev, javascript, beginners, programming
Published: 2024-05-27 13:38:02

Hey everyone,

I wanted to share an important update regarding the XML DTDs used for EP publications and EBD products. If you are using the DTDs ep-patent-document for EP publications or ep-bulletin for the EBD product, there is a new version available that you should be aware of.

What's New?
The new DTDs version 1.6 have been released and are included in the EP_UP-package-V2 (zip file) available in the EPO download area. This update is significant as it primarily incorporates information related to the Unitary Patent system.

Key Updates:
Unitary Patent Information: The new DTDs include elements and attributes specifically designed for the Unitary Patent. This means that once the Unitary Patent system is launched, XML data containing Unitary Patent information will be present in the EP data products.
Backward Compatibility: The new DTDs are designed to be backward compatible with the existing version, so your current integrations should continue to work seamlessly.
How to Access the New DTDs:
Download: You can download the EP_UP-package-V2 (zip file) from the EPO download area.
Readme File: Make sure to check the readme file included in the package for detailed information on the content and how to use the new DTDs.
Action Required:
Update Your Systems: If you are currently using the older versions of these DTDs, plan to update your systems to incorporate the new version 1.6.
Test the Changes: It is crucial to test these changes in a development environment to ensure that everything works correctly before rolling them out to production.
For more information and to download the package, please visit the EPO download area. [Libgen is](https://libgenis.net/library-genesis/)

If you have any questions or run into any issues while updating, feel free to ask in the comments below. Let's work together to ensure a smooth transition to the new DTDs!

Happy coding!
PRESTIGE WHITE MEADOWS IN WHITEFIELD
Tags: theresidentially, prestigewhitemeadows
Published: 2024-05-27 13:31:59

This is the best way to upgrade your living experience to the prestigious [Prestige White Meadows](https://theresidentially.com/prestige-white-meadows-whitefield-bangalore/) Sky Villas and Bungalows. Subscribe to the newsletter to get great offers and promotions on our properties. Get ready to experience the colourful world of Whitefield, Bangalore that gears up for Prestige White Meadows. Here, cultural differences add a particular kind of a delicate touch and a feeling of unlimited liberty is above average. In addition, Discover a world that is integrated with the city syndrome and at the same time presents the image of peacefulness.

It can be rightly mentioned that living in [Prestige White Meadows](https://theresidentially.com/) would be the epitome of luxury. As a result, We strategically developed superior homes that perfectly combine efficient accessibility to the city whilst embracing the natural environment. Looking for large and modern villas for sale in Bangalore specifically, Whitefiled?Look no further. Employment, education and entertainment opportunities can be easily reached by the Purple Line as well as the upcoming Blue Line Metro stations within walking distance. A fifteen-minute drive takes you to the nearby Info-Tech parks such as the ITPL and ECC Road as well as to many business centers. Basic necessities needed for a comfortable living, such as schools, hospitals, shopping centers and other facilities are within the our reach.
Mixer Singapore
Published: 2024-05-27 13:30:26

Planning for a kitchen remodel and redesign to amp up the beauty of your home? If yes, you might want to check out the [Mixer Singapore](https://bathroomwarehouse.com.sg/basin_mixer/) collections online and various other products that deserve to be in your kitchen today! Make your kitchen elegant and modern with all the best and innovative products and fittings today.
Automatic Pouch Packing Machine
Tags: packaging, bakery
Published: 2024-05-27 13:15:39

This machine is designed to pack turmeric and chilli powder efficiently and correctly. Turmeric and chilli are known for their bright colour, distinctive flavour, and multiple health benefits, chilli is a famous Indian spice used in cooking dishes, herbs, and beauty products. Manual packaging of chilli powder can be time-consuming and labour costs.

The [automatic Pouch Packing Machine in India](https://creatureindustry.com/product/automatic-pouch-packing-machine-in-india/) automates the packaging process to confirm the correct filling, sealing and labelling of chilli and turmeric powder in pouch or packet packaging.

**Features: Automatic Pouch Packing Machine in India**

**Weighing Mechanism:** The machine comes with a weighing system that measures the preferred amount of chilli powder for each pouch with precision and accuracy. Weigh scales or detectors detect the weight of the powder, ensuring consistency across pouches.

Filling Mechanism: This machine depending on the specific design and setup, the machine can use different filling tools such as Bama fill, Volume filler, Piston filler, etc to deliver the chilli powder to the packaging pouches.

**Packaging Formats:** Chilli packing machines are very adjustable and can be adjusted into a variety of packaging formats including sachets and pouches. Fast changeover abilities allow this machine to make seamless changes to additional packaging formats to meet various market demands. 

**Control System:** Most automatic pouch packing machines in India already have the best managing method established in them, which automatically watches the sealing, labelling and fitting of the packaging and ensures that it works correctly.

**
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kaitjdpsgxkeop03r5h7.png)** [Automatic packing machine in India](https://creatureindustry.com/product/automatic-packing-machine-in-india/)

**Conclusion**

An automatic pouch packing machine in India is the best option for enterprises that want to start their brand of masala, chips, and namkeen packaging. With this machine you can pack any kind of interest like ground masala, standing masala, chips, dry fruits, namkeen and many more effects. This whole machine is made of stainless steel, which every business has to follow as per the food guidelines of Fassai.

Read more: [Automatic pouch packing machine in India](https://creatureindustry.com/product/automatic-pouch-packing-machine-in-india/) at Creatureindustry.com
Stay Cool and Protected: The Importance of a Sun Shade in the Car
Tags: cars, windshield
Published: 2024-05-27 13:10:57

When the summer sun is blazing, stepping into a sweltering car can be downright unbearable. That’s where a sun shade comes to the rescue, offering a simple yet effective solution to keep your vehicle cool and comfortable. Here’s why every car owner should invest in a sun shade:

1. **Temperature Control**
A sun shade significantly reduces the interior temperature of your car by blocking out the sun’s intense rays. This means no more burning hot seats or steering wheels, making your driving experience much more pleasant, especially on those scorching summer days.

2. **Protects Your Interior**
Direct sunlight can cause extensive damage to your car’s interior. Over time, UV rays can fade upholstery, crack dashboards, and warp other interior surfaces. A sun shade acts as a protective barrier, shielding your car’s interior from harmful UV radiation and helping to preserve its appearance and value.

3. **Enhances Comfort**
Using a sun shade keeps the car’s interior cooler, reducing the need to blast the air conditioner when you start driving. This not only enhances comfort but also saves fuel, as your air conditioning system won’t have to work as hard to cool down the car.

4. **Easy to Use and Store**
Modern sun shades are designed for convenience. They are lightweight, foldable, and easy to store when not in use. Whether you opt for a foldable sun shade or a retractable one, they are quick to install and remove, making them a hassle-free addition to your car accessories.

In **conclusion**, a [sun shade in the car](https://econour.com/collections/windshield-sunshade) is a small investment that offers significant benefits. It keeps your car cool, protects your interior, and enhances your overall driving experience. Don’t let the sun ruin your ride – get a sun shade today and enjoy the comfort and protection it provides!

[windshield sun shade
](https://econour.com/collections/windshield-sunshade)
[car sun shade
](https://econour.com/collections/windshield-sunshade)
[sun shade for car](https://econour.com/collections/windshield-sunshade)
🚀 Introduction to React.js: Building Dynamic User Interfaces 🚀
Published: 2024-05-27 13:07:09


Hey everyone! Today, I want to talk about React.js, an amazing JavaScript library that's transforming the way we create user interfaces.



 🌟 Why React.js?

React.js makes it incredibly easy to build dynamic and interactive UIs. By breaking down complex interfaces into smaller, reusable components, React helps you manage your app's state more efficiently.



 💡 Key Features are :



- Component-Based Architecture:** Build encapsulated components that manage their own state, then compose them to make complex UIs.



- Virtual DOM:  React's virtual DOM ensures your app updates and renders efficiently.



- Declarative Syntax:  Simplifies coding, making your applications more predictable and easier to debug.



- Unidirectional Data Flow: Keeps your code clean and manageable.



 👨‍💻 Getting Started:

1. Install Node.js and npm.

2. Create a new React project with `create-react-app`.

3. Start building and managing components to craft dynamic user interfaces.



React.js is perfect for both beginners and seasoned developers looking to enhance their web development skills. Let’s get started with React and build something amazing together! 💻✨

#CodeWith #KOToka
#KEEPCOding
Pcr Euro 2025 Paris France |exhibition booth| Expostandzone
Published: 2024-05-27 13:06:56

https://www.expostandzone.com/trade-shows/euro-pcr

Europcr online is World-Leading Course in interventional cardiovascular medicine. It is going to be held from 20-23 May 2025 in Le Palais des Congrès de Paris, Paris, France.
Vue Accessibility Blueprint: 8 Steps
Tags: a11y, vue
Published: 2024-05-27 13:06:43


Writing accessible components in Vue is crucial as more developers recognise the importance of making websites usable for everyone, including those with disabilities. Here are eight straightforward steps to help you build better, more accessible Vue components.

## Introduction
Many developers find it challenging to create accessible Vue components, which is becoming increasingly important in web development. To assist you, here are eight steps to improve accessibility in your Vue projects.

## The Eight Steps

### 1. Learn the Basics
Understand the essentials of HTML and how it can enhance accessibility. Knowing how to structure your site can make a big difference for users with disabilities. [Learn more about Vue.js and accessibility](https://vuejs.org/guide/best-practices/accessibility).

### 2. Use a Helpful Tool for Checking Code
Adopt eslint-plugin-vue-a11y when coding. This tool helps you identify and resolve accessibility issues, ensuring your website is accessible to more users. [See how eslint-plugin-vue-a11y works](https://github.com/vue-a11y/eslint-plugin-vuejs-accessibility).

### 3. Test with Vue Testing Library
Confirm that your components function correctly for all users by testing them with the Vue Testing Library. This approach emphasizes accessibility and user-friendly design. [Explore the Vue Testing Library](https://testing-library.com/docs/vue-testing-library/intro/).

### 4. Try Using a Screen Reader
Regularly use a screen reader to experience how your site is navigated audibly. This insight is invaluable for understanding the challenges faced by visually impaired users.

### 5. Check Your Site with Lighthouse
Use Lighthouse to audit your website's accessibility. This tool provides feedback on how well your site performs across various metrics, including accessibility. [Get started with Lighthouse](https://developers.google.com/web/tools/lighthouse).

### 6. Work with an Expert
If possible, collaborate with accessibility experts. Their specialized knowledge can provide deeper insights and practical tips beyond what automated tools can offer.

### 7. Make Accessibility Part of Your Plans
Integrate accessibility into your project from the beginning. Define accessibility goals clearly in your project tickets to ensure they are prioritized throughout development.

### 8. Automate Tests with Cypress
Automate your accessibility testing with Cypress. This helps you save time and detect issues early in the development process. [Learn how to integrate Cypress for accessibility testing](https://github.com/component-driven/cypress-axe).

By following these steps, you can make your Vue components more accessible, enhancing the user experience for everyone and extending your website's reach.
O que é strict mode no JavaScript?
Tags: javascript, webdev, beginners, braziliandevs
Published: 2024-05-27 12:59:23

E aí, gente bonita, beleza? Retomando os estudos em JS, hoje vou falar um pouco para vocês sobre o strict mode. Então pega um cafezinho e vem comigo.

## Problemas da linguagem
Caso você seja novo na linguagem e não saiba, o JavaScript é uma linguagem muito poderosa e com ela você pode fazer muita coisa, mas quando eu digo muita coisa, é MUITA COISA mesmo. Coisas que não deveriam ser feitas. Costumo dizer que essa liberdade do JS é uma das melhores e piores coisas da linguagem.

Agora você me pergunta: **que coisas são essas?**

E aqui estou para te dizer alguns problemas da linguagem:

* Pode atribuir valores a variáveis não declaradas.
* Você pode usar o operador delete em variáveis e funções.
* Nomes de parâmetros duplicados são permitidos fora do _strict mode_.

Caso queira ver mais alguns problemas da linguagem, recomendo a leitura do repositório [What the f*ck JavaScript?](https://github.com/denysdovhan/wtfjs). Conhecer os problemas da linguagem é tão importante quanto os seus pontos fortes.

![WTF](https://media.giphy.com/media/xL7PDV9frcudO/giphy.gif?cid=790b7611k7s9i3tf49y5p4isva7zkuflf4d1y4mj5r842sp6&ep=v1_gifs_search&rid=giphy.gif&ct=g)

## Como eu resolvo isso?

Ok, realmente temos alguns problemas na linguagem, mas para evitar todos logo de cara você não precisa ler todo o repositório do [What the f*ck JavaScript?](https://github.com/denysdovhan/wtfjs) de uma vez só. Você pode usar o famoso 'use strict'; no topo dos seus arquivos. Assim, você vai ativar o modo estrito para todo o arquivo e todos esses problemas da linguagem vão aparecer como erros no seu console e você vai poder resolvê-los antes de enviar para o ar!

É importante lembrar que muitas bibliotecas já usam o strict mode por debaixo dos panos, assim como compiladores como Babel e TypeScript. Então você deve se preocupar mais com o uso do strict mode quando for trabalhar com JS puro.

![YES](https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExaW00NnB0YjNwNTBiMzE5ZGI0Z3JvbWRxaDkyNGJ5dGtlZDdydGt1eCZlcD12MV9naWZzX3NlYXJjaCZjdD1n/hXDrTueJWAscK3xWQ2/giphy.gif)

## Conclusão
Dito tudo isso, hoje vimos que o nosso amado JS não é só feito de coisas boas, apesar de ainda serem muitas rsrs. Recomendo fortemente a leitura do repositório [What the f*ck JavaScript?](https://github.com/denysdovhan/wtfjs) e, caso queira saber o que mais o modo estrito do JavaScript resolve, eu deixei alguns links de referências.

## Referências

[W3S Schools](https://www.w3schools.com/js/js_strict.asp)

-------

Espero que tenha sido claro e tenha ajudado a entender um pouco mais sobre o assunto, fique a vontade para dúvidas e sugestões abaixo!

Se chegou até aqui, me segue la nas [redes vizinhas]
(https://cristiansilva.dev/).

<img src="https://media.giphy.com/media/xULW8v7LtZrgcaGvC0/giphy.gif" alt="thank you dog" />
A Guide to Case-Insensitive String Comparison
Tags: javascript, beginners, webdev, programming
Published: 2024-05-27 12:55:01

There are times that we want to compare strings case-insensitive. We want to perform data validation, searching and filtering, consistency, etc. You can do this multiple ways in JavaScript but do you wonder what's their differences with each other?

In this article, we'll look into multiple ways how to do Case-Insensitive string comparisons in JavaScript.

## RegExp
Regular expressions offer a language-agnostic approach to string comparisons, making it easy to migrate these comparisons to other languages. However, using regular expressions for comparisons can come with a performance cost, particularly when dealing with large and complex strings. This is because regular expressions can be computationally intensive, especially when matching patterns in long strings. As a result, it's essential to weigh the benefits of using regular expressions against the potential performance implications when deciding whether to use this approach for string comparisons.

```
const str1 = "Hello World";
const str2 = "hello world";

const regex = new RegExp(str1, 'i'); // create a regex pattern with case-insensitive flag

console.log(regex.test(str2))
```

## Convert strings to Upper or Lower case
While converting strings to a single case can be a convenient solution for case-insensitive comparisons, it's not without its drawbacks. Converting strings can add unnecessary computational overhead, especially for large and complex strings.

```
const str1 = "Hello World";
const str2 = "hello world";

const areEqual = str1.toUpperCase() === str2.toUpperCase();
const areEqual2 = str1.toLowerCase() === str2.toLowerCase();

console.log(areEqual)
console.log(areEqual2)
```

## localeCompare()
The localeCompare() function is a powerful and efficient method for comparing strings in JavaScript. As the recommended function for performing case-insensitive comparisons, it offers a faster and more reliable alternative to using regular expressions and case-conversion checks. As a built-in method in JavaScript, it can be easily integrated into a variety of environments.

```
const str1 = "Hello World";
const str2 = "hello world";

console.log(str1.localCompare(str2, 'en-US', { sensitivity: 'base' }))
```

# Conclusion
Each option has its unique advantages and disadvantages. Ultimately, the best choice depends on the user's specific needs and priorities, requiring a careful evaluation of the trade-offs between each option.
Day 4 of my progress as a vue dev
Tags: vue, typescript, tailwindcss, webdev
Published: 2024-05-27 12:54:22

**About today**
So, I implemented the countdown timer on my quiz app using setInterval and made it reusable for each attempt. Also restricted user to attempt the quiz based on the attempt limit set during quiz creation. Learned a few new Tricks such as setting data when the page is unmounted and to generate and modify the key on the runtime.

**What's next?**
I now have to finally add the feature for user to review the quiz after attempting and see the correct answers and answers they selected and this app will be completed and ready to be pushed on my github.

**Improvements required**
I still have to apply tight typescript on the app and will try to refactor the code to make it more simple by turning large files into smaller reusable components. I also have to learn Laravel concepts and move this app from localstorage to Laravel backed. 

Wish me luck!
VTable usage issue: How to make the table automatically calculate column width based only on the table header
Published: 2024-05-27 12:35:44

### Question title

How to make the table automatically calculate column width based only on the content width of the table header  

  

### Problem description

In automatic width mode, you want the width of a column to be determined only by the content width of the header cell and not affected by the content cell.  

  

### Solution

VTable provides `columnWidthComputeMode`configuration for specifying the bounded areas that are involved in content width calculations:  

- 'Only-header ': Only the header content is calculated.  

- 'Only-body ': Only calculate the content of the body cell.  

- 'Normal ': Calculate normally, that is, calculate the contents of the header and body cells.  

  

### Code example


```javascript
const options = {
    //......
    columnWidthComputeMode: 'only-header'
};
```

  

### Results show


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



Full sample code (you can try pasting it into the [editor ](https%3A%2F%2Fwww.visactor.io%2Fvtable%2Fdemo%2Ftable-type%2Flist-table-tree)):  


```typescript
let  tableInstance;
  fetch('https://lf9-dp-fe-cms-tos.byteorg.com/obj/bit-cloud/VTable/North_American_Superstore_data.json')
    .then((res) => res.json())
    .then((data) => {

const columns =[
    {
        "field": "Order ID",
        "title": "Order ID",
        "width": "auto"
    },
    {
        "field": "Customer ID",
        "title": "Customer ID",
        "width": "auto"
    },
    {
        "field": "Product Name",
        "title": "Product Name",
        "width": "auto"
    }
];

const option = {
  records:data,
  columns,
  widthMode:'standard',
  columnWidthComputeMode: 'only-header'
};
tableInstance = new VTable.ListTable(document.getElementById(CONTAINER_ID),option);
window['tableInstance'] = tableInstance;
    })
```

### Related Documents

Related api: https://www.visactor.io/vtable/option/ListTable#columnWidthComputeMode  

github：https://github.com/VisActor/VTable