teleren/devto huggingface dataset:
Integrate nearly real-time free multi-language translation in the application, based on Chrome AI API
Tags: webdev, chrome, ai
Published: 2024-06-11 07:26:51

Chrome has integrated AI capabilities in the latest version of Chrome Dev (version 127.0.6512.0 and above), provided in the form of experimental flags.

Download the latest Chrome Dev: https://www.google.com/intl/en_us/chrome/dev/

## Chrome Dev Configuration

1. Verify that the Chrome Dev version is higher than 127.0.6512.0
2. In the URL input: `chrome://flags/#optimization-guide-on-device-model`, choose `Enabled BypassPerfRequirement` to allow the model to download smoothly.
3. In the URL input: `chrome://flags/#prompt-api-for-gemini-nano`, select `Enabled`.
4. Wait for the model to finish downloading. You can check whether the download is complete at `chrome://components/`. If it does not start downloading automatically, you can click `Check for update` to force the download, which will need to download about 1GB of content. When you see Version: 2024.65.2205, it means it can be used. Restart Chrome Dev.


![Chrome Dev Configuration](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qel9qnthytbizn0g4u2u.png)

## API Capability Testing

Open the command line with `cmd + option + I`, enter `await window.ai.canCreateTextSession();`, when you see "readily" it means it can be used.


![Check the model loading situation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v88it03gga5sw9sebkz9.png)


### Case 1: Rewriting the tone of the text

We can see that with just two lines of code, we can solve the text expression problem that troubles many people, and it can be done with extremely fast speed and excellent privacy.


![Rewriting the tone of the text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/43s9zob6zj7o0mdm6jhn.png)


### Case Study 2: Text Translation

Complete text translation in a fast and free way, making multi-language display of any application more convenient.


![Text Translation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wzo3szvcnni8li9hvrwq.png)

## Integration within the application

Our app [https://timmerse.com](https://timmerse.com/) is a customizable 3D immersive world, suitable for work and entertainment. Create a space to achieve immersive connections between people. Combining video calls and custom 3D worlds, integrating AI NPC, makes gatherings in work and life more creative and enjoyable.

When playing videos in the OpenDay scene, we can easily translate and display the original English subtitles into bilingual subtitles in real time according to the user's Chrome language preference.


![timmerse.com screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jvul2ctrbdhpxxf8e5kb.png)


Of course, the llm model is not just for translation. With the wide spread of various end-side models and multimodal, it will definitely change the way people interact with devices in various ways, improving the efficiency of life and work.
Vite - Code Splitting Strategy
Tags: vite
Published: 2024-06-11 07:21:06

## The Problem Solved by Code Splitting

Firstly, let's look at the problems with the traditional single chunk packaging mode:

1. Can not import on demand

All the code is bundled into one chunk, which means that the code needed for page initialization and the code for the route components are all bundled together.


2. Can not use network cache

Normally, the name of a chunk is generated based on the hash value of the file content. Therefore, every time the code is modified, the name of the chunk changes, which prevents the browser from using the local cache.

Code splitting is aimed at resolving these issues to enhance page load performance.

## Vite's Default Chunk Splitting Strategy

### Before version 2.9

- One chunk corresponds to one CSS file.
- Logic code will be packaged into one chunk.
- Third-party dependencies are packaged into one chunk.

### After version 2.9

The changed place is that both the third-party packages and the business code are now in one chunk.

If you want to control the code splitting strategy with a finer granularity, you need to use the [manualChunks](https://rollupjs.org/configuration-options/#output-manualchunks) configuration. The config is approximately as follows:

```ts
export default defineConfig({
  build: {
    rollupOptions: {
      output: {
        /**
         * 1. Use in object form
         * Package the lodash module into a chunk, named lodash
         */
         manualChunks: {
           lodash: ['lodash'],
         },

        /**
         * 2. Use in function form
         * Package all third-party packages into one chunk, named vendor
         */
        manualChunks(id, { getModuleInfo, getModuleIds }) {
          if (id.includes('node_modules')) {
            return 'vendor';
          }
        },
      },
    },
  },
});
```
Skin Specialist Pune
Tags: skin, skinspecialsit, skincare
Published: 2024-06-11 07:19:49

Skin and Scalps, founded in 2019 by Dr. Sohana Sharma and her family, is now well-known for providing high-quality services.

Dr. Sohana Sharma is a well-regarded dermatologist and skin expert. Known for being one of the best skin specialist Pune.

Skin and Scalps is a fast expanding medical, surgical, and cosmetic dermatology clinic. Skin and Scalps Clinic’s doctors are highly skilled, experienced, and completely devoted to meeting the highest quality and service standards.

If you’re seeking a skin specialist in Pune and are concerned about your skin, look no further. Consider visiting Skin & Scalps today. Dr. Sohana treats both men’s and women’s skin problems. She also provides acne, pigmentation, cellulite, and hair loss treatments.

Our primary goal is to enhance the health of your skin, which we accomplish by tailoring your treatment to your specific skin challenges and needs. We treat patients of all ages at Skin & Scalps Clinic. Our dermatologists have extensive expertise diagnosing and treating acne, eczema, psoriasis, rosacea, leg ulcers, skin cancer, skin lumps (warts, moles, and skin tags), as well as hair and nail disorders in children and adults.

Treatments are carried out in our clinic to properly address your problems, based on your concerns and treatment goals. Your at-home tailored regimen is critical in maintaining and preserving your skin in between clinic visits.

Our skin is constantly subjected to environmental factors. An active focused skincare program can assist to reduce and restore these negative effects, as well as protect your skin.

From UV light from the sun to cold, dry weather to pollution, dust, and chemicals, all of these factors contribute to aging. Nevertheless, today’s fast-paced lifestyle, poor eating habits, smoking, hormonal shifts, restless nights, and stress all have an impact on the skin. Because your skin is unique, all treatments at Skin & Scalps are tailored and customized just for you.

Our team combines the knowledge, expertise, and equipment required to execute a wide range of surgical and medicinal dermatological treatments. Among some of the conditions we address are:

Acne, Scarring
Rosacea
Age Spots
Autominue disorders
Dermatitis
Eczema
Genetic disorders
Moles
Psoriasis
Skin Infections
Skin Allergies
Sun-damaged skin
It is well accepted that the professional entrusted with the maintenance of your skin must have two primary characteristics: enthusiasm and experience.

Dr. Sohana has these characteristics in excess; with years of knowledge and an unrivaled passion for skincare, she is indeed the definitive skin expert.

Dr. Sohana has the expertise with many skin types, but no one’s skin is ever genuinely the same, which is why she integrates her knowledge, experience, and dedication into an entirely unique treatment experience within the clinic for each patient.

If you’re looking for a skin specialist Pune, worried about your skin? Dr. Sohana takes care of the skin issues of both men and women. She also offers treatments for acne, pigmentation, cellulite, and hair loss.
Modern NextJS Portfolio
Tags: react, nextjs, tailwindcss, portfolio
Published: 2024-06-11 07:16:53

{% embed https://youtu.be/5_tLD6YKjOs %}
In this video, we'll walk you through building a modern and eye-catching portfolio website using Next.js. We'll leverage the power of Next.js for a performant and SEO-friendly foundation, and then add some flair with animations using a popular library like Framer Motion.

Here's what you'll learn:

 Setting up a Next.js project for your portfolio
 Building a clean and responsive layout
 Integrating smooth animations for a captivating user experience
 Highlighting your skills and experience in a professional way
 (Optional) Deploying your portfolio website to the web

By the end of this video, you'll have a stunning and interactive portfolio that showcases your development expertise!

This video is perfect for:

Developers looking to build a modern portfolio
Anyone who wants to learn Next.js and Framer Motion
Designers who want to add animations to their web projects

Leave a comment below and let us know what kind of animations you'd like to see in your portfolio!
GitHub: https://github.com/codewithtonyofficial/nextjs-portfolio-with-aos
#2 PHP’de Final Sınıflar ve Readonly Sınıflar: Readonly Class
Published: 2024-06-11 07:15:59

Readonly sınıflar, PHP 8.2 ile birlikte tanıtılan bir özelliktir. Readonly sınıflar, sınıfın tüm özelliklerinin (properties) yalnızca okunabilir olduğu ve yalnızca sınıfın oluşturulması (instantiation) sırasında atanabileceği anlamına gelir. Bu sınıflar, veri tutarlılığını sağlamak ve nesnelerin durumlarının değiştirilmesini önlemek için kullanılır.

### Readonly Sınıflar Nedir?
Readonly sınıflar, tüm özelliklerin `readonly` olduğu sınıflardır. Bu, sınıfın tüm özelliklerinin sadece okunabilir olduğu ve oluşturulduktan sonra değiştirilemeyeceği anlamına gelir. 

### Readonly Sınıf Tanımlaması
Readonly sınıflar şu şekilde tanımlanır:

```php
<?php
readonly class Point {
    public function __construct(
        public int $x,
        public int $y,
    ) {}
}

$point = new Point(10, 20);

// Özelliklere atama yapılabilir:
echo $point->x; // 10
echo $point->y; // 20

// Ancak özellikler değiştirilemez:
$point->x = 30; // Hata: Cannot modify readonly property Point::$x
?>
```

### Neden Readonly Sınıflara İhtiyaç Duyarız?

1. **Veri Tutarlılığı:** Readonly sınıflar, bir nesnenin durumunun değişmesini önleyerek veri tutarlılığını sağlar. Bu, özellikle kritik sistemlerde ve önemli verilerin manipülasyonunun istenmediği durumlarda önemlidir.

2. **Güvenlik:** Readonly sınıflar, nesnelerin durumunun değiştirilememesi gereken durumlarda güvenliği artırır. Bu, hatalı veya kötü niyetli kodun veri üzerinde değişiklik yapmasını önler.

3. **Kolay Anlaşılabilirlik:** Readonly sınıflar, sınıfın kullanımını daha anlaşılır hale getirir. Bir sınıfın tüm özelliklerinin yalnızca okunabilir olduğunu bilmek, kodun nasıl çalıştığını anlamayı kolaylaştırır.

4. **Yan Etkiyi Azaltma:** Nesnelerin durumunun değiştirilememesi, yan etkileri azaltır ve kodun daha tahmin edilebilir olmasını sağlar. Bu, özellikle fonksiyonel programlamada ve yan etkilerin minimumda tutulması gereken durumlarda faydalıdır.

### Örnek Kullanım Senaryoları
1. **Koordinatlar veya Noktalar:** Coğrafi koordinatlar gibi değişmemesi gereken verileri tutmak için kullanılabilir.
2. **Konfigürasyon Verileri:** Uygulamanın çalışma süresince değişmemesi gereken konfigürasyon ayarlarını tutmak için kullanılabilir.
3. **Kimlik Bilgileri:** Kullanıcı kimlik bilgileri gibi, değiştirilemez olması gereken verileri saklamak için kullanılabilir.

### Readonly Sınıfların Alternatifleri
Readonly sınıflar kullanılmadan önce, benzer işlevselliği sağlamak için getter metotları ve özel setter metotları kullanılırdı. Ancak bu yöntemler, readonly sınıflar kadar doğrudan ve anlaşılır değildir.

```php
<?php
class Point {
    private int $x;
    private int $y;

    public function __construct(int $x, int $y) {
        $this->x = $x;
        $this->y = $y;
    }

    public function getX(): int {
        return $this->x;
    }

    public function getY(): int {
        return $this->y;
    }
}

$point = new Point(10, 20);

// Özelliklere atama yapılabilir:
echo $point->getX(); // 10
echo $point->getY(); // 20

// Ancak özellikler değiştirilemez:
$point->x = 30; // Hata: Cannot access private property Point::$x
?>
```
#1 PHP’de Final Sınıflar ve Readonly Sınıflar: Final Class
Published: 2024-06-11 07:14:52

### Final Sınıflar Nedir?
Final sınıflar, başka bir sınıf tarafından kalıtılamayan (inheritance) sınıflardır. Bir sınıfı final olarak tanımlamak, o sınıfın alt sınıflarının oluşturulmasını engeller. PHP'de bir sınıfı `final` anahtar kelimesiyle tanımlayarak bu sınırlamayı getirebilirsiniz.

### Final Sınıf Tanımlaması
Final sınıflar şu şekilde tanımlanır:

```php
<?php
final class FinalClass {
    public function sayHello() {
        echo "Hello from FinalClass!";
    }
}

// Hata: FinalClass'tan türetilemez
class AnotherClass extends FinalClass {
}

$finalClass = new FinalClass();
$finalClass->sayHello(); // "Hello from FinalClass!"
?>
```

### Neden Final Sınıflara İhtiyaç Duyarız?

1. **Tasarımın Korunması:** Final sınıflar, bir sınıfın tasarımının korunmasını sağlar. Sınıfın davranışının değiştirilmesini veya genişletilmesini istemediğiniz durumlarda kullanılır.
   
2. **Güvenlik:** Özellikle güvenlik açısından kritik sınıfların veya hassas işlevlerin değiştirilememesi gerektiğinde kullanılır.

3. **Performans:** PHP'de final sınıflar, JVM (Java Virtual Machine) gibi dillerde olduğu kadar belirgin olmasa da, performans iyileştirmeleri sağlayabilir. Derleyici, final sınıfların kalıtılmayacağını bilerek optimizasyon yapabilir.

### Örnek Kullanım Senaryoları

1. **Utility Sınıflar:** Helper veya utility fonksiyonları içeren sınıflar genellikle final olarak tanımlanır çünkü bu sınıfların kalıtılması genellikle mantıklı değildir.

2. **Singleton Deseni:** Singleton tasarım deseninde kullanılan sınıfın yalnızca bir kez örneklenmesini ve kalıtılmasını önlemek için final olarak tanımlanır.

3. **Güvenlik Katmanları:** Belirli bir güvenlik politikası uygulayan sınıflar, bu politikaların değiştirilememesi için final olarak tanımlanabilir.

### Final Metotlar
Ayrıca, sınıfın kendisi olmasa da, belirli metotları `final` olarak tanımlayabilirsiniz. Bu, metodun alt sınıflar tarafından geçersiz kılınmasını (override) engeller.

```php
<?php
class BaseClass {
    public final function sayHello() {
        echo "Hello from BaseClass!";
    }
}

class DerivedClass extends BaseClass {
    // Hata: final method BaseClass::sayHello cannot be overridden
    public function sayHello() {
        echo "Hello from DerivedClass!";
    }
}

$baseClass = new BaseClass();
$baseClass->sayHello(); // "Hello from BaseClass!"
?>
```
Hire Software Developer
Tags: softwaredevelopment, hire
Published: 2024-06-11 07:13:41

Are you looking to hire a software developer? **[Hire a Software Developer](https://talentonlease.com/hire-software-developer)** from TalentOnLease to make your concept a reality. Enjoy the ease of having top software development expertise under one roof, suited to your specific business requirements. TalentOnLease's extensive experience in both frontend and backend technologies guarantees fast communication and smooth integration. 

Experience speedier development cycles and more cost-effective solutions, all tailored to boost your market presence. Maintain your business with the best talents and customized software solutions. Choose TalentOnLease for excellent outcomes and expert service.
Best Ayurvedic Clinic & Doctors in Delhi NCR
Tags: health, ayurveda, doctors, ayurvedic
Published: 2024-06-11 07:08:54

Welcome to Divyarishi, your ultimate destination for Ayurvedic solutions online. As the [Best Ayurvedic Clinic and Doctors in Delhi NCR](https://www.divyarishi.com/), we pride ourselves on offering holistic treatments rooted in the ancient wisdom of Ayurveda. Our online platform provides access to a plethora of Ayurvedic medicines tailored to address various health concerns, ranging from digestive issues to skin ailments and beyond. At Divyarishi, we understand the importance of personalized care, which is why our team of experienced Ayurvedic doctors is dedicated to crafting customized treatment plans that cater to individual needs. With our commitment to quality and authenticity, we ensure that our products and services adhere to the highest standards, guaranteeing optimal efficacy and safety for our customers. Whether you're seeking relief from chronic conditions or simply aiming to enhance your overall well-being, Divyarishi is here to guide you on your journey to health and vitality. Explore our range of Ayurvedic remedies and discover the transformative power of natural healing today.
AI Bubble?, Dev Summer '24 Guide & Unverified User Emails
Tags: salesforce, salesforcedevelopment, salesforceadministration, salesforceadmin
Published: 2024-06-11 07:02:10

#  This is a weekly newsletter of interesting Salesforce content

See the most interesting #Salesforce content of the last days 👇

✅ **[Are We in a Dot-Com Style Artificial Intelligence Bubble?](https://www.salesforceben.com/are-we-in-a-dot-com-style-artificial-intelligence-bubble/)**
Since November 2022, the world has been buzzing with AI excitement, especially after the release of ChatGPT. Despite the hype, the actual impact on daily life has been minimal. Some internet entrepreneurs quickly jumped on the AI bandwagon, offering courses and claiming to be experts. But really, using AI chatbots isn't that complicated. The overzealous marketing tactics are a sign that we may be in an AI bubble.

✅ **[The Salesforce Developer's Guide to the Summer '24 Release](https://developer.salesforce.com/blogs/2024/05/summer24-developers.html)**
The Summer '24 release is here! In this post, we highlight what's new for developers across the Salesforce ecosystem.

✅ **[Find Salesforce Users with Unverified Email Addresses](https://www.infallibletechie.com/2023/08/find-salesforce-users-with-unverified-email-addresses.html)**
We can use the TwoFactorMethodsInfo object/entity to query the users who haven't verified their email addresses yet in Salesforce. Admins or Users need the "Manage Multi-Factor Authentication in API" permission at Profile or Permission Set level to query or use SOQL against the TwoFactorMethodsInfo object/entity.

✅ **[Leverage Apex Cursor for Enhanced SOQL Query Result Handling](https://sfdclesson.com/2024/05/05/leverage-apex-cursor-for-enhanced-soql-query-result-handling/)**
In the Summer'24 release, Salesforce introduced Apex cursors (Beta) to help developers handle large SOQL query results in manageable pieces within a single transaction. This feature is beneficial for dealing with extensive result sets that may exceed memory or processing limits. Cursors allow incremental traversal of result sets for forward and backward navigation, offering an alternative to batch Apex with enhanced capabilities for resource-intensive processing jobs.

✅ **[Salesforce Profile Compare Tool : Crazy Compare](https://www.sfdckid.com/2022/10/salesforce-crazy-compare-chrome.html)**
The Crazy Compare Extension is a tool that helps users compare two different profiles in Salesforce quickly and easily. It eliminates the need to manually compare field, object, apex class, and visualforce page access levels. Users can install the Chrome extension and compare profiles directly within their browser, without the need for external data processing. Best of all, it's free to use.



Check these and other manually selected links at https://news.skaruz.com

Click a Like button if you find it useful. 
Thanks.
Ultimate WhatsApp Business Solution
Tags: automation, businessapi, whatsappbusinesssolution, whatsappbusinessapi
Published: 2024-06-11 07:01:57


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y0m83g9mwv646f3ae0h8.png)
**Welcome to Go4Whatsup – Your Ultimate [WhatsApp Business Solution](https://www.go4whatsup.com/)!**

At Go4Whatsup, we know communication is key to business success. That's why we created a WhatsApp Business solution just for you. It boosts your customer engagement to new levels.

**Who We Are:**
Go4Whatsup is a platform that helps businesses communicate better on WhatsApp. Our team offers tools to make your customer interactions smoother and save you time, boosting your profits.

**What Sets Us Apart:**

**Chatbot Creation:** With Go4Whatsup, you can easily make smart and customizable chatbots. These chatbots engage with customers 24/7, answer questions, guide users, and give instant replies for a smooth experience.

**Automated Messaging:** Use our automated messaging to send timely messages to your customers. Whether it's promos, order updates, or announcements, Go4Whatsup lets you schedule and send them easily, keeping your audience engaged.

**Effortless Conversation Management:** Our platform makes managing customer conversations simple. Track and respond to messages efficiently, so no question is left unanswered. Go4Whatsup's interface keeps all your communication organized.

**Why Choose Go4Whatsup:**

**Increased Efficiency:** Save time by automating routine tasks, letting your team focus on strategic business aspects.

**Enhanced Customer Engagement:** Use WhatsApp to connect personally with your audience. Go4Whatsup helps build strong relationships and brand loyalty through timely, interactive communication.

**Scalability:** Whether you're a small startup or a large company, Go4Whatsup grows with you. Our solution adapts to your needs, ensuring you succeed in the digital world.

**Join the Go4Whatsup Community:**
See the difference Go4Whatsup can make for your business. Join our community of users who have transformed their customer engagement with our WhatsApp Business solution.

At Go4Whatsup, we're more than a platform – we're your partner in success. Improve your communication, boost customer satisfaction, and **[grow your business with Go4Whatsup today](https://www.go4whatsup.com/contact-us/)**!