teleren/devto huggingface dataset:
What is it like to be a Design System Engineer?
Tags: designsystems, designsystemengineer, designops, webdev
Published: 2023-02-15 04:36:30

Since Design Systems have been discussed more recently, I thought I would share my experience as a newbie Design System Engineer (DSE).

Before I switched from front-end engineer to dedicated DSE, my understanding of DSEs was a variation of Front End Engineers living in an earlier product development phase and working more with designers. I thought I could adapt quickly because I've worked as a front-end engineer for a few years and made a small React component library, have a design background (I majored in Graphic Design in college), and have had plenty of experience working with UI and UX designers in the previous jobs.

However, I started running into different problems and challenges once I started working on the design systems.

Here are a few examples I learned on the job:

- Build tool configuration
  - Frameworks like CRA and Nextjs are fantastic tools and abstract away many headaches that come with the build tools. But DSEs need to know what's happening under the hood so they know how your product (design systems) is built.

- Helping consumers of the design systems
  - The developers and designers are encouraged to use the design systems to build their products. And often, they have questions and problems with the components. How you solve these problems for them determines your design system's success because, ultimately, the design system needs to be adopted by the teams to build the products. Providing good support for consumers requires good communication skills, and knowing when and how to push back becomes a critical skill.

- Accessibility knowledge
  - It's not that I didn't take a11y seriously before, but for DSEs, it is one of the most critical aspects of your work. If the component meets the a11y standard, the final product will likely have a good a11y.

- Takes much longer to release
  - Throughout my career as a developer, I was always in a startup environment, so my mindset was "ship often, fix as the bug comes." But this only applies to some design systems because of the impact those bugs can make on the products. Thorough and rigorous planning to create a solid foundation so that the product can build on top of it.
 
- Every design system is different
  - Just because you work on a design system doesn't mean you can copy everything from Material Design. Each design system has its requirement, and the "success" of the design system varies too. Knowing what success means to your system is key to creating a successful design system.

I really enjoy working on design systems as I get to play with code and design (Figma), and debugging aspect of work is very satisfying. Dedicated design system engineers are still a rare kind of engineers, but I'm excited to pursue this career as the design system will become even more important for the tech companies that want to scale:)

I'll be writing about more technical aspects of design system engineering. Please follow and support if you liked what you just read!
Manajemen Peraturan Organisasi dengan Aplikasi Berbasis NLP
Tags: magangsrdkomatik2023
Published: 2023-02-15 04:19:15

**Latar belakang **
Sebuah organisasi dibentuk oleh dua atau lebih orang untuk mencapai visi misi yang hendak dicapai. Tidak jarang organisasi memerlukan aturan-aturan supaya tujuan organisasi tersebut tetap sejalan sesuai pembentukannya. Organisasi memiliki peraturan yang paling mendasar, biasa disebut anggaran dasar/aturan rumah tangga (AD/ART). Aturan yang tidak sedikit dan butuhnya peraturan turunan. Seiring berjalannya waktu, peraturan yang dibuat mungkin bertentangan dengan aturan dasarnya. Untuk itu, diperlunya skema supaya aturan tersebut tetap sejalan dengan anggaran dasar yang disusun. 

**Ide dan deskripsi aplikasi**
Idenya adalah setiap butir aturan tersimpan dalam suatu basis data. Tiap butir alamat diparsing dengan model NLP yang dibangun

**Tujuan dan manfaat**
Tujuan aplikasinya adalah untuk memanajemen setiap peraturan dalam suatu organisasi. Adapun manfaatnya adalah pengurus organisasi tidak perlu memakan waktu memeriksa aturan-aturan baru yang hendak dibuat tersebut melanggar anggaran dasar.

**Pembatasan**
Saat ini aplikasi hanya terbatas pada pemeriksaan aturan baru. AD/ART yang telah dibangun belum bisa diubah karena kemungkinan memunculkan masalah pada aturan dibawahnya.
281 days streak on Leetcode🥳🥳🥳🥳
Published: 2023-02-15 04:06:30

I completed today 281 days strak on Leetcode.....🥳🥳🥳🥳
I am glad that my consistency is increased...and I become a regular person since 281 days...


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

Consisterncy is the key which makes you perfect!!!!
Puppeteer unknown error.
Tags: javascript, webdev, programming
Published: 2023-02-15 04:03:40

I am getting error while validating the search or reset button by using puppeteer funality. It is cheching perfactly inside the browser but I am geeting error without any perticulur message.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6dd44qytmvdcoo14dmo9.PNG)
989. Leetcode Solution in CPP
Tags: cpp
Published: 2023-02-15 04:03:38

============================================================
#Description:
The array-form of an integer num is an array representing its digits in left to right order.

For example, for num = 1321, the array form is [1,3,2,1].
Given num, the array-form of an integer, and an integer k, return the array-form of the integer num + k.

 

Example 1:

Input: num = [1,2,0,0], k = 34
Output: [1,2,3,4]
Explanation: 1200 + 34 = 1234
Example 2:

Input: num = [2,7,4], k = 181
Output: [4,5,5]
Explanation: 274 + 181 = 455
Example 3:

Input: num = [2,1,5], k = 806
Output: [1,0,2,1]
Explanation: 215 + 806 = 1021
 

Constraints:

1 <= num.length <= 104
0 <= num[i] <= 9
num does not contain any leading zeros except for the zero itself.
1 <= k <= 104
============================================================
#Solution:
```cpp
class Solution {
 public:
  vector<int> addToArrayForm(vector<int>& num, int k) {
    for (int i = num.size() - 1; i >= 0; --i) {
      num[i] += k;
      k = num[i] / 10;
      num[i] %= 10;
    }

    while (k > 0) {
      num.insert(begin(num), k % 10);
      k /= 10;
    }

    return num;
  }
};

```
#leetcode 
#challenge
Here is the link for the problem:
https://leetcode.com/problems/add-to-array-form-of-integer/
How to optimize website assets loading?
Tags: beginners, html, website, programming
Published: 2023-02-15 03:56:15

Website performance is crucial to the success of any online business. Slow loading times can lead to frustration and dissatisfaction among users, leading to a loss of traffic and revenue. One of the most important aspects of website performance is asset loading, which includes images, stylesheets, scripts, and other resources that the website needs to function properly.

## Here are some tips on how to optimize website asset loading:

- **Minimize the number of requests:** The more requests a website makes, the longer it takes to load. Reduce the number of requests by combining files where possible, eliminating unnecessary assets, and using browser caching.
- **Optimize images:** Images are often the largest files on a website, so optimizing them can significantly improve loading times. This includes compressing images to reduce file size, resizing images to the required dimensions, and using the appropriate file format.
- **Use a Content Delivery Network (CDN):** A CDN can speed up website loading times by distributing website assets across a network of servers, which are closer to the user. This reduces the distance that data needs to travel, leading to faster loading times.
- **Use lazy loading:** Lazy loading is a technique that delays the loading of non-critical assets until they are needed. This means that the initial page load is faster, and the user only needs to wait for the necessary assets to load.
- Minify code: Minifying code involves removing unnecessary characters and white space to reduce file size. This can lead to faster loading times, as the browser doesn't need to process as much data.
- **Prioritize critical assets:** Critical assets, such as the website's main stylesheet and scripts, should be loaded first. This ensures that the website is functional as soon as possible, even if other assets are still loading.
- **Use asynchronous loading:** Asynchronous loading allows assets to load simultaneously, rather than waiting for each asset to load before starting on the next. This can significantly improve loading times, particularly for scripts.
- **Avoid redirects:** Redirects can slow down website loading times, particularly if there are multiple redirects. Reduce the number of redirects by using direct links to assets.

## conclusion

Optimizing website asset loading is crucial for improving website performance and user experience. By following these tips, you can significantly reduce loading times and improve the overall performance of your website.


## Support 🤗
[YouTube](https://www.youtube.com/@stakedesigner)
[Website](https://stakedesigner.com/)

## Thanks for reading!

If you have any questions, complaints or tips, you can leave them here in the comments. I will be happy to answer!

😊😊 See you later! 😊😊
Trusted HTTPS Support in DDEV
Tags: webdev, devops, php, tutorial
Published: 2023-02-15 02:52:00

{% embed https://youtu.be/tf61RiD9-LA %}

I deal with this helpful warning on DDEV start, and bypass the dreaded "Back to safety" HTTPS browser warnings during local development:

> mkcert may not be properly installed, we suggest installing it for trusted https support, `brew install mkcert nss`, `choco install -y mkcert`, etc. and then `mkcert -install`
Myths about DevOps
Tags: devops, devjournal, myths, beginners
Published: 2023-02-15 02:32:00

When a DevOps pattern commonly adopted by other organizations doesn’t work in a specific context and still the organization continues using it, it leads to the adoption of an anti-pattern.

Some of the notable anti-patterns are:

**1. An organization needs to have a separate DevOps group.**

**2. Agile equals DevOps.**

**3. DevOps is a process.**

**4. DevOps is development-driven release management.**

**5. DevOps is not possible because the organization is unique.**

**6. DevOps is not possible because the people available are unsuitable.**

**7. DevOps means Developers Managing Production.**

**8. DevOps will solve all problems.**

**9. DevOps needs to migrate all development operations at once.**

**10. Not defining KPIs at the start of a DevOps transition.**

**11. Reduce the silo-based isolation of development and operations with a new DevOps team that silos itself from other parts of the organization.**




![Myths about DevOps](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lfqwlrwuvf6u7c9demcs.png)


Thanks for reading this.

If you have an idea and want to build your product around it, schedule a call with [me](https://calendly.com/pragyanatvade).

If you want to learn more in DevOps and Backend space, [follow me](https://dev.to/pragyanatvade).

If you want to connect, reach out to me on [Twitter](https://twitter.com/pragyanatvade) and [LinkedIn](https://www.linkedin.com/in/pragyanatvade/).
CodeSmash - Building in Public - Add Stacks to the Canvas
Tags: node, aws, webdev, javascript
Published: 2023-02-15 02:24:24


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

https://youtu.be/aBT0qPnl42U

Getting closer to the MVP! This time, we show how you can add AWS Resources to your canvas and make them part of your stack.
Mr Bắn Cá Đổi Thưởng - Top 10 + Game Bắn Cá Uy Tín Nhất Hiện Nay
Published: 2023-02-15 02:14:18

Một trong những siêu phẩm hot nhất trong phòng cái Mrbanca đó đó là bắn cá đổi thưởng, đó là cuộc chơi giúp cho nhà cái thu về lượt chơi nhiều nhất và đạt được thứ hạng cao bên trên các bảng xếp hạng. Vậy thì với đào bới siêu phẩm [Bắn cá đổi thưởng uy tín](url) sang trọng năm 2022 ngay nhé!

Bắn cá Mrbanca – Sản phẩm game Bắn cá đổi thưởng cực đẳng cấp và sang trọng từ nhà cái Mrbanca lừng danh. Đã đam mê  bộ môn bắn cá đổi thưởng thì bền bỉ bạn bè không thể bỏ dở bắn cá . Đây cũng chính là điểm đến số 1 của các người chơi tại Việt Nam. Vậy sân chơi này có ưu điểm gì lôi kéo người chơi đến vậy? Hãy đào bới còn nữa bắn cá Mrbanca trong nội dung bài viết bên dưới đây. 
Bắn cá Mrbanca được nhiều người chơi yêu thích và được nhiều bằng hữu ghé thăm khi truy cập vào nhà cái Mrbanca. unique game đạt chuẩn chỉnh quốc tế, giao diện sinh động và hàng ngàn loài vật đa chủng loại bên dưới đáy biển khơi sẽ mang đến cho bạn trải nghiệm thú vị nhất.
Thao tác trong game bắn cá dễ chơi, luật chơi dễ hiểu sẽ giúp gamer làm quen chóng vánh kể cả những người bắt đầu chơi bắn cá. Ngoài bắn cá thì trong sảnh game cũng đạt thêm khu bắn rồng săn hũ cực thu hút và nhiều giải thưởng quý giá cho những người chơi trải nghiệm. hình như, bắn cá Mrbanca còn có không ít chế độ ưu đãi, hệ thống bảo mật thông tin cực cao và an ninh.
Building a Simple Server with Node.js and Express
Tags: webdev, javascript, beginners, node
Published: 2023-02-15 02:01:24

**INTRODUCTION**

Node.js has become an incredibly popular server-side JavaScript runtime, and for good reason: it's fast, scalable, and easy to use. In this tutorial, we're going to build a simple server using Node.js and Express, a popular Node.js framework that simplifies server-side development. By the end of this tutorial, you'll have a basic understanding of how to set up a server with Node.js and Express.

**PREREQUISITES**

- Node.js installed on your machine

- Basic knowledge of JavaScript

**Step 1: Setting Up Your Project**

Before we dive into the code, we need to set up our project. Open up your terminal and create a new directory for your project:

```
mkdir simple-server
cd simple-server

```

Next, initialize your project by running npm init and following the prompts:

```
npm init
```
This will create a package.json file that we'll use to manage our dependencies.

Step 2: Installing Dependencies

We're going to be using the Express framework to build our server. To install it, run:

```
npm install express
```
This will install the latest version of Express in your project.

Step 3: Creating Your Server

Now it's time to write some code. Create a new file in your project directory called index.js. This is where we'll write our server code.

In index.js, add the following code:

```
const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.send('Hello, world!');
});

app.listen(3000, () => {
  console.log('Server listening on port 3000');
});

```

Let's go through what this code does:

We first import the express module and create a new instance of it.
We define a route for the root of our server (/) using the app.get() method. This route responds with the string 'Hello, world!' when accessed.
Finally, we start the server listening on port 3000 using the app.listen() method.
Step 4: Running Your Server

To run your server, simply run the following command in your terminal:

```
node index.js
```
Goa Jomblang
Tags: jomblangcave, goajomblang, wisatayogyakarta, wisata
Published: 2023-02-15 01:41:39

Dusun Jetis Wetan terdapat banyak sekali gua-gua yang menarik. Dusun ini terletak di Desa Pacarejo Kecamatan Semanu Kabupaten Gunungkidul Propinsi D.I. Yogyakarta.

Di Dusun ini terdapat 6 gua, tiga diantaranya saling berhubungan termasuk gua suci, dan tiga lainnya saling pisah. Tiga gua yang saling berhbungan ini sangat menarik karena dialiri sungai yang sangat jernih.


![Foto di Goa Jomblang](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/amxzu1dghy3xh4rbxkzy.jpeg)

Kebanyakan gua-gua di Dusun Jetis ini terletak di bawah tanah, karena Kabupaten Gunungkidul sendiri merupakan daerah pegunungan yang ada di Jogja sesuai dengan namanya.

Gua Suci sendiri sangat mudah untuk dimasuki karena sudah terdapat tangga-tangga berundak tidak seperti dahulu kalau. Gua ini cocok sekali jika untuk berenang, pecinta alam, dengan pemandangan yang asri dan sejuk.

Sedangkan tiga gua yang lainnya sangat cocok bagi pecinta alam karena sangat curam, bahkan diantara ketiga gua ini yang bernama gua jomblang kedalamannya sangat dalam mencapai hampir 100 meter.

Dengan lingkungan yang masih alami sangat menantang untuk di jelajah, karena sudah banyak sekali para pecinta alam yang menjelajahi Gua Jomblang ini terutama para pecinta alam dari Jogja.

Cara untuk menuju ke Goa Jomblang ini ada beberapa. Anda bisa menggunakan [rental mobil Jogja](https://absolute-transport.com), [sewa mobil Jogja lepas kunci](https://avilorentcar.com) atau [car rental Yogyakarta](https://bprentcar.com). Harganya cukup murah dan terjangkau jika dibandingkan dengan transportasi umum lainnya.
Reuse of Used Goods for People Who Need it Based on Mobile Application
Tags: magangsrdkomatik2023
Published: 2023-02-15 01:23:09

Every household always needs a lot of necessities to survive. From consuming or buying new things. If the item is no longer used, it is likely to cause new garbage someday. For example, the use of clothes, clothes have a shelf life/age because our bodies are growing so that the clothes do not fit to be worn anymore, and also electronic waste that is harmful to life because it contains hazardous substances.

Before becoming trash, these unused items can be used by people in need. Many people don't know what things to make from these used goods, so the garbage is just piled up. In this case, a solution emerged to reduce waste in the community. The use of mobile applications to donate or request used goods needed within the Village. In this case, it is guided by "sharing is caring", in addition to reducing waste or garbage, this can increase public awareness of existing social conditions. the implementation is if we have unused goods, we can donate them through the application. We can also ask other people for unused goods through this application. Not only clothes, but we can also donate used items such as unused electronic devices or various household needs.

In June 2020 Statista released survey data that 76% of Indonesians buy more clothes (tempo.co). The clothing needs of the Indonesian people are very high, so the waste generated also increases. The current fast fashion trend can also cause waste because these clothes are sold cheaply which continues to issue new editions every season adding to the consumptive culture that is often done. According to the 2017 International Union for Conservation of Nature report that the textile industry will be a source of microplastic pollution in the oceans for the whole world (parapuan.co). Electronic needs are increasingly advanced and need renewal. Of course, this is very dangerous for the survival of animals or humans. With this application, it is hoped that public awareness about waste can increase so that waste reduction can be reduced and can also help our brothers and sisters in need. This platform only support interact contributor and receiver to connect each other and get what they want. this platform is not yet supported about shipping feature so this donations must sent manually.

In accordance with the goal of SDGs number 12 on Responsible Consumption and Production. Community needs will certainly cause waste someday, so they must reduce or prevent the waste so that it can be reused. Sustainable consumption will have an impact on both the community and the surrounding environment supported by public awareness. This platform can support the community in waste reduction and reuse of used goods.

 #magangsrdkomatik2023
Hello, Rust. This is C. Play Nice!
Tags: beginners, codenewbie, rust, motivation
Published: 2023-02-15 01:20:47

### How to compile and run a 'Hello World' C script using a Rust build file with the cc crate.
**In a** [previous post](https://dev.to/sidunn/macro-roni-ai-yi-yi-3fce) here on Dev, I grumbled about being impatient while learning Rust. And, after floundering miserably at Rust procedural macros, I promised to go back to the Rust Playground and get more experience.

On my way back there, however, I stopped off long enough to look through some of [The Cargo Book](https://doc.rust-lang.org/cargo/reference/build-script-examples.html?highlight=hello.c#building-a-native-library) and found a simple way to compile and display a "Hello, World" C file by adding it to a Rust build script.

**Check out** the "Build a Native Library" section of _The Cargo Book_ and look at its examples. I chose to focus on the Rust build script using a build-dependencies entry from [Crates.io](https://crates.io). **cc-rs** is "[a] library to compile C/C++/assembly into a Rust library/application."

In _The Cargo Book_, find the text that begins: _"Not to fear, though, this is where a build-dependencies entry would help!"_

**Enter and save** the simple code examples that are shown. And be sure to place each file in the correct subdirectory. For example, the _build.rs_ file should not be placed into the _src_ folder. Put it in the folder with the _Cargo.toml_ file. Meanwhile, be sure the _hello.c_ file is placed in the _src_ folder, along with the main.rs file.

I chose to add two more "message" lines to the _printf();_ portion of the boring _hello.c_ file. This C file is compiled and displays text on the screen right after you enter `cargo build` at the prompt and then  `cargo run`. Here is my _hello.c_ example:
```
// hello.c - Simple C program to display "Hello World"  
// Header file for input output functions
#include <stdio.h>
// main function - where program execution begins
void hello(){
// prints hello world
printf("Hello, Rust World! This is a message from C World!\n");
printf("And another message to Rust World from C World!\n");
printf("But now, that's all, folks!\n");
}
```
```
C:\Users\sidun\Documents\Rust_code\projects\hello-world-from-c>cargo run
    Finished dev [unoptimized + debuginfo] target(s) in 0.02s
     Running `target\debug\hello-world-from-c.exe`
Hello, Rust World! This is a message from C World!
And another message to Rust World from C World!
But now, that's all, folks!
```

**After getting ahead** of my Rust-beginner skills and floundering at procedural macros, it has been nice little confidence boost to see that I can get some Rust and C to work together. If you are a Rust beginner, be sure to spend some quality study time with [The Cargo Book](https://doc.rust-lang.org/cargo/guide/), as well as [The Rust Programming Language](https://doc.rust-lang.org/book/) book.

![Cargo run...for the win!](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v1m28ahxazkzwr44cs3m.png)

###### Cover image credit: _Photo by Si Dunn_