teleren/devto huggingface dataset:
Begineer: TypeScript Utility Types
Tags: javascript, typescript, programming, beginners
Published: 2023-11-26 07:29:09

STOP! You better not be individual that I catch using the `any` type in my projects. This is only acceptable under very specific circumstances, but should ultimately be eliminated by implementing specific types/interfaces.

Whether you choose to use a type or an interface is mostly a personal preference. However by using a `type` you can easily make use of the utility functions that TypeScript has built-in. You could make use of them while using an interface too but the syntax gets ugly quickly.

Some of the mostly used utility types are `Pick`, `Omit`, `Partial` and `Record`.

`Pick` - Select the keys you want **included** in the new type.
`Omit` - Select the keys you want **excluded** in the new type.
`Partial` - Indicate that all keys of the type are optional.
`Record` - Constructs a key/value map type.

For example you might have this type:
```typescript
type Todo = {
  id: string;
  title: string;
  description: string;
}
```
but you want to update a todo, but you do not want the id field to be updated, by using the `Omit` utility type you can exclude it.
```typescript
function updateTodo(id: string, updatedTodo: Omit<Todo, "id">) {
  // Code to update the todo here
}

updateTodo("todo1", { title: "New title", description: "New description" });
```

Another example using `Record` could be for example:
```typescript
type PokemonType = "fire" | "water" | "grass";

type PokemonSkill = {
  name: string;
  damage: number;
}

type PokemonInfo = {
  name: string;
  health: number;
  skills: PokemonSkill[];
}

const pokedex: Record<PokemonType, PokemonInfo[]> = {
  fire: [
    {
      name: "Charmander",
      health: 100,
      skills: [
        {
          name: "Solar Power",
          damage: 10,
        }
      ]
    }
  ],
  water: [],
  grass: [],
}
```
In this example we have mapped a key being the type of pokemon to an array of pokemon info. This could be useful if we for example want to display categories of pokemons depending on what type they are.

an alternative way of writing this without using `Record` would be this, however it does not look as good syntax wise:
```typescript
const pokedex2: { [pokemonType in PokemonType]: PokemonInfo[] } = {
  fire: [],
  water: [],
  grass: [],
}
```

Want to learn more? Check out the [TypeScript documentation](https://www.typescriptlang.org/docs/handbook/utility-types.html)!
Choose the right deployment strategy
Tags: azure, devops, tutorial, cloud
Published: 2023-11-26 07:24:24

Hey, are you using Azure to run your awesome apps and services? If so, you might be wondering how to update them without breaking anything or making your users angry. Well, don't worry, I'm here to help you out. In this blog post, I'll tell you what deployment strategies are, what kind of cool stuff Azure can do for you, and how to pick the best one for your situation.

Deployment strategies are like recipes that you follow to update your apps and services without messing up your system. They let you try out, check, and undo your updates in a smart and safe way. Depending on what you like and need, you can choose from different deployment strategies that Azure can do for you, such as:

- **Blue-green deployment:** This strategy is like having two copies of your app or service, one for the old version (blue) and one for the new version (green). You can test the new version in the green copy before switching your users to it. This way, you can avoid mistakes and go back quickly if something goes wrong.
- **Rolling deployment:** This strategy is like updating your app or service bit by bit, by changing a few parts at a time with the new version. You can decide how fast and how much you want to update, and watch how it goes and how it affects your system. This way, you can cut down the downtime and make sure everything goes smoothly for your users.
- **Canary deployment:** This strategy is like giving the new version of your app or service to a few lucky users or places first, before giving it to everyone else. You can use this strategy to see how the new version works and what your users think of it, and catch any problems or bugs early. This way, you can make your update better and more reliable, and not upset all your users at once.

To pick the right deployment strategy for your system, you should think about some things, such as:

- How big and complicated your app or service is
- How often and how much you want to update it
- How risky and important your updates are
- How your users feel and what they expect from you
- What kind of stuff and tools you have for your deployment

Each deployment strategy has its own pros and cons, so you should compare them carefully and see which one matches your goals and needs best. You can also mix different strategies or use your own tricks to get the best deployment for your system.

So, that's it for this blog post. I hope you learned something useful about deployment strategies and how they can help you manage your apps and services in Azure. They can make your updates easier and more reliable, while keeping your users happy and satisfied. By picking the right deployment strategy for your situation, you can make sure your updates are a success and a breeze for your system.

If you have any questions or feedback, please leave a comment below.

Thank you for reading!
😮‍💨Saya Menyesal Beli Domain my.id
Tags: domain, sharing, discuss, indonesia
Published: 2023-11-26 07:18:00

Untuk mendukung portofolio yang bagus di era modern seperti saat ini, umumnya beberapa individu lebih memilih untuk membuat portofolio dalam bentuk website dibandingkan dokumen seperti pdf, termasuk saya sendiri.

Publik pun dapat mengakses website secara mudah dengan mengunjungi alamat domain, mulai dari ekstensi .com .net atau .id.

Karena beberapa domain yang saya sebutkan diatas dibandrol dengan harga yang lumayan mahal, mulai dari Rp 100rb sampai Rp 300rb, saya pun tertarik untuk membeli domain murah, salah satunya yaitu domain dengan ekstensi my.id yang berkisar Rp20rb, terbeli lah domain ferryops.my.id.

### Konfigurasi Domain

Oke, sampai disini tidak ada masalah, saya lanjut konfigurasi dns ke hosting vercel sampai selesai. Dan masalah muncul ketika saya coba daftarkan website ke search console Google.

> “Tidak dapat mengambil peta situs” // “Couldn't fetch sitemap”
> 

### Menunggu Terindeks

Karena ini bukan kali pertama saya mendaftarkan website ke search console Google, saya rasa ini hanya error biasa dan akan normal dalam beberapa hari kedepan.

### Tidak Ada Perubahan

Tiga minggu pasca mengirim peta situs, tidak ada sama sekali perubahan.

Sedikit kesal dan menggerutu dalam hati “kok gak terindeks sih”. Tidak berhenti disitu, saya pun coba memeriksa peta situs secara manual.

> Periksa format peta situs
> 

Semua nya normal dan seharusnya berjalan lancar, bahkan saya sudah mencoba untuk validasi peta situs dengan tools yang beredar di internet.

### Langkah Terakhir

Langkah terakhir yang saya lakukan yaitu mengajukan pertanyaan di forum webmaster Google, akhirnya disini saya mendapatkan jawaban “kenapa peta situs web saya selalu tidak bisa terbaca”

Ternyata domain MY.ID mempunyai reputasi yang kurang baik di search console, domain ini berkaitan dengan banyaknya penyalahgunaan domain seperti melakukan spam (karena harga domain murah dan gratis). Namun bukan berarti semua blog yang berdomain MY.ID dianggap spam.

Beliau juga menambahkan “kalau pengalaman saya pribadi, biasanya saya melakukan permintaan pengindeksan secara manual di Google Search dan biasanya ini berhasil dan langsung terindeks.”

saya sedikit kurang suka dengan opsi indeks manual, hehehe.

Sejak saat itu, saya mengubah domain my.id ke domain defaultnya vercel yaitu vercel.app dan semua peta situs dapat diindeks tanpa ada pesan error.

Tidak lama setelah itu, saya membeli domain dengan ekstensi .dev, terbelilah ferryops.dev

Sekian sedikit cerita pengalaman saya saat pertama kali membeli domain my.id.

### Referensi

Berikut ini adalah link thread yang saya buat untuk kasus diatas, Terima Kasih untuk sepuh yang sudah memberikan masukan dan pengalamannya.


![Saya Menyesal Beli Domain MY.ID](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cmbu3v2xzekqr9m25puj.png)

https://support.google.com/webmasters/thread/218870643/google-search-console-tidak-dapat-mengambil-peta-situs?hl=id
#2 The Hacker Mindset Playbook: Intuitively self-aware systems, with anatomical basis of origin
Tags: cybersecurity, algorithms, programming, machinelearning
Published: 2023-11-26 07:05:34


#### Specs
1. Temporarily disable specific scopes (anything with critical details) until subject(s) builds their trust(how verifiable are the logs & everything with their digital foot-print in relation to the platform?).

2. Repeated interactions with high-score validation at
at the invocation of new session (sessions that spool without failure) unlocks all other scopes.

3. The system is intuitive & self-aware that it can update it's self based on a system where it constantly checks for 0day exploits relative to it's code-base & design.

> The way to build functional system like this is to create it in a modular way; so that way it is easy to decouple and breakdown the more complex components that may need to be implemented with AI/Ml.



<br>
<br>


#### finally:

combine this with a monolithic user interface that is intuitively designed to 
reveal specific details based on the premises stated above... 

Where if there's failure or suspicion of at any given moment based on above

parameters: the system immediately disables scopes/features that 

may lead to breach. Granted this example is universally applicable 

to central, de-centralized & distributed system. 

Of course this can beyond the given relative awareness of what I stated.

Otherwise, 

Systems designed with this nature are way more of a challenge to break as they are more variable scopes of moving parts that have a singular basis of origin that evolve none-chronologically; while being imperatively self aware on
every level in the event of system tempering.
#1 The Hacker Mindset Playbook: Intuitively self-aware systems, with anatomical basis of origin
Tags: programming, opensource, cybersecurity, algorithms
Published: 2023-11-26 07:00:51


> Systems void of traceability at micro level; comprehensible at the macro level, point of observation.

Self sustained systems (void of direct externalization) are more difficult to break-in
based on the following: in order to break in you have to
subvert their medium of exchange (communication). 

When this system can be self-aware enough to run lock down subroutines; we'd consider it a smart piece of software...

What about the a-typical system that is designed from a static perspective despite having dynamic features?

Any other system that is none-self aware is
far more easier to break into given they are designed on the
principal of centralization, dependent on external validation.


These systems solely rely on the authenticity of external
subjects against their own model of relative authenticity...

What happens when their own authenticity is compromised by the external subject(s) pretending to be an authentic user?

Very quickly you start to see the loop-holes in most central systems; they can be easily exploited, even by the external subject augmenting their intent as authentic against the validator.


Simply put: anything dependent on reception can be easily broken into; no matter how complex you build it.

A system built on the need for reciprocation (validation) is guaranteed to be exploitable.

What if they was a way to validate systems without the need for external/direct exchange?


<br>
<br>

### Solution: The Self-Aware, Intuitive, Dynamic, Self-Updating System

1. None-verbose, succinct validation from both parties using escrow-like medium for validation.
2. Validation for resolve is based on signature in relation to incoming traffic by subject(s) via escrow-like medium.
3. Each subject has unique variable detail make-up:
4. Authentication is a dynamic algorithm based on signature generated via profile of variable detail makeup using machine learning.
5. Successful authentication: using  signal match (external & internal) references from profile; parsed through a blind escrow-like system.
6. Self-updating & intuitive system for cyber threat detection...
7. If mismatch happens at any step of process; access scopes to specific parts of system are immediately disabled; similar to iPhone incorrect password lock down feature

#### Ideal End Result:
In technical terms this would be essentially combining
machine learning, a creative & imperative design that
aligns with the very same ways we interact on a humane level: intuitively with intent-ful action.

The final result is a self-aware system that behaves dynamically & intuitively as if a human being was operating it in real-time.
Tác Giả G - Long
Published: 2023-11-26 06:31:22

G - Long là tác giả của website cv88.com.co với nhiều năm kinh nghiệm tại lĩnh vực cá cược trực tuyến. Anh ấy đã trở thành một chuyên gia và anh chia sẻ nhiều mẹo cực hay và có ích đến người chơi
Địa chỉ: 79 Đường Hoàng Ngân, Phan Đình Phùng, Thành phố Thái Nguyên, Thái Nguyên, Việt Nam
Số điện thoại: 09661801903
Email: cv88comco@gmail.com
Website: https://cv88.com.co/
#glongcv88
 
Social Links:

https://www.facebook.com/glongcv88/

https://www.pinterest.com/glongcv88/

https://twitter.com/glongcv88

https://www.reddit.com/user/glongcv88

https://www.quora.com/profile/Glongcv88

https://www.producthunt.com/@glongcv88

https://vimeo.com/glongcv88

https://foursquare.com/giagl8370420/list/glongcv88

https://www.youtube.com/@glongcv88/about

https://www.goodreads.com/user/show/171894810-gi-g

https://soundcloud.com/glongcv88

https://www.twitch.tv/glongcv88

https://flipboard.com/@glongcv88/

https://en.gravatar.com/lenaharle80

https://dribbble.com/glongcv88/about

https://www.kickstarter.com/profile/glongcv88/about

https://www.blogger.com/profile/18391096024189991525

https://glongcv88.blogspot.com/

https://glongcv88.tumblr.com/

https://www.behance.net/glongcv88

https://about.me/glongcv88/

https://www.instapaper.com/p/glongcv88

https://sites.google.com/view/glongcv88/

https://band.us/@glongcv88

https://data.world/glongcv88

https://www.blackhatworld.com/members/glongcv88.1842949/#about

https://www.designspiration.com/glongcv88/

http://www.socialbookmarkssite.com/user/glongcv88/

https://replit.com/@glongcv88

https://pxhere.com/en/photographer/4130416

https://osf.io/jd7sv/

https://public.tableau.com/app/profile/glongcv88

https://forums.goha.ru/member.php?u=1514841

https://www.chordie.com/forum/profile.php?id=1786232

https://roomstyler.com/users/glongcv88

https://glongcv88.contently.com/

https://www.penname.me/@glongcv88

http://egamingsupply.com/forum/member.php/63417-glongcv88

https://gitee.com/glongcv88

https://dev.to/glongcv88
A portfolio website built using React, Tailwind CSS, and TypeScript
Tags: portfoliopage, website
Published: 2023-12-06 09:15:39

---
title: A portfolio website built using React, Tailwind CSS, and TypeScript
published: true
date: 2023-11-26 06:27:16 UTC
tags: PortfolioPage,WebSite
canonical_url: https://reactjsexample.com/a-portfolio-website-built-using-react-tailwind-css-and-typescript/
---

# Portfolio Webseite
 ![A portfolio website built using React, Tailwind CSS, and TypeScript](https://reactjsexample.com/content/images/2023/11/Code_2023-11_14-27-04.jpg)

This is a portfolio website built using React, Tailwind CSS, and TypeScript. The website showcases my skills and projects as a full-stack developer. For the contactform i used a backend, which is build on node.js and express.

## Demo

![A portfolio website built using React, Tailwind CSS, and TypeScript](https://github.com/AlpayC/portfolio_site/raw/main/screenshot.jpg)

You can also check out the live demo of the portfolio website [here](https://alpaycelik.dev).

## Features

- SEO optimized
- User settings stored in session storage
- Dark and Light mode available
- Easy data modification through a single `data.tsx` file
- Gziped and lazy loaded Data
- Developed first with the Mobile First methodology, then for desktop.
- Compatible with all mobile devices and with a beautiful and pleasant user interface.
- Smooth scrolling in each section.Contains animations when scrolling.
- Uptime Service with colored animation

## Installation

Clone the Repo

```
  git clone <reponame>
```

Installation of dependencies

```
npm i or npm install
```

Start Server

```
npm run dev
```

## Environment Variables

To run this project, you will need to add the following environment variables to your .env file. See .env-init in root directory

`API_BASE_URL`

`API_SERVICESTATUS_URL`

## Tech Stack

**Client:** React, React Router Dom, Tailwind CSS, Typescript, Axios, Framer Motion, GSAP, Prism React Renderer, React Icons, React Intersection Observer, React Toastify, React Tooltip, Reactjs Popup, Swiper, Rollup Plugin Gzip

**Server:** Node, Express, NodeMailer

## Support

If you find this project helpful or would like to support my work, you can ⭐ this Repo

## GitHub

[View Github](https://github.com/AlpayC/portfolio_site)
Navigating the Digital Realm: My Postman API 101 Journey with GDG ADGITM
Published: 2023-11-26 06:18:29

INTRODUCTION

In my quest to unravel the intricacies of client-server interactions, I stumbled upon a game-changer: Postman. No more endless Google searches; thanks to the GDG ADGITM workshop, I've dived headfirst into the world of APIs, armed with newfound knowledge and a passion for cybersecurity.

Discovering the Power of Postman

The workshop was a revelation. Postman emerged as a versatile tool, allowing me to not only create APIs but also seamlessly make API calls. It was the missing link I needed to comprehend the dynamic relationship between clients and servers in the digital landscape.

Unpacking Methods and Parameters

One of the highlights was gaining insights into the significance of methods and parameters. I learned how these elements play a crucial role in executing specific tasks on a website. For someone with a keen interest in cybersecurity, this understanding was invaluable, shedding light on the underlying mechanics of web interactions.

Kudos to Mr. Veer Yadav

A major shout-out to Mr. Veer Yadav for his exceptional teaching skills. His articulate explanations of APIs, methods, and parameters made the session not only informative but also highly engaging. The interactive nature of the workshop facilitated a deeper grasp of the concepts, making the learning experience enjoyable.

Embracing the Future

In conclusion, my Postman API 101 workshop with GDG ADGITM has been a transformative experience. I now navigate the digital realm with confidence, armed with the knowledge of how APIs function and their pivotal role in the online ecosystem. It's a stepping stone toward a future where I leverage my Postman expertise to navigate the ever-evolving landscape of technology.


Here's to GDG ADGITM and Postman for illuminating the path to a deeper understanding of the digital world!
A Game WebSite built with React, Chakra-UI, Axios, and TypeScript
Tags: website
Published: 2023-12-06 09:15:44

---
title: A Game WebSite built with React, Chakra-UI, Axios, and TypeScript
published: true
date: 2023-11-26 06:05:36 UTC
tags: WebSite
canonical_url: https://reactjsexample.com/a-game-website-built-with-react-chakra-ui-axios-and-typescript/
---

# React Project with Chakra-UI, Axios, TypeScript
 ![A Game WebSite built with React, Chakra-UI, Axios, and TypeScript](https://reactjsexample.com/content/images/2023/11/Code_2023-11_14-05-25.jpg)

A web application built with React, Chakra-UI, Axios, and TypeScript, designed to help you practice your React skills. This project features sorting, searching, filtering, and support for both dark and light themes.

[View Demo](https://game-club-me.vercel.app/)[View Github](https://github.com/madeelchaudhary/game-club)

## Features

- Sorting: Easily sort your data based on specific criteria.
- Searching: Quickly find data by searching for keywords.
- Filtering: Filter your data to display only what's relevant to you.
- Dark/Light Theme Support: Choose between dark and light themes for a personalized experience.

## Getting Started

Follow these steps to get a local copy of the project up and running:

```
git clone https://github.com/madeelchaudhary/game-club.git
cd game-club
npm install
npm run dev
```

## Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

1. Fork the repository.

2. Create a new branch for your feature or bug fix:

3. Make your changes and commit them:

4. Push your branch to your forked repository:

5. Open a pull request on the original repository.

6. Your pull request will be reviewed, and once approved, it will be merged.
Java OOPs concept through storyteling
Tags: java, story, tutorial, oop
Published: 2023-11-26 05:51:18

Have a look on the [Kunfy Java story](https://solothought.com/tutorial/kungfu-java-concepts/) where I tried to explain th concepts of Java programming language through real life examples and the the story of Kungufu Panda.

I've written total 3 stories in this series. I covered OOPs concept till Java 17. If you feel this story clear the complex concepts in easy terms, I can plan to cover the concepts of web services, and integration of other popuar concepts like kafka, nginx etc.

In this tutorial, I've tried to cover inheritance, type of classes, abstraction, difference between a class and an object, method overriding, static, scope, final, and many more concepts. I tried o explain not only how they're used but their need too.

Here is the sample code from one of the example

```
abstract class Oogway {
    private String Calmness; //skill
    private String SoloThought; //skill
    protected String PhoenixBlade;

	abstract public void fight();
}

class Shifu extends Oogway {
	private List<String> pressurePoints;

	public void fight(){
		System.out.println("Defeat with: " + pressurePoints);
	}
	public void fight(String level){
		if(level.equals("final")) System.out.println("Using protected weapon: " + PhoenixBlade);
	}
}

public class Main {
    public static void main(String[] args) {
        Shifu shifu = new Shifu();
        shifu.fight();
        shifu.fight("final");
    }
}
```