teleren/devto huggingface dataset:
Strengthen Your Knowledge with AZ-120 Dumps: A Comprehensive Tutorial
Tags: webdev, beginners, programming, productivity
Published: 2024-01-01 11:49:10

However, I'll <a href="https://shorturl.at/sxzT2">AZ-120 Exam Dumps</a> provide a comprehensive overview and key points to consider regarding AZ-120 dumps for your exam preparation. The AZ-120 certification exam, known as "Planning and Administering Microsoft Azure for SAP Workloads," is designed for professionals responsible for integrating, migrating, deploying, and managing SAP workloads on Azure. AZ-120 dumps, or study materials, play a crucial role in preparing for this exam. They typically encompass a variety of resources such as practice questions, sample tests, and study guides. Here's a breakdown of essential elements in AZ-120 dumps: Updated and Accurate Information: The <a href="https://shorturl.at/sxzT2">AZ-120 Dumps</a> evolves as Azure services and SAP integration methods advance. Dumps that reflect the most current information are crucial to ensure you're studying the right content. Comprehensive Coverage: The dumps should cover all the exam objectives outlined by Microsoft. These objectives typically include areas such as planning and implementing Azure solutions, migrating SAP workloads to Azure, designing Azure solutions for SAP, and managing and securing SAP workloads. Practice Questions and Mock Tests



Click here for more >>>>>>>    https://shorturl.at/sxzT2
Music Monday — What are you listening to? (New Year's Edition 🥳)
Tags: music, discuss, watercooler
Published: 2024-01-01 11:00:00

_cover image source: [Giphy](https://giphy.com/gifs/filmeditor-christmas-movies-macaulay-culkin-xUySTMO8XWIRjp0w4o)_

**Happy New Year! Last week, it was Christmas and today it's 2024. 🎉 While I don't believe there is yet a true New Year genre (correct me if I'm wrong) I thought for this edition we could share one of the following a) our favorite tunes from partying last night/early this morning, b) songs that you'd put on for a New Year's day celebration, or c) your go-to music for recovering from a rough night out. 😵‍💫 All are fair game! Just remember to choose wisely below when playing songs — one person's party music might be another person's hangover kryptonite. You're responsible for your own decisions! And as always, play whatever you wanna — the edition is just there for inspiration, there are no firm rules.**


![A scene from the classic cartoon show Peanuts, aka Charlie Brown, of the kids playing music as a band on New Year's Day](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/39jitsy5osdl7ya1abjc.gif)

***

## How we do 

In this weekly series, folks can chime in and drop links to whatever it is they've been listening to recently + browse others' suggestions. You can follow the suggested genre if you'd like, but don't feel confined to it; you're free to suggest whatever you wanna. 🙌  

If you're interested in having other discussions about music, consider following the aptly named [#music discussions](https://dev.to/music-discussions) organization.

{% embed https://dev.to/music-discussions %}  

***

Let's reel in the new year with some good tunes!🎊 _Note: you can embed a link to your song using the following syntax `{% embed https://... %}`. This should work for most common platforms!_

Looking forward to listening to y'all's suggestions! 🎶
How to use Shadcn-ui Themes
Tags: beginners, webdev, nextjs, tutorial
Published: 2024-01-01 10:48:24

On the shadcn-ui home page, you can select multiple themes apart from the basic ones which include 

1. Red
2. Rose
3. Green
4. Blue
5. Yellow

And a few others, but when you install shadcn in a project you only get the option to select the basic themes.


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

To be able to use the above mentioned themes, you have to first select any option.

After installing the basic theme, you can go to the home page and select whichever theme you want to use.
I will be using blue for this example

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

Click the copy code button after choosing a theme.


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

After copying the code you have to replace the colors in your globals.css with the newly copied colors


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

However, nothing seems to be applied. To see the background color you need to add the 

> dark

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


 property on the body (in case you are using dark mode)
otherwise, your new theme is set correctly


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5v8pnq2g6v7qrj10dukf.png)
How to Download Capcut MOD APK v9.6.0 [Premium Unlocked] for Android | 2023
Tags: capcu, templa, videos, trandingtampleates
Published: 2024-01-01 10:44:09

Capcut is an ideal Video Editing App, preferably for both Professionals and beginners. But what about In-app purchases that bar the medium between users and exclusive creativity tools? Meanwhile, there is no better option for unlocking the app’s premium toolkits freely than downloading the Capcut MOD APK from our website.

While working at its finest, our provided Capcut APK ensures your Free Access to all Editing Attributes of the app, such as special effects and filters, auto-captions and lyrics, and trending styles, alongside removing the Watermarks and Adverts.

## Unearthing the Need for Using Capcut MOD Edition


There is no second opinion that Capcut brings much-needed video editing solutions to your doorstep. From Professional Creation Tools to One-Click Exporting to Social Media Platforms and Simple Usage, the app fulfills every possible demand of a causal user.

Meanwhile, anyone can download the [capcut v9.6.0 apk download](https://freecapcut.com/capcut-mod-apk/) from the Google Play Store or the Official Website for Free. Irrespective of your downloading sources of the app, you will access Capcut Edition with Built-In Ads and Shopping Attributes.

Technically, In-app Shopping Prerequisites force users to pay charges to Capcut developers before accessing the app’s premium tools. Of course, it is a legitimate way for the creators of Capcut to earn money and keep their assets in the best working form.
5 ways to get text from an Emacs buffer
Tags: emacs, productivity, lisp
Published: 2024-01-01 10:33:39

[Emacs Lisp](https://www.gnu.org/software/emacs/manual/html_node/eintr/) is a powerful programming language that allows you to customize and extend your Emacs editor. One common task when working with text in Emacs Lisp is extracting or copying text from a buffer. In this blog post, we will explore different ways of getting text from an Emacs buffer.

### 1. Using `buffer-substring`

The `buffer-substring` function is a simple and straightforward way to extract text from a buffer. It takes two arguments: start and end positions, and returns the corresponding text.

```emacs-lisp
(let ((start (point-min))
      (end (point-max)))
  (buffer-substring start end))
```

In this example, we extract the entire buffer by setting the start position to `(point-min)` and the end position to `(point-max)`.

### 2. Using `buffer-substring-no-properties`

If you want to exclude text properties (such as font face or color) from the extracted text, you can use the `buffer-substring-no-properties` function. It works the same way as `buffer-substring`.

```emacs-lisp
(let ((start (point-min))
      (end (point-max)))
  (buffer-substring-no-properties start end))
```

### 3. Using `buffer-string`

The `buffer-string` function returns the entire contents of the current buffer as a string. This is a convenient way to extract text when you don't need to specify start and end positions.

```emacs-lisp
(buffer-string)
```

### 4. Using region

If you have an active region in your Emacs buffer, you can use the `region-beginning` and `region-end` functions to get the start and end positions of the selected text. You can then use `buffer-substring` or `buffer-substring-no-properties` to extract the text.

```emacs-lisp
(let ((start (region-beginning))
      (end (region-end)))
  (buffer-substring start end))
```

### 5. Using `thing-at-point`

The `thing-at-point` function allows you to retrieve different types of text at the current point. You can specify the type of thing using the `thing` argument. For example, to get the word at point, you can use `(thing-at-point 'word)`.

```emacs-lisp
(thing-at-point 'word)
```

You can also combine `thing-at-point` with `bounds-of-thing-at-point` to retrieve the start and end positions of the thing.

```emacs-lisp
(let ((bounds (bounds-of-thing-at-point 'word)))
  (buffer-substring (car bounds) (cdr bounds)))
```

These are just a few examples of different ways to extract text from an Emacs buffer in Emacs Lisp. Depending on your specific use case, you may choose a different approach. Emacs Lisp provides a wide range of functions and tools to manipulate text, giving you the flexibility to perform various text-related operations in Emacs.

If you know any other way of obtaining the text from the buffer, please let us know in the comments section. I would love to learn more tricks about Elisp functions for getting text from the buffer.
Telegram bulk subscriber verification
Tags: telegram, tgbot
Published: 2024-01-01 10:26:57

Hi, In our loyalty program web portal, there's a task that tells customers to invite their 3 friends and on the task, the person has to share his 3 friends' TG Username.

The problem is the assigned person from our team has to manually check and search every single username and only the Admin role can do it. This process is heavily time-consuming.

**Is there any way to bulk search by username? Like any bot where I will paste all the usernames and that bot will tell which Usernames are on the channel or not.**
Learning in Public: Hype, or Highway to Mastery?
Tags: learning, discuss, community
Published: 2024-01-01 10:21:00

Hey, fellow devs!

I recently stumbled upon this intriguing concept called "Learning in Public." The idea of openly sharing one's learning journey – the stumbles, the "aha!" moments, the messy in-between – sparked a fire in a coding soul. Let's dissect this together.

## What is it?

By Learning in Public, I don't mean live coding on Twitch under flashing neon lights. It's about the conscious choice to document and share our learning process, be it through blog posts, tutorials, Twitter threads, or even just good old whiteboard discussions with our buddies.

## Advantages? Does it really help?

- **Supercharged Learning:** Putting your thoughts out there forces you to articulate and solidify your understanding. Plus, feedback and discussions can turn your "meh" understanding into a "pro" masterpiece.
- **Community Connection:** You become a beacon for fellow learners, attracting kindred spirits and building a support network that makes the coding journey less lonely.
- **Personal Growth:** Owning your learning journey builds confidence, fosters accountability, and makes you a self-reflective learning machine.

## Now, the million-dollar question: Who needs this more?

_Beginners:_ Absolutely! Sharing your struggles can resonate with newbies, create a safe space for asking "silly" questions, and show them they're not alone in the coding trenches.
_Pros:_ Don't dismiss it! Seasoned vets can offer a unique perspective, break down complex concepts for noobs, and even rediscover the joy of learning through fresh eyes.
But wait, there's a twist!

**Is Learning in Public just a marketing ploy?** A desperate plea for likes and followers? Maybe for some. But at its core, it's about connection, growth, and sharing the love of learning. Remember, the code community thrives on collaboration and open knowledge. This is just another way to keep that fire burning.

So, what do you think? Is Learning in Public a thing for us? Share your experiences, doubts, or favorite platforms in the comments below! Let's keep this conversation alive.

I'm curious to hear about your favorite resources or platforms for learning in public!
Today i learn to build a lite version of Twitter - Twimba
Tags: webdev, javascript, beginners, programming
Published: 2024-01-01 09:53:24


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

- This project tutorial from Scrimba teach to use the `data attribute` so the 'reply', 'like' and 'retweet' to conditionally render the button styles according to post's uuid. 

```js
document.addEventListener('click', function(e){
    if(e.target.dataset.like){
       handleLikeClick(e.target.dataset.like) 
    }
    else if(e.target.dataset.retweet){
        handleRetweetClick(e.target.dataset.retweet)
    }
    else if(e.target.dataset.reply){
        handleReplyClick(e.target.dataset.reply)
    }
    else if(e.target.id === 'tweet-btn'){
        handleTweetBtnClick()
    }
})
```
- The combine of all button in `document.addEventListener` can gather all button to act accordingly to own function.

```js
function handleTweetBtnClick(){
    const tweetInput = document.getElementById('tweet-input')

    if(tweetInput.value){
        tweetsData.unshift({
            handle: `@Scrimba`,
            profilePic: `images/scrimbalogo.png`,
            likes: 0,
            retweets: 0,
            tweetText: tweetInput.value,
            replies: [],
            isLiked: false,
            isRetweeted: false,
            uuid: uuidv4()
        })
    render()
    tweetInput.value = ''
    }
}
```
- User can tweet anything and `handleTweetBtnClick()` will form the data in object and push into `database` then only render out the tweet.

```js
let likeIconClass = ''
        
        if (tweet.isLiked){
            likeIconClass = 'liked'
        }

<span class="tweet-detail">
                    <i class="fa-solid fa-heart 
                    ${likeIconClass}"
                    data-like="${tweet.uuid}"
                    ></i>
                    ${tweet.likes}
                </span>
```

- In the render function the part I want to highlight is the use of `data-'attribute'`, example above show the 'like' button use the `data-like` and then condition is set up to check if the `tweet.isLiked` button clicked then 'liked' class will be add into `${likeIconClass}` and like button will turn into red color.

```js
import { v4 as uuidv4 } from 'https://jspm.dev/uuid';
console.log(uuidv4())
```

- Another thing to highlight is the use of CDNs example here is the UUID version 4. Just call the function of `uuidv4()` then we can get uuid accordingly which is easy to use and helpful.

Eat, sleep, code, repeat!
Andrew Tan
Mastering TypeScript: Looping with Types
Tags: typescript, beginners
Published: 2024-01-01 10:18:26

## Introduction

Loops play a pivotal role in programming, enabling code execution without redundancy. JavaScript developers might be familiar with `foreach` or `do...while` loops, but TypeScript offers its own unique looping capabilities at the type level. This blog post delves into three advanced TypeScript looping techniques, demonstrating their importance and utility.

## Mapped Types

Mapped Types in TypeScript allow transformation of object properties. Consider an object requiring immutable properties:

```typescript
type User = { 
  id: string, 
  email: string, 
  age: number 
};
```

To create an immutable version of this type, we traditionally hardcode it. However, to maintain adaptability with the original type, Mapped Types come into play. They use generics to map each property, offering flexibility to modify property characteristics. For instance:

```typescript
type ReadonlyUser<T> = {
  readonly [P in keyof T]: T[P];
};
```

This technique is extensible. For example, adding nullability:

```typescript
type Nullable<T> = {
  [P in keyof T]: T[P] | null;
};
```

Or filtering out certain types:

```typescript
type ExcludeStrings<T> = {
  [P in keyof T as T[P] extends string ? never : P]: T[P];
};
```

Understanding the core concept of Mapped Types opens doors to creating diverse, reusable types.

## Recursion

Recursion is a cornerstone in TypeScript's type-level programming, especially since state mutation is not an option. Consider applying immutability to all nested properties:

```typescript
type DeepReadonly<T> = {
  readonly [P in keyof T]: T[P] extends object ? DeepReadonly<T[P]> : T[P];
};
```

Here, TypeScript's compiler recursively ensures every property is immutable, demonstrating the language's depth in handling complex types.

## Union Types

Union Types represent a set of distinct types, such as:

```typescript
type Status = 'Failure' | 'Success';
```

Creating structured types from unions involves looping over each union member. For instance, constructing a type where each status is an object:

```typescript
type StatusObject = Status extends infer S ? { status: S } : never;
```

## Conclusion

TypeScript's advanced type system transcends static type checking, providing sophisticated tools for type transformation and manipulation. Mapped Types, Recursion, and Union Types are not mere features but powerful instruments that enhance code maintainability, type safety, and expressiveness. These techniques underscore TypeScript's capability to elegantly handle complex programming scenarios, affirming its status as more than a JavaScript superset but a language that enriches our development experience.
Evaluation in Racket
Tags: ossu, evaluation, racket, programming
Published: 2024-01-01 10:16:08

```racket
(+ 2 (* 3 4) (- (+ 1 2) 3))
```

This expression is an primitive call or call to a primitive. Because expression starts with a primitive operator.

`Operator`: In this primitive call `+` is the operator <br>
`Operands`: And all the expression followed by the operator are called operands

## Rules to Evaluate a Primitive Call

### Step

1. First reduce all the operands to values.
2. Then apply primitive oparation to the values.

### Order

- Evaulation happens from `left to right` and `inside to outside`.

## Step by step Evaluation Example:

```racket
(+ 2 (* 3 4) (- (+ 1 2) 3))
(+ 2 12 (- (+ 1 2) 3)) ; Step 1
(+ 2 12 (- 3 3)) ; Step 2
(+ 2 12 0) ; Step 3
14 ; Step 4
```

This example demonstrates the step-by-step evaluation of the expression according to the rules mentioned above. Understanding the order of evaluation is crucial for accurately assessing complex expressions in Racket.
How does a developer spend New Year's Day?
Tags: webdev, programming, discuss
Published: 2024-01-01 10:02:26

Before any else, happy new year to all.

For most of us, I can see us with our families to share the first meal of the year. No coding today !

For others, as soon as the wishes are made, work to finish, a project to refine, a customer to satisfy, No time to take a break ...

And someone, although the family is present, there is this desire to disappear for few minutes to test the code that he found in its dream...

In which case are you ?
Making a Next JS Social Media Site
Published: 2024-01-01 10:00:19

I want to level up my web development skills, so to practice I am thinking of making a full-stack social media app without following a long tutorial.

**Technologies that I will use:**

1. React
2. Next JS
3. Tailwind CSS
4. Typescript

I'm quite familiar with React but at a beginner level in Next JS and Typescript
So my goal is to be able to learn these things while building something I will be proud of.

**Features I want the app to have:**

1. Authentication
2. Proper Backend (MongoDB)
3. Real Time Messaging
4. Following users
5. Likes for posts

**Things I want to learn through this project:**

1.Prisma (for database models)
2.MongoDB
3. Managing File Uploads

**Name of the site (AI generated):
Vortex**

However, I don't have a design in mind and since I am a developer and not a designer, I might look for a design on Figma.
VulcanWM's #DEVResolutions2024
Tags: devresolutions2024
Published: 2024-01-01 09:49:32

I've got a few goals this year, and I'm planning to crush all of them:
- Don’t procrastinate
- Hit monetisation requirement on YouTube
- Post 50 Piano Covers on YouTube
- Launch a project each month
- Get 1k hits a month on one of my new projects
- Study hard
- Post a dev blog on here every month

What are your goals?
Learn Complete HTML And CSS By Building 5 Real World Website
Published: 2024-01-01 09:46:52

Excited about mastering HTML and CSS? Join me in learning front-end web development by creating five real world projects, including Facebook, LinkedIn, YouTube, Netflix, and Airbnb design templates.

In this comprehensive course, you'll discover how to upload your website online for public access. Starting from the basics, you'll progressively learn how to create a professional social media website design step by step using HTML, CSS, and JavaScript. From crafting navigation bars with logos and icons to optimizing webpage designs, you'll gain the expertise you need for front-end web development. Watch the accompanying tutorial for HTML and CSS, recommended especially for beginners.

Share your thoughts on your favorite project! Comment below and explore further by checking out the HTML and CSS tutorial on GreatStack's YouTube channel. #HTML #CSS #WebDevelopment
what is the meaning of static in typescript classes?
Tags: typescript, javascript, react
Published: 2024-01-01 09:40:19

In TypeScript, the `static` keyword is used to define properties or methods that belong to the class itself rather than to instances of the class. Here are the key aspects of `static` in TypeScript:

1. **Static Properties:**
   - When a property is declared as `static` in a class, it means that the property is associated with the class itself, not with instances of the class.
   - Static properties are accessed using the class name, not an instance of the class.

   ```typescript
   class MyClass {
       static myStaticProperty: number = 10;
   }

   console.log(MyClass.myStaticProperty); // Accessing static property
   ```

2. **Static Methods:**
   - Similar to static properties, static methods are associated with the class rather than instances.
   - They are called on the class itself, not on an instance of the class.

   ```typescript
   class MathOperations {
       static add(x: number, y: number): number {
           return x + y;
       }
   }

   console.log(MathOperations.add(5, 3)); // Calling static method
   ```

3. **Singleton Pattern:**
   - In TypeScript, the `static` keyword is often used in conjunction with the Singleton pattern.
   - By declaring a `static` property that holds a single instance of the class, you ensure that only one instance exists throughout the application.

   ```typescript
   class Singleton {
       private static instance: Singleton;

       private constructor() { }

       static getInstance(): Singleton {
           if (!this.instance) {
               this.instance = new Singleton();
           }
           return this.instance;
       }
   }

   const singletonInstance1 = Singleton.getInstance();
   const singletonInstance2 = Singleton.getInstance();

   console.log(singletonInstance1 === singletonInstance2); // true
   ```

4. **No Access to Instance Members:**
   - Inside a `static` method, you cannot directly access instance members (properties or methods) of the class because the method is associated with the class, not a specific instance.

   ```typescript
   class Example {
       static staticMethod() {
           // Can't access instance property directly
           // console.log(this.instanceProperty); // Error
       }

       instanceProperty: string = "Hello";
   }
   ```

In summary, `static` in TypeScript is used to define properties and methods that are associated with the class itself, rather than with instances of the class. It is commonly used for utility methods, constants, and for implementing patterns like the Singleton pattern.