teleren/devto huggingface dataset:
MDB React 7.1.0 Released!
Tags: webdev, news, react, javascript
Published: 2024-01-09 13:00:00

**MDB React Version 7.1.0, released 08.01.2024**

**New component:**
_MDBClientOnly_ - Dedicated for environments using server side rendering, like Next.js. Used to evaluate component's code only on the client side and prevent SSR related errors.

**Features:**
_Select:_
Added new events: onOpened, onClosed
Added animationVariants
Added searchFn to allow custom filtering
Added forwardRef to the input
_Dropdown_ - Added wrapper prop
_Checkbox_ - Added forwardRef to the input
_DateTimepicker_ - Added forwardRef to the input
_Datepicker_ - Added forwardRef to the input
_Timepicker_ - Added forwardRef to the input
_File_ - Added forwardRef to the input

**Improved & fixed:**
_Select:_
Disabled clear button when the disable prop is set
Fixed keyboard accessibility for Select with Search - reseting active option when the filter query changes.
Dropdown - Changed tabindex of all items to 0
_Timepicker:_
Fixed bug causing page scroll when inline timepicker opens
Fixed keyboard accessibility
Fixed active class toggling for am/pm toggler
_Datepicker_ - fixed selectOnClick to close picker after selecting date
_Buttons _- fixed styles for floating buttons with a tag
_Table editor_ - fixed pagination styles to be responsive
_Fixed_ --mdb-link-decoration CSS variable
_Sidenav:_
Removed unexpected height change animation on window resize
Fixed icons styles
_Stepper_ - fixed height calculating in vertical mode

Full Changelog **[here](https://mdbootstrap.com/docs/react/getting-started/changelog/)**
Corrected Code: List Typo
Tags: sql
Published: 2024-01-09 12:59:51


[LeetCode](https://leetcode.com/problems/article-views-i/submissions/?envType=study-plan-v2&envId=top-sql-50)

1st try.

I remembered that I have to use From~ table name.

```
SELECT id
From Views WHERE Column Name 4 AND 7 AS id
```


2nd try with AI.
```
SELECT DISTINCT V.viewer_id AS id
FROM Views V
JOIN Views A ON V.viewer_id = A.author_id AND V.article_id = A.article_id
ORDER BY id;
```
Must study "JOIN ~ ON" and "ORDER BY".
Python Slice with For
Tags: python, beginners
Published: 2024-01-09 12:59:33

#  TASK 1 - To check if given word is like a Mirror
    # e.g. #  [noon],[level],[deed],[civic] [dad] are mirror word, it's the same when read from right to the left.
    
1st tried by myself.
```
def check(str):
    # Get input words using "for" method/sentence one by one.
    x = []
    for str in range(x):
        #Check words the 1st character is the same as 4th character.
        if x[:0] == x[:3]:
            return True
        else:
            False
```
2nd.
Chat GPT

```
def check_mirror(words):
    # [noon], [level], [deed], [civic], [dad] are mirror words; they are the same when read from right to left.

    # Initialize a list to store the results for each word
    results = []

    # Loop through each word in the list
    for word in words:
        # Check if the word is a mirror word
        if word == word[::-1]:  # Use slicing to reverse the word
            results.append(True)
        else:
            results.append(False)

    return results

# Example usage:
word_list = ["noon", "level", "deed", "civic", "dad", "python"]
result_list = check_mirror(word_list)
print(result_list)

    #  while:
    #  [hello], [good], [bye] are not mirror.
    #   Now, try to check if the word is mirror image.   

```

3rd.
Replit.com AI

```
def check(word):
    for x in word:
        # Check the word if the 1st character is the same as the 4th character.
        return x[0] == x[3]

#Test case.
word = ["noon", "mom", "dad", "racecar"]
```

4th

```
def check(words):
  # Initialize a list to store the results for each word
  x = []

  for word in words:
      # Check if the word is a mirror word (1st character is the same as the 4th character)
      x.append(word[0] == word[-1])

  return x

# Example usage:
word_list = ["noon", "mom", "dad", "free"]
result_list = check(word_list)
print(result_list)
```
The Ever-Evolving Landscape of Microsoft Technologies
Published: 2024-01-09 12:58:24

In today's dynamic IT landscape, discussions surrounding Microsoft technologies serve as a vibrant hub for professionals seeking insights, solutions, and collaborative knowledge-sharing. From the intricate nuances of Windows operating systems to the expansive world of Azure cloud services, Microsoft discussions provide a platform for enthusiasts and experts alike. Engaging in conversations on platforms like the TechNet Forums or the diverse communities found on Reddit, such as r/sysadmin, offers an opportunity to delve into troubleshooting, best practices, and emerging trends. Whether it's a discourse on the latest updates in Microsoft 365, coding challenges on Visual Studio, or strategic planning with Azure DevOps, these discussions not only foster a sense of community but also provide valuable perspectives on navigating the ever-evolving Microsoft ecosystem. As professionals share their experiences, challenges, and innovative solutions, the collective knowledge base grows, contributing to the continuous evolution of Microsoft technologies within the IT industry.
What is Liveness Detection and How Does it Work?
Tags: security, api, ai, machinelearning
Published: 2024-01-09 12:57:34

Biometric authentication has increasingly incorporated into our everyday lives - from smartphones unlocked with faces to office doors accessed via facial recognition. And using of biometric authentication will be increasing drastically since businesses want to protect their systems from potential face spoofing and fraud. Speaking about the global biometrics market numbers, it will grow to an astounding $82.8 billion by 2027. But what is liveness detection? How does liveness detection work? Is it effective in preventing fraud? In this article we will answer all these questions.

## What is liveness detection?
[Liveness detection](https://luxand.cloud/liveness-detection-api) is the process of verifying an individual’s liveness - it detects whether a biometric authentication sample is a live human being or a fake representation.The system may ask a user to make a selfie or to prove their liveness by live video. Liveness detection helps to prevent spoofing attempts, for example, if someone trying to access the system with a face mask, photo or a deep fake video, it will not allow the individual to access this system.

What is the difference between facial recognition and liveness detection? Both these technologies are connected and can be used by businesses together but they are not the same.

[Facial recognition](https://luxand.cloud/face-recognition-api) analyzes and compares facial features to identify individuals. The technology compares the facial features in an image to a reference database of known individuals. Liveness detection determines whether a face in an image is real or a spoof but it doesn’t identify who the person is.

Learn more here: [What is Liveness Detection and How Does it Work?](https://luxand.cloud/face-recognition-blog/what-is-liveness-detection-and-how-does-it-work/?utm_source=devto&utm_medium=what-is-liveness-detection-and-how-does-it-work)
Welcome to the myDEAC Digital Cloud Space🚀
Tags: cloud, virtualmachine, development
Published: 2024-01-09 12:49:18

Explore the platform created by our skilled team to simplify your IT service management and ensure rapid operation implementation. It takes just a few clicks to deploy your first virtual machine!

By becoming a member, you will receive the IT resources you require in the shortest time possible, with a simple payment method (Pay As You Go) —no hidden expenses or additional fees.

In addition, you get free access to these benefits:
- Unlimited inbound and outbound traffic with a 1Gbps connection:

- Private firewalls, including Mikrotik, Arista NG, and pfSense, and shared firewall web interface for each VM or templates for multiple;

- Advanced backup solutions, featuring multiple backup policies and one-time backup options;

- Real-time network topology building, latency measurements with a map, an activity journal, and advanced settings for swift VM hostnames and root/admin passwords modifications;

- Monitoring and messaging system that sends alerts via email, Slack, and SMS, including low account balance notifications based on user-defined criteria;

- Expense control, the Stripe payment system with Apple Pay, Google Pay, and Alipay, and advanced payment statistics. Management of multiple company accounts with individual billing;

- Experienced & certified technical support and full administration on demand through integrated ticketing system.

Try now: [www.deac/eu/mydeac](www.deac/eu/mydeac)
How to Export SQL Server Data to HTML
Tags: sql, sqlserver, dbforge, devart
Published: 2024-01-09 12:47:42

Standard practice calls for exporting SQL Server database data to HTML. Due to HTML's status as the de facto web page creation language, this format is well-suited for web-based data display, report formatting, and email sharing. An outstanding solution for streamlining and ensuring the accuracy of this procedure is the dbForge Data Pump program.

Learn more: https://www.devart.com/dbforge/sql/data-pump/export-sql-server-data-to-html.html
ChatGPT is already in German cars
Tags: ai, news, blockchain
Published: 2024-01-09 12:23:14

Renowned automaker Volkswagen has announced the use of a voice assistant based on ChatGPT 4 in its vehicles.

Its presentation took place at the annual CES exhibition in Las Vegas, and the cars themselves are expected to be unveiled by the second quarter of 2024.

It is anticipated that the intelligent assistant will be able to perform not only regular commands related to car control but also more nuanced tasks. For instance, the assistant can adjust the temperature in the cabin simply by hearing a driver's complaint about the cold. Additionally, it will be able to plan a route to a dining establishment upon request, such as "I want fried chicken."[](https://www.youtube.com/watch?v=ToZAVlLqzmo&ab_channel=VolkswagenNews)
Today I learn about CSS Grid
Tags: webdev, beginners, programming, css
Published: 2024-01-09 12:20:18

Today I learn about CSS Grib.

```css
.container {
    display: grid;
}
```
To use the grid, first need to declare `display: grid;` on the parent element.

```css
.container {
  display: grid;
  grid-template-rows: 50px 200px;
  grid-template-columns: 100px 200px;
  // Or shorthand
  grid-template: 50px 200px / 100px 200px;
}
```

![Grid Example 1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hbhurma4le52vr0fu25g.png)

Then we can set the columns and rows for the grid. Example above show that we create a grid with 2 x 2. Where the 
- Grid A is 100px * 50px
- Grid B is 200px * 50px
- Grid C is 100px * 200px
- Grid D is 200px * 200px

```css
.item {
  background-color: blue;
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 2;
  grid-column-end: 3;
  // Or shorthand
  grid-row: 1/3;
  grid-column: 2/3
}
```

![Grid Example 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m5mtf78bynvho1vi2pwi.png)


To place the grid item on the parent's grid, we can use `grid-column-start`, `grid-column-end`, `grid-row-start` and `grid-row-end`. Example here show that we set the item to locate at row number 1 to row number 3 and column number 2 to column number 3.

```css
.container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  // Or shorthand
  gap: 20px
}
```
![Grid Example 3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0demyhkykbfsmjquke1d.png)

If we want to create some gap between the grid then we can use `grid-column-gap` for gap between column only. `grid-row-gap` for gap between row only. Or `gap` for both row and column.

```css
.container {
    display: grid;
    grid-template-columns: 100px 200px 100px;
    grid-template-rows: 50px 200px 50px;
    grid-template-areas: 
      'header header header'
      'content content ....'
      'footer footer footer';
}

.header {
    background-color: blue;
    grid-area: header;
}

.content {
    background-color: yellow;
    grid-area: content;
}

.footer {
  background-color: red;
  grid-area: footer;
}
```

![Grid Example 4](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4vpqe2znw2a6x6p5log9.png)

Another great thing about CSS Grid is the `grid-template-areas` as you can see example above how easy it is the setup the section according to the arrangement we set on the `grid-template-areas` then we only set which area to take for the section without the use of `grid-row` and `grid-column`. The first row is `header header header`, second row is `container container ....` the `....` is use to represent empty space, one `.` only also can be use. Then last row is `footer footer footer`. Easy way to arrange the content. 

Thanks for your time to finish read about my post. Feel free to share your idea and thought! 😸

```js
let life = {
  first: 'eat',
  second: 'sleep',
  third: 'code',
  forth: 'repeat',
};

const {first, second, third, forth} = life

function capital(word) {
  return word[0].toUpperCase() + word.slice(1)
}

console.log(`${capital(first)}, ${capital(second)}, ${capital(third)}, ${capital(forth)}!`);
```
Andrew Tan
What Are the Best Practices for Inventory Management?
Published: 2024-01-09 12:18:29

Effective [inventory management](https://www.invensis.net/services/inventory-management-accounting) is crucial for businesses to maintain optimal stock levels, meet customer demand, and control costs.

**Here are some best practices for inventory management:**

**Regular Audits and Tracking:**
Conduct regular inventory audits to verify stock levels and accuracy in records.
Utilize inventory management software to track inventory in real-time, allowing for better visibility and control.

**ABC Analysis:**
Implement the ABC analysis technique to categorize inventory based on its value and prioritize management efforts. Classify items as A (high-value), B (moderate-value), and C (low-value) to allocate resources accordingly.

**Forecasting and Demand Planning:**
Use historical sales data, market trends, and seasonal variations to forecast demand accurately.
Maintain safety stock levels to accommodate unexpected demand fluctuations or supplier delays.

**Just-in-Time (JIT) Inventory:**
Adopt JIT inventory practices to minimize excess inventory by ordering goods only when needed.
Establish strong relationships with reliable suppliers to ensure timely deliveries.

**Optimize Order Quantities:**
Implement economic order quantity (EOQ) models to determine the optimal order quantity that minimizes holding costs while meeting demand.
Consider batch ordering to take advantage of quantity discounts without overstocking.

**Vendor Management:**
Maintain good relationships with suppliers and negotiate favorable terms for pricing, delivery schedules, and quality standards.
Consider multiple suppliers to reduce dependency and mitigate supply chain risks.

**Utilize Technology:**
Invest in inventory management software to automate inventory tracking, manage reorder points, and facilitate real-time visibility into inventory levels.
Implement barcode or RFID systems for accurate and efficient inventory tracking.

**FIFO and LIFO Methods:**
Use First-In, First-Out (FIFO) or Last-In, First-Out (LIFO) methods to manage inventory costs and reduce the risk of obsolete inventory.

**Regular Review and Adjustment:**
Conduct regular reviews of inventory data, sales patterns, and supplier performance to make adjustments to inventory strategies.
Identify slow-moving or obsolete stock and take action to clear or liquidate it.

**Training and Communication:**
Train staff on proper inventory handling procedures and the use of inventory management systems.
Maintain clear communication channels between departments involved in [inventory management](https://www.invensis.net/services/inventory-management-accounting), such as sales, procurement, and finance.
Implementing these best practices can help businesses optimize inventory levels, minimize carrying costs, improve customer satisfaction, and ultimately enhance overall operational efficiency. Tailoring these practices to suit the specific needs of the business can further maximize their effectiveness.
Replace All String in mail templace
Tags: javascript, programming, tutorial
Published: 2024-01-09 12:09:33

When we create a dynamic mail template,then we need to replace the dynamic value with desired key value pair.
Using the following method we can do that.

```
let mail=`
		<html>
			<body>
				<h1>Welcome, $username!</h1>
				<h1>Welcome, $address!</h1>
				<p>Thank you for signing up. We're glad to have you on board.</p>
			</body>
		</html>
	`
const info={
	username:"Chandra",
	address:"Saket Nagar"
}

for(let rinfo in info){
	console.log(rinfo,info[rinfo])
	mail=mail.replace('$'+rinfo,info[rinfo])
}
```
CSS Nesting Sekarang Bisa Jalan Di Browser
Published: 2024-01-09 12:07:01

Sebelumnya kalau ingin menggunakan CSS nesting kita harus menggunakan sass atau CSS preprocessor lainnya, nah sekarang sudah support CSS nesting secara native di browser kalian bisa menggunakan nya langsung tanpa harus menggunakan sass atau pun CSS preprocessor lainnya.

CSS nesting tidak support di beberapa browser tetapi sudah support di browser versi terbaru  ini beberapa list yang sudah support css nesting 

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


jika browser kalian belum di update di update terlebih dahulu jika ingin menggunakan fitur nesting
### Syntax Yang digunakan

Syntax yang digunakan di CSS nesting ini berbeda dengan sass atau yang lainnya, di CSS kita harus menggunakan & di selector nya, contoh nya seperti di bawah ini

```css
.container {

&h1 {
	color:blue;
	}
}

  

```

contoh nya seperti ini, nah jika langsung gimana? tidak menggunakan "&", itu tidak akan mendefinisikan sebuah nesting, kalian harus menggunakan "&" syntax
contoh salah ketika meggunakan nesting di CSS native

```css
.container {

	h1 {
	color: blue;
	}
}
```

ini salah browser tidak akan mendeteksi bahwa ini nesting. Nah jika kalian ingin menggunakan psude class di dalam container sangat mudah kalian bisa langsung sepeti ini

```css
.container {
  &:hover {
     background-color: tomato;
  }
}
```
simple bukan? nah kalian bisa juga gunakan di tag H1 nya , contoh nya seperti ini

```css
.container {
h1 {
   &:hover {
     color: blue;
   }
 }
}
```

Nah kalaian jangan terlalu dalam menggunakan nesting karena ini bisa membuat keterbacaan kode kurang baik.
Nah jika kalian ingin ngulik lebih dalam kalian bisa langsung ke dokumentasinya 
link : https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting

Jika kalian ingin belajar tentang PRINSIP SOLID kalian bisa cek ebook saya disini https://lynk.id/aditiyadwiramadani/xKa1vEL
My Thoughts on Opkey's Third Annual State of ERP Testing Report
Tags: erp, testing
Published: 2024-01-09 11:54:14

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zz95g5lb370cbtlnba1z.jpg)
I’m pleased to announce the release of Opkey’s third annual State or ERP Report, a groundbreaking exploration of what’s moving the ERP testing space forward into 2024. My team worked hard to crack open what’s shaping ERP testing and pinpoint what testing strategies can help you have the most productive and efficient year yet.

We surveyed 500+ IT and business leaders about their ERP systems and testing practices, conducted research, and gathered insights from years of being on the front lines of test automation.

Let’s take a look at some of this year’s findings.

Overall, the ERP industry and the ERP testing industry both continue to grow robustly. Gartner projects that the global test automation market alone will expand at a CAGR of 19% until hitting $51 billion in 2030. More Cloud migrations and more ERP adoptions across the board mean more and better ERP testing is needed as we head into 2024.

How exactly are ERP testing trends changing? We are seeing buying cycles get longer, with leadership teams demanding proven ROI and more extensive POC before signing off on new purchasing decisions. 73% of respondents agreed that “ease and speed of onboarding are a top priority when evaluating and/or purchasing a new testing tool.” This wasn’t a surprise to me, as I’ve seen in conversations with clients that the pressure is on to prove new services can save time and money without adding unnecessary burden to an org.

Along with longer SaaS buying cycles, our report found that industry-specific ERP testing solutions are rising up to cater to a new wave of industry-specific ERPs. These ERPs include Oracle Health for healthcare, Syspro for food & beverage, and Epicor ERP for distribution. 84% of respondents said that they consider industry compliance requirements when making a new SaaS purchase.

“The mess” continues. Last year, I coined the term “SaaS mess” to refer to the complexity of highly interconnected and hybridized systems. This year, the survey and research confirmed that this is still the case, with even an increase in complexity across tech stacks. 85% of people we talked to are using more SaaS apps than last year, and testing continues to evolve to keep up. Robust end-to-end testing is the solution, something I’ve always personally championed as the most logical response to a messy environment.


But I don’t want to give away the whole report here. Download it to learn more about how AI fits into your daily testing needs and what you can do to ensure your testing protocols move ahead with the times.

I look forward to another year of Opkey leading the way into the brightest future we can make.
Manage multiple PostgreSQL server versions on Ubuntu Linux machine
Tags: postgres, webdev, tutorial, linux
Published: 2024-01-09 11:50:33

It could be useful to [manage multile PosgreSQL database server versions on a Linux Ubuntu machine](https://www.shkodenko.com/managing-multiple-postgresql-versions-on-ubuntu-linux-a-guide-to-using-pg_dump-with-different-server-versions/)
Steering Large Language Models with Pydantic
Tags: python, llm, datascience, machinelearning
Published: 2024-01-09 11:39:19

LLMs will give answers as text well but at the application level it would be great if it is in JSON format. We can get the data in JSON format using Prompt engineering, but it comes with its own set of problems. In this article, Jason Liu covered [here](https://blog.pydantic.dev/blog/2024/01/04/steering-large-language-models-with-pydantic/) using the Pydantic & instructor packages how we can manage things better.
Usando a Devprime AI no desenvolvendo microsserviços
Tags: devprime, ai, software, dotnet
Published: 2024-01-09 11:35:42

Prepare-se para uma revolução no desenvolvimento de software. Hoje apresentamos a [Devprime AI](https://devprime.io) – a plataforma que vai transformar a maneira como desenvolvemos sopftware. Com a Devprime, você pode impulsionar sua produtividade e reduzir os custos de desenvolvimento do backend em até 70%! 💡✨

Testemunhe em primeira mão a inovação que está mudando o jogo no desenvolvimento de software. Este vídeo é apenas um resumo do que está por vir. Venha participar, convide outros entusiastas e junte-se a nós para explorar essa tecnologia revolucionária! 🌐

{% embed https://www.youtube.com/watch?v=2gtAylzpQQo %}
Construindo um Microserviço de Aluguel de Carros com Devprime AI, C#, e Google Cloud
Published: 2024-01-09 11:33:28

🚀 Hoje eu compartilho mais uma jornada emocionante da [Devprime](https://devprime.io) AI! Estamos avançando com a implementação de um microsserviço para gestão de aluguel de veículos. Isso envolve a análise do modelo de negócios, a criação de uma arquitetura de software moderna e a aplicação de componentes e aceleradores inteligentes que automatizam códigos para tarefas comuns dos desenvolvedores.

🔥 Para encerrar essa demonstração incrível, estamos executando um exemplo de deployment na plataforma do Google Cloud.

😲 Impressionante, não é? Participe nos comentários com suas dúvidas e sugestões! Conte conosco na [Devprime](https://devprime.io) para impulsionar a modernização das aplicações nos seus projetos de software. 💻✨

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