teleren/devto huggingface dataset:
why your content should be briefer
Tags: contentwriting, writing, webdev
Published: 2024-05-15 21:48:53

one of the recent things I learned is: people like to read or watch relatable stuff. you will not want to spend your time watching some thing that is not offering you anything useful -- there are some exceptions for this, like the videos you watch to be entertained before taking a nap, for example.

being briefer will help you keeping the attention of those who you are trying to convince that you are capable of being useful to them.

no one likes to read boring explanations;
no one likes to watch a 30 min video to learn two lines of code;
no one likes to watch you talking without giving real-life examples;

use your time to show and solve real problems, so, this way, you will be used as reference for someone that solve things without wasting your time. and, that is precious.

-------

Photo by <a href="https://unsplash.com/@cosmvs?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Samura Silva</a> on <a href="https://unsplash.com/photos/a-group-of-people-sitting-at-tables-in-a-restaurant-AIO66X7tbHY?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Unsplash</a>
MAXWINBET77: Link Situs Slot Deposit Pulsa Tanpa TO Terbaik 2024
Published: 2024-05-15 21:43:50

[<><> silakan daftar di sini bosku <><>
<><> silakan daftar di sini bosku <><>](https://heylink.me/-maxwinbet77/)

maxwinbet77 telah menancapkan namanya sebagai salah satu situs slot terpercaya di tahun 2024. Dengan fokus pada kenyamanan dan kepercayaan, maxwinbet77 menjadi pilihan utama bagi para penggemar slot online yang ingin melakukan deposit menggunakan pulsa dari provider Tri maupun Indosat tanpa TO
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bxkkqwx7lflsojk660de.jpg) tambahan.

Keunggulan maxwinbet77 dalam Dunia Slot Online
maxwinbet77 memiliki sejumlah keunggulan yang membuatnya unggul di antara situs slot online lainnya. Beberapa di antaranya adalah:

Deposit Pulsa Tri dan Indosat Tanpa TO: Salah satu fitur unggulan maxwinbet77 adalah kemampuannya untuk menerima deposit pulsa dari provider Tri maupun Indosat tanpa potongan tambahan. Hal ini memastikan bahwa pemain akan mendapatkan nilai deposit sesuai dengan jumlah pulsa yang mereka kirimkan.
Pilihan Permainan Slot yang Beragam: maxwinbet77 menyediakan beragam pilihan permainan slot dengan tema-tema yang menarik dan grafis yang memukau. Dari slot klasik hingga slot modern dengan fitur-fitur inovatif, pemain memiliki banyak opsi untuk dipilih sesuai dengan selera mereka.
Sistem Keamanan Terjamin: Keamanan dan privasi pemain adalah prioritas utama di maxwinbet77. Mereka menggunakan teknologi enkripsi terbaru untuk melindungi data pribadi dan transaksi keuangan pemain, sehingga pemain dapat bermain dengan tenang tanpa khawatir akan kebocoran informasi.
Kesimpulan
Dengan deposit pulsa Tri maupun Indosat tanpa potongan, beragam pilihan permainan slot, dan sistem keamanan yang terjamin, maxwinbet77 adalah pilihan yang tepat bagi para penggemar slot online yang menginginkan pengalaman bermain yang nyaman dan menguntungkan. Jadi, jika Anda mencari situs slot terpercaya di tahun 2024, maxwinbet77 layak dipertimbangkan.

maxwinbet77 : Situs Slot Terpercaya Via Deposit Pulsa Tri Maupun Slot Deposit Pulsa Via Indosat 5K  Potongan 2024. Slot Deposit Pulsa Tri | Slot Pulsa Tri | Deposit Pulsa Tri | Slot Deposit Pulsa Indosat | Slot Pulsa Indosat | Deposit Pulsa Indosat
2812. Find the Safest Path in a Grid
Published: 2024-05-15 21:02:27


https://leetcode.com/problems/find-the-safest-path-in-a-grid/description/?envType=daily-question&envId=2024-05-15

```javascript
/**
 * @param {number[][]} grid
 * @return {number}
 */
var maximumSafenessFactor = function(grid) {
    const n = grid.length;
    if (grid[n - 1][n - 1] === 1 || grid[0][0] === 1) return 0;

    const dist = computeDistanceGrid(grid);
    const pq = new MaxPriorityQueue({ priority: x => x[0] });
    const vis = Array.from({ length: n }, () => Array(n).fill(false));

    const directions = [
        [-1, 0], [1, 0], [0, -1], [0, 1]
    ];

    pq.enqueue([dist[0][0], 0, 0]);
    vis[0][0] = true;

    while (!pq.isEmpty()) {
        const [ds, i, j] = pq.dequeue().element;

        if (i === n - 1 && j === n - 1) return ds;

        for (const [dx, dy] of directions) {
            const newRow = i + dx;
            const newCol = j + dy;
            if (isValid(newRow, newCol, n) && grid[newRow][newCol] !== 1 && !vis[newRow][newCol]) {
                vis[newRow][newCol] = true;
                const ds1 = dist[newRow][newCol];
                pq.enqueue([Math.min(ds, ds1), newRow, newCol]);
            }
        }
    }

    return 0;
};

function isValid(x, y, n) {
    return x >= 0 && x < n && y >= 0 && y < n;
}

function computeDistanceGrid(grid) {
    const n = grid.length;
    const distGrid = Array.from({ length: n }, () => Array(n).fill(Infinity));
    const q = [];
    
    for (let i = 0; i < n; i++) {
        for (let j = 0; j < n; j++) {
            if (grid[i][j] === 1) {
                q.push([i, j]);
                distGrid[i][j] = 0;
            }
        }
    }

    const directions = [
        [-1, 0], [1, 0], [0, -1], [0, 1]
    ];

    while (q.length > 0) {
        const [x, y] = q.shift();
        for (const [dx, dy] of directions) {
            const newX = x + dx;
            const newY = y + dy;
            if (isValid(newX, newY, n) && distGrid[newX][newY] === Infinity) {
                distGrid[newX][newY] = distGrid[x][y] + 1;
                q.push([newX, newY]);
            }
        }
    }

    return distGrid;
}
```
Join our free webinar: “Removing Friction from Design System Workflows”
Tags: webinar, tutorial, designsystem, productivity
Published: 2024-05-15 20:54:00

🎥 Grab your free ticket here 👉 **[Free Webinar](https://get.uxpin.com/stackblitz-friction-design-system-workflows/?utm_source=distribution-campaign&utm_medium=uxlink&utm_campaign=dev.to_webinar_article_05_24)**

When: May 29th, 10:00 AM PDT
Where: over Zoom
Who: UXPin

Learn about the processes, tools, and methods that enterprise teams use to maintain and scale their design systems. Based on the practices of organizations such as IBM, Salesforce, and Porsche, you’ll discover how to document, track, and grow design systems.

If you catch yourself struggling to keep your interface consistent, rewriting the same button over and over again, and finding visual bugs, our expert – Tomek Sułkowski from StackBlitz – will share how to set up design and development environments to drive design system adoption and growth.

Join our free webinar on May 29th (Wednesday). Save your spot here: “Removing Friction from Design System Workflows.”

You’ll learn:
How to empower developers and designers to communicate using live examples
How to increase the adoption of your design system with interactive documentation
How to streamline efficient bug reporting and updating the design system library.


Save your spot here: “[Removing Friction from Design System Workflows](**https://get.uxpin.com/stackblitz-friction-design-system-workflows/?utm_source=distribution-campaign&utm_medium=uxlink&utm_campaign=dev.to_webinar_article_05_24**).”

## A quick note about the hosts

**UXPin Merge** – Drag-and-drop UI builder that allows you to fully control the look and feel of your UI on the prototyping stage. Create consistent and easy-to-maintain interfaces that are interactive and production-ready by default.

**StackBlitz** – An in-browser IDE that integrates with UXPin Merge and helps your design and development teams stay connected while building and growing their projects.
How to make shapes with CSS
Tags: tutorial, programming, css, productivity
Published: 2024-05-15 20:44:28

This blog is to help emerging front-end developers learn how to make CSS shapes- including myself! I believe that this is a skill worth learning if we wish to design websites to our liking. I have taken my inspiration from Afif's article _The Modern Guide For Making CSS Shapes_ to help others learn how to make shapes of their choosing using Cascading Style Sheets (CSS).

The author of the article introduces readers to the possibility of using the elements of CSS to produce a shape instead of designing a shape the old-fashioned way. For example, Afif's guide suggests we can provide 4 points and cut the element instead of making 6 points for designing a hexagon. This means we can use CSS to think outside of a shape's boundaries to simplify the shape-designing process. Two key take away tips I've learned from this article are: 

- The polygon() function accepts points outside the [0% 100%] range. Using this function lets us clip shapes with fewer points
but also opens up possibilities for creating additional shapes.

- Switching axes is a reliable approach for creating shape variations. 

I am not able to fully describe how CSS can be used to design every shape and for that reason, I will link to Afif's guide in this blog for anyone that needs it for future reference! I wish the best of luck to anyone stumbling upon this blog.

This post was heavily inspired from:
Afif, T. (2024, May 10) The Modern Guide For Making CSS Shapes
Retrieved from: [https://www.smashingmagazine.com/2024/05/modern-guide-making-css-shapes/]
Easiest program in 6502 emulator part-1
Tags: programming, 6502, assembly, easy
Published: 2024-05-15 20:23:15

Hi folks,
I'm back with another update from my Software Portability and Optimization course. This time around, we're diving into some pretty challenging territory. Our task? Writing a program for the [6502 Emulator](http://spo600.cdot.systems/doku.php?id=spo600:6502_emulator) that fulfills some rather specific requirements:

1. The program must function seamlessly in the 6502 Emulator.
2. It needs to output to both the character screen and the graphics (bitmapped) screen.
3. User input, in some form, must be accepted from the keyboard.
4. We're required to incorporate arithmetic/math instructions, such as adding, subtracting, doing bitwise operations, or performing rotations/shifts.

Those are quite the demands, straight from the professor. It feels a bit overwhelming, especially considering we're only in the second week of learning assembly language. Just printing a single sentence can take up to 10 lines of code! Take, for instance, the task of printing "6502 was here" on the text display without using ROM subroutines. It's a process that seems to stretch on and on:

```
  define SCREEN $f000     ; location of screen memory
            ldy #$00      ; index value (character we're currently processing)
  char:     lda text,y    ; get a character from address (text + Y)
            beq done      ; if the character is NULL, branch to done
            sta SCREEN,y  ; store character at (SCREEN + Y)
            iny           ; increment Y (go to next character)
            bne char      ; repeat loop
  done:     brk           ; when we're done, break (stop the program)
  text:                   ; this is the text message
  dcb "6","5","0","2",32,"w","a","s",32,"h","e","r","e",".",00
```
 This is like 10 line already!!.😫

Just reading through that is exhausting, let alone writing it!

I've been wracking my brain for simpler program ideas, ones that require minimal code. But even seemingly straightforward tasks like "Guess the random number" end up demanding a complex structure.

So, here's what I've come up with so far: a program that prompts the user to enter a color. Once entered, the program will display that color by coloring the bitmap display accordingly. It ticks off most of the requirements:

1. The program runs on the 6502 emulator (that's a given).
2. It outputs to both the character screen and the graphics (bitmapped) screen (thanks to the prompt for color input and the color display on the bitmap).
3. User input is accepted from the keyboard (in this case, to input a color).
4. Here's where I hit a roadblock. I'm not sure how to incorporate arithmetic/math instructions into the program. Maybe some of you savvy readers can lend a hand in the comments section?

I'm all ears for suggestions and insights! If you have any ideas on how to incorporate arithmetic/math instructions into the program or any other tips for simplifying the task, please share them in the comments below. Let's tackle this challenge together!

Thanks in advance!😉
Implementing AI into Design Systems
Tags: ai, uxdesign
Published: 2024-05-15 20:17:52

I wanted to take a look into one of today's hottest topics- AI! AI is a topic resurfacing in the technology industry because of the revolutionary impacts it will bring to society. I decided to study AI and see how it will impact a sector of technology- digital design. AI is a relatively new concept and I want to study how AI can affect digital design.

The emergence of AI helped automate simple tasks. ChatGPT-a popular online AI- can help automate the following: Establishing a consistent naming convention for design tokens following best practices, simulating the design thinking process, changing variables to quickly draft ideas, and consistently writing design documentation. As a result, AIs would greatly help accelerate the production of design systems. 

This article helped me realize that we have come a long way with technology. Design systems existed since the times of the Industrial Revolution when everything was mechanized. The emergence of technology made designers adapt to the shift in resolutions to accommodate different types of screens (phones, desktops, tablets, etc...) 

This post was heavily inspired from:
Anghel, B. (2024, May 14) AI & Design Systems Guide - Challenges and Opportunities Uncovered Retrieved from: [https://medium.com/@uxdanio/ai-design-systems-guide-challenges-and-opportunities-uncovered-1218aab3eff5]
Unleash Your Tactical Prowess with Battleship in Python!
Tags: python, codecademy
Published: 2024-05-15 20:16:17

## Introduction

Hey there, as part of a course on Codecademy, this project is my first crack at coding. Growing up, Battleship was my go-to board game, so I couldn't think of a better project to kickstart this coding journey. This project is all about learning while having a blast, with a healthy dose of nostalgia thrown in for good measure. 

## Overview

This Python program is a two-player implementation of the classic board game "Battleship." The game consists of setting up ships on a 10x10 grid and then taking turns guessing the location of the opponent's ships.

## Features

- Set up a board with a predefined number of ships.
- Make guesses on the opponent's board.
- Visual feedback for hits and misses.
- Simple and intuitive text-based interface.

## Preview

### Starting the Game

![Starting the Game](https://media.giphy.com/media/SLET43izSdZk3kMP1Q/giphy.gif)

### Setting Up the Board

![Setup](https://media.giphy.com/media/iKLWfTIEU3oQe0Lyka/giphy.gif)

### Making Guesses

![Gameplay](https://media.giphy.com/media/JbOVu2Qpx6895ecBC0/giphy.gif)

## GitHub Repository

Check out the full code on GitHub: [BattleshipTheGame](https://github.com/DIVL7/BattleshipTheGame?tab=readme-ov-file#readme)

## Conclusion

As I'm writing this post, I can't help but feel a sense of accomplishment and excitement. This project has not only allowed me to relive cherished memories of my favorite childhood game but has also provided me with invaluable hands-on experience in coding. From setting up the game boards to implementing the gameplay logic, every step of the way has been a learning experience.

I want to extend a heartfelt thank you to the Codecademy team for providing such an engaging platform for learning. Your courses, projects, and resources have been instrumental in guiding me through this coding journey. This Python program, as my first project, has been a fantastic introduction to the world of programming, and I couldn't have asked for a better start.

If you're reading this and considering diving into coding, I encourage you to give it a try! Whether you're looking to relive nostalgic memories, sharpen your problem-solving skills, or embark on a new career path, coding offers endless possibilities. If you have any questions about the program or coding in general, feel free to leave them in the comments below. I'd love to help spark some additional discussion and share more about why I wrote this project and how it might be helpful for others.
Encrypted localStorage with Zustand
Tags: typescript, zustand, storage, cryptojs
Published: 2024-05-15 20:11:54

I don't know if anyone finds this any useful, but I had a specific requirement to save the localStorage data encrypted. Using zustand I created this snippet to persist my data.

```typescript
import { PersistStorage } from "zustand/middleware";
import CryptoJS from "crypto-js";

export class EncryptedStorage implements PersistStorage<any> {
  getItem(key: string): any | undefined {
    const value = localStorage.getItem(key);

    if (value) {
      const decryptedBytes = CryptoJS.AES.decrypt(value, <YOUR_NONCE>)
      const decryptedValue = decryptedBytes.toString(CryptoJS.enc.Utf8);
      return decryptedValue
    }

    return value
  }

  setItem(key: string, value: any): void {
    const encrypted = CryptoJS.AES.encrypt(value, <YOUR_NONCE>).toString()
    localStorage.setItem(key, encrypted);
  }

  removeItem(key: string): void {
    localStorage.removeItem(key);
  }
}
```
Looking for a job
Tags: job, career
Published: 2024-05-15 20:09:32

Hi everyone!

I am looking for a job and would appreciate your help! 

I have 2 years and 8 months of experience in tech.

I have worked with Android Studio, Java, XML, Kotlin, MVVM, Figma, MySQL, JavaScript, React Native, HTML, CSS, Visual Studio Code, Qwik, React, TypeScript, Tailwind CSS, Bootstrap, Go, MongoDB, Redis, Python, Jest, Locust, etc. 

I also know C, C++, C#, R, PHP, Firebase, Jupyter Notebook, MAMP, SQL, Unity 3D Game Engine, EasyAR SDK, Vuforia SDK, etc.

I have a Bachelors degree in Computer Science and Engineering.

I am also willing to learn any new programming languages or technologies.

If you know of any opportunities, please comment below.

If you are hiring, please contact me through my mail - nandinihinduja91@gmail.com  

Here is a link to my [resume].(https://drive.google.com/file/d/1qaO9KwjbfcZlJX42AY9wjAQKrz9-TlSl/view?usp=sharing)
MAXWINBET77>>DEPOSIT VIA BANK SAKUKU 5 RIBU KLIK LINK ALTERNATIF GACOR
Published: 2024-05-15 19:52:03

LINK DAFTAR [(KLIK DI SINI)](https://heylink.me/Maxwinbet77.Pro/)
LINK DAFTAR [(KLIK DI SINI)](https://heylink.me/Maxwinbet77.Pro/)

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

Bagi yang mencari Link alternatif untuk bermain judi slot online menggunakan transaksi deposit sakuku tanpa potongan paling populer saat ini, Via Sakuku hadir ditengah maraknya game slot membuat sebagian masyarakat penasaran hingga bermain permainan tersebut. Lantas saja hubungannya dengan aplikasi sakuku? Disinilah kita akan memperkenalkan mengenai situs slot resmi terbaru untuk deposit slot online deposit sakuku yang lagi populer di indonesia.

Slot Deposit Sakuku adalah jenis permainan slot online yang memungkinkan pemain untuk melakukan deposit menggunakan sakuku atau kredit telepon seluler sebagai alternatif dari metode pembayaran lainnya seperti transfer bank atau e-wallet. Beberapa penyedia permainan slot online yang menawarkan opsi Slot Sakuku antara lain Pragmatic Play, PG Soft, Microgaming, Habanero, Spadegaming, Joker123, Playstar, CQ9, dan BNG.


Rekomendasi Game Slot Via Sakuku Terbaik Hari Ini


Banyak pilihan permainan yang bisa di mainkan salah satunya kategori permainan slot gacor gampang menang. Beberapa game yang bisa di pilih Gates Of Olympus, Starlight Princes, Sweet Bonanza, Mahjong Ways 2.


Cara Daftar Akun Slot Online Sakuku Terpercaya 2024


Keuntungan situs gacor sakuku tidak terletak dari penyedia deposit saja, namun juga bisa anda pakai buat daftar slot sakuku tanpa rekening bank. Memang tidak salah pihak dari judi slot online sakuku menghadirkan virtual account sakuku tersebut, dimana tidak hanya menerima deposit sakuku, juga menyediakan daftar slot online pakai rekening sakuku yang sangat mudah. Apabila anda ingin mendaftar pakai akun sakuku, pastikan anda telah memiliki aplikasi sakukuterlebih dahulu serta jangan lupa upgrade akun sakukunya menjadi premium agar bisa digunakan buat transaksi.


Untuk pendaftaran akun slot menggunakan rekening via sakuku sebenarnya sangat mudah sekali, kalian hanya perlu mengisi sesuai data yang telah diminta pada formulir pendaftaran. Perbedaan terletak pada nomor rekening saja, Anda hanya perlu mengganti nomor rekening menjadi nomor sakuku. Jika bingung atau gagal, anda bisa meminta CS untuk membuatkan akun untuk anda sehingga nanti nya pihak CS tinggal memberikan username dan password kepada anda.
Master GitHub with Microsoft’s Comprehensive Learning Resources!
Tags: github, githubcopilot, opensource, git
Published: 2024-05-15 19:49:31

🚀 Struggling with GitHub contributions due to weak fundamentals? No worries! Microsoft has you covered with quick learning videos to master GitHub. Who better to learn from than the creators themselves? Check out these resources:

1)**Introduction to Git:** Master version control basics and Git workflow essentials. 🔄📝
🔗[Start learning](https://learn.microsoft.com/en-gb/training/modules/intro-to-git/?wt.mc_id=studentamb_383864)
🕣Duration : 30 minutes

2)**Introduction to GitHub:** Learn repository management and collaboration features. 🏗️🤝
🔗[Discover more](https://learn.microsoft.com/en-gb/training/modules/introduction-to-github/?wt.mc_id=studentamb_383864)
🕣Duration : 1 hr 30 min

3)**Introduction to GitHub Copilot:** Unlock the power of Copilot for efficient coding. 🔍🚀
🔗[Watch now](https://learn.microsoft.com/en-gb/training/modules/introduction-to-github-copilot/?wt.mc_id=studentamb_383864)
🕣Duration : 15 min

4)**GitHub Copilot Fundamentals:** Understand Copilot’s capabilities and use cases. 🤖💡
🔗[Explore Copilot](https://learn.microsoft.com/en-gb/training/paths/copilot/?wt.mc_id=studentamb_383864)
🕣Duration : 2 hrs

5)**Create and Modify a Git Project:** Dive into Git essentials for beginners. 🛠️📁
🔗[Begin your Git journey](https://learn.microsoft.com/en-gb/training/modules/create-git-project/?wt.mc_id=studentamb_383864)
🕣Duration : 30 min

6)**Contribute to an Open-Source Project on GitHub:** Learn to contribute effectively to open-source projects. 🌐🙌
🔗[Start contributing](https://learn.microsoft.com/en-gb/training/modules/contribute-open-source/?wt.mc_id=studentamb_383864)
🕣Duration : 30 min

7)**Manage Repository Changes with Pull Requests:** Dive into pull request workflows on GitHub. 📥📤
🔗[Get started](https://learn.microsoft.com/en-gb/training/modules/manage-changes-pull-requests-github/?wt.mc_id=studentamb_383864)
🕣Duration : 50 min

8)**Introduction to Prompt Engineering with GitHub Copilot:** Craft effective prompts for Copilot’s optimal performance.
🛠️💡
🔗[Learn more](https://learn.microsoft.com/en-gb/training/modules/introduction-prompt-engineering-with-github-copilot/?wt.mc_id=studentamb_383864)
🕣Duration : 25 min

9)**Using GitHub Copilot with Python:** Supercharge your Python projects with Copilot’s assistance. 🐍💻
🔗[Explore now](https://learn.microsoft.com/en-gb/training/modules/introduction-copilot-python/?wt.mc_id=studentamb_383864)
🕣Duration : 20 min

Boost your GitHub skills with Microsoft’s comprehensive learning resources! 🚀💻 #GitHub #Microsoft #Coding#Learning #Development