teleren/devto huggingface dataset:
Install node js ubuntu
Tags: node, ubuntu, linux, beginners
Published: 2023-10-08 10:30:29

This is a guide to installing node js on a Ubuntu machine. You can keep multiple versions of node simultaneously and switch between them as per the requirement.
Follow the below steps for installation : 

Run the command ensuring your system is up to date.
```
sudo apt update
``` 

To install the latest stable version, run the command 
```
sudo snap install node --classic
```
or  Visit the [Official Snap website](https://snapcraft.io/node) to see the list of available versions.

To confirm the installed version of node, run the command 
```
node -v
```

In case you wish to have more than one version of node installed. Run the command 
```
nvm install v19.9.0
```
Here **v19.9.0** is used as an example and can be replaced by a version of your choice!

To see all the available versions, use the command 
```
nvm list-remote
```

To see the list of node versions that are installed on your pc, run the command 
```
nvm ls
```
A similar result to the below image will appear.
![list of node](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u0j48nhbpzmhdf5h3l0i.png)

To switch between the versions of node, run the command 
```
nvm use v19.9.0
```
 Here **v19.9.0** can be replaced with any other version of node that is installed on the system.


Thanks for reading this. I hope this was helpful. Any comments or reactions will be wholeheartedly appreciated.
Belajar Docker #2
Tags: docker, container, virtualmachine
Published: 2023-10-08 10:22:32

Docker menggunakan konsep container.

Kemudian ada perbandingan antara virtual machine dengan container, perbedaanya adalah:

1. Virtual machine memiliki yang namanya vitual machine manager / Hypervisor (populernya disebut hypervisor), didalam hypervisor misalnya ada 3 sistem operasi yang menjalankan 3 aplikasi.

2. Pada Docker memiliki yang namanya container manager, didalamnya misalnya ada 3 aplikasi yang berjalan tanpa sistem operasi.

_Lho kok bisa, jalan tanpa aplikasi?_

Ya, karena yang jalanin os yang ngerun dockernya, gak seperti virtual machine yang didalamnya punya os, lalu os itu yang ngejalanin aplikasinya.

Nah karena docker basenya container, container gak kayak virtual yang kudu punya os kalau mau run aplikasi, jadi container lebih enteng.

_Trs divirtual machine kan ada Osnya masing - masing, kalau mau config Os dimasing" aplikasi gak ngeganggu config aplikasi lainya, kalau container gimana dong? kan gak page OS!, Apakah nanti akan keubah semua config osnya?_

Jawabnya **enggak**.

Karena akan diisolate oleh container managernya, jadi gak akan ngeganggu config aplikasi lainya walapun di 1 Os.

Sumber: https://youtu.be/ZJ1eniYvoXE?si=87oqFZWHr9HuDLWP[](https://youtu.be/ZJ1eniYvoXE?si=87oqFZWHr9HuDLWP)
Html Basics and The First Challenge I encountered
Tags: html, webdev, web2
Published: 2023-10-08 09:56:33

Hello Guys,

After embarking on my tech journey and undertaking the #100dayscoding challenge to refine my skills, I'm thrilled to announce the completion of another successful day. I want to take a moment to share my experiences with you all.

Initially, FreeCodeCamp's detailed explanations demystified every aspect of HTML tags and elements. This deep dive provided me with invaluable insights into the structure of web applications and the crucial role HTML tags play in enhancing a website's performance.

Despite the vast elements of HTML tags available, we focused on a select few to expedite my learning process. Among these were to name a few <head><body><title><meta><header><main><footer><em><strong><ul><ol><li><a><img> with some attribute. Exploring these elements was not only interesting but also fueled my curiosity to delve deeper into the world of web development

Armed with this newfound knowledge, I successfully crafted my inaugural web application, CatPhotoApp. https://t.co/WpDk0xfjN2

After the whole process, I decided to push my work to the git hub using the version control system, git, but I couldn't, i initialized git in my project folder, and added the files I wanted to push using the git command 'git add -A', configured my user name and password, and committed my file. After adding my GitHub repo URL, I wasn't able push the file, I received error messages like 'error: src refspec master does not match any. error: failed to push some refs to '<REMOTE_URL>', but I'm glad in all, I was able to solve this problem.

I will be sharing my second day soon...
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m1l6c6tr9om0rwsm2o58.png) cheers
Belajar Docker #1
Tags: docker
Published: 2023-10-08 09:55:38

Ketika membuat project (katakanlah web) dilokal kompuer kita, biasanya kita butuh web server, database, library, runtime dan OS.

Ketika projectnya jadi, maka kita akan deploy diserver, maka yang tadinya kita butuh web server, database hanya dilokal, kini butuh diserver, jadi kita harus install satu - satu diserver.

Nah dengan Docker, kita bisa membundle projectnya dengan kebutuhan sebelumnya berupa web server, database dll, dilocal, lalu ketika diserver kita tak perlu lagi menginstallnya.

sumber: [https://youtu.be/KrcHmVzmFN8?si=DoBWdBiIYlYftE2D](https://youtu.be/KrcHmVzmFN8?si=DoBWdBiIYlYftE2D)
Frontend Development Roadmap
Tags: webdev, programming, frontend, react
Published: 2023-10-08 09:55:01

Hello people,

Since last year, I made this frontend development roadmap template and so far it has been used by 100+ users across 50+ countries.



Yeah, the template served over 50+ countries, the simple goal is to make the proper and best frontend roadmap.



- Top frameworks to learn in 2023

- Extensive UI libraries list

- CSS and Styling libraries, 

- Tools and top npm packages

- Databases and APIs

- Hosting and Deployments

- Github repos collections 

- 50+ interview questions 

- 50+ websites to grab software development job

- 10 frontend projects of all lever beginner, intermediate and advanced



This is what the template includes so far but more to come in future.

Planning out to make a dedicated website for it.


[Check the template](https://shreyvijayvargiya.gumroad.com/l/frontend-development-roadmap?layout=profile)

Keep developing
Shrey
ihatereading.in
Benefits of Automation Testing
Tags: testing, development, softwaredevelopment, gamedev
Published: 2023-10-08 09:51:12

Automation testing is a type of software testing that involves the use of an automated tool to execute the test scripts without any human interference. In this article, we are going to discuss the advantages of automation testing.

**Saves time and money**
Testing applications is a continuous process. Every time source code is modified, software tests should be repeated. For each release of the software, it may be tested on all supported operating systems. If we want to test all the possibilities manually, it means enormous testing effort and higher costs. Because of the expanding applications, the cost and effort only grow exponentially. Automation testing can be run over and over again with no additional cost and they are much faster than manual tests.

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


**High accuracy**
Accuracy is the most important aspect when we consider the quality of the test results. But the testers may make mistakes during monotonous manual testing. Automation testing performs the same steps precisely every time with detailed results. Testers are free from repetitive manual tests and they will have more time to deal with complex features.

**Increased test coverage**
More tests can be allotted pertaining to any application through automation testing. Manual testing puts limits on how many tests you can verify. Automation testing allows you to spend time writing new tests and adding them to your automated test suite. It can increase the depth and scope of tests to help improve software quality. Lengthy tests that are often avoided during manual testing can be run unattended.

**Reduced manual labour**
Automation testing doesn't mean no human intervention at all. You would need a test automation engineer to write your scripts to automate your tests, instead of a lot of people doing boring manual tests repeatedly. It greatly reduces the human efforts required around it.

**Faster feedback**
Another benefit of automation testing is instant feedback. Faster feedback means faster bug-fixing time and less downtime. It could assure higher efficiency of the development team by facilitating quick feedback cycles. You can fix an error and ensure it doesn't influence the customer experience and customer satisfaction.

## Conclusion
The above are what you will benefit from having automation testing, this does not mean that manual testing is irrelevant. Automation Testing is an alternative to manual functional testing. Sign up for WeTest free trial to test your apps on real android and ios devices [Click Here](https://www.wetest.net/products/automation/?utm_source=tw&utm_medium=AM-TW-3)
Exploratory Data Analysis using Data Visualization Techniques
Published: 2023-10-08 09:47:46

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/olpudnnd8ldpaezk52i2.jpg)
Exploratory Data Analysis, or EDA for short, is a critical phase in the data analysis process that involves digging deep into data to extract meaningful insights and patterns. Think of it as peeling back the layers of a puzzle to reveal its complete picture.

At its core, EDA is all about understanding the data we have at hand. It's the process of scrutinizing datasets, identifying trends, and gaining a comprehensive understanding of what the data can tell us. It's an integral step before moving on to more advanced analyses or making informed decisions based on data.

One of the key tools in the EDA toolkit is data visualization. Data visualization is the art of presenting data visually, using charts, graphs, and plots. Instead of poring over rows and columns of numbers, data visualization simplifies complex data into easily digestible visuals.

These visuals help us quickly grasp the essence of the data. They allow us to see patterns, trends, and outliers that might not be apparent when looking at the raw data. In essence, data visualization transforms data into a language that our brains are exceptionally good at understanding – visuals.

Data visualization techniques include histograms, scatter plots, bar charts, line graphs, and more. Each of these techniques serves a specific purpose in EDA, helping us uncover different aspects of the data.

For instance, histograms show us the distribution of data points, helping us understand how data is spread across different values. Scatter plots allow us to explore relationships between two variables, revealing correlations or lack thereof. Bar charts are great for comparing categories, such as the performance of different groups or categories within the data.

In summary, Exploratory Data Analysis is all about getting to know our data intimately. It's about asking questions, seeking patterns, and understanding the story that the data tells. Data visualization is the indispensable tool that makes this journey more accessible and fruitful by turning data into visuals that our brains can easily interpret.

In today's data-driven world, mastering EDA and data visualization is essential for anyone looking to derive meaningful insights from data and make data-informed decisions in various fields, from business and healthcare to science and technology.
ChatGPT Applet Developer Prompt v1.0
Tags: webdev, javascript, chatgpt, promptengineering
Published: 2023-10-08 09:38:39

## Introducing the Applet Developer Prompt

### This prompt for GPT-4 will allow anyone, **regardless of skill level**, to **generate beautiful and useful JavaScript applets**.


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

These can be all kinds of simple, useful **tools**, **embeds, calculators, charts**, **planners**, **widgets**, **image apps**, **text transformation**, etc.

You are **only limited by your imagination** and what JavaScript libraries, frameworks, and APIs you have access to. There are many available for free.

📂 [**ChatGPT Generated Apps Collection**](https://getsmartgpt.com/apps/)

### Try creating your own applet with ChatGPT-4 today! 

You just need an idea. 💡

🗒️ **Note:** This prompt is intended to be used on the **GPT-4 Default** model.

## ⚙️ [Applet Developer Prompt for ChatGPT](https://markfulton.com/prompts/applet-developer-v10)

```
Name Your Applet: 
Describe What Your App Does: 

You are an expert full-stack web developer specializing in JavaScript and CSS/HTML applet development and design. Your task is to develop expert-level code for this project. 

Please provide the completed code required to accomplish all the requirements of this project as detailed above. 

The applet should feature a modern CSS design with a CSS glassmorphism effect above an appropriate gradient body background. Use flex-direction: column unless your app needs a different layout. Include an h1 title tag above the app container. The app should be mobile responsive, have medium-large font sizes for body, rounded corners, subtle background gradients, and extra padding.  The app should be centered on the page. Add a centered copyright ''©2023 {Applet Name}'' below the app container. 

Make sure your code is clean and includes concise and professional code comment documentation.
```

**Using this Prompt:** All you have to do is edit the first two lines. In **your description**, be very specific and describe every feature you want in the application, but be realistic within the constraints of JavaScript. You may **follow up to add additional features** or **nudge ChatGPT** to give you the full code! Use the 📂 **[CodeZip app](https://getsmartgpt.com/apps/CodeZip/)** to package and download your app code.

💡**Tip for App Ideas**: Try to think of things that annoy you or take up your time and solve them!


### 📂 CodeZip - Easily save and download code from ChatGPT


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

One **important app** I created entirely with this prompt is the 📂 **[CodeZip app](https://getsmartgpt.com/apps/CodeZip/)** for ChatGPT. It’s the app that **makes this prompt 10x more efficient**. Try it to **download your ChatGPT code fast**.

#### Feedback Welcome

**What are your thoughts? What will you build?**
Rikvip | Cổng game bài đổi thưởng uy tín
Published: 2023-10-08 09:24:27

Rikvipclubgame.com là trang thông tin chính thứ của cổng game đổi thưởng Rikvip. Đây là sân chơi cá cược trực tuyến rất được yêu thích trên thị trường cá cược.
Đến với game bài Rikvip, người chơi sẽ được trải nghiệm những sản phẩm cá cược chất lượng như: game bài, casino, minigame, slot,... đi kèm với dịch vụ chăm sóc khách hàng đạt chuẩn 5 sao.
Địa chỉ: 76 Ng. Chợ Khâm Thiên, Phương Liên, Đống Đa, Hà Nội, Việt Nam
SĐT: 0564 241 705
Email: rikvipclubgamecom@gmail.com
Code: 100000
Website: https://rikvipclubgame.com/
Hashtags: #rikvip #rikvipclubgame #gamebairikvip #trangchurikvip #gamebaidoithuongrikvip
 
Social Links:

https://www.facebook.com/rikvipclubgame/

https://twitter.com/rikvipclubgame

https://www.pinterest.com/rikvipclubgame/

https://500px.com/p/rikvipclubgame1?view=photos

https://www.flickr.com/people/199271632@N05/

https://youtube.com/@rikvipclubgame/about

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

https://draft.blogger.com/u/1/profile/03546515257269272074

https://rikvipclubgame.blogspot.com/

https://www.tumblr.com/rikvipclubgame

https://medium.com/rikvipclubgame/about

https://about.me/rikvipclubgame

https://rikvipclubgame.weebly.com/

https://rikvipclubgame.wordpress.com/

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

https://bbs.now.qq.com/home.php?mod=space&uid=5848025

https://linktr.ee/rikvipclubgame

https://www.twitch.tv/rikvipclubgame/about

https://ok.ru/rikvipclubgame/statuses/158200637869359

https://profile.hatena.ne.jp/rikvipclubgame/profile

https://issuu.com/rikvipclubgame

https://www.liveinternet.ru/users/rikvipclubgame

https://dribbble.com/rikvipclubgame/about

https://about.me/rikvipclubgame/

https://www.deviantart.com/rikvipclubgame

https://www.provenexpert.com/rikvip-clubgame/

https://hub.docker.com/u/rikvipclubgame

https://independent.academia.edu/RikvipClubgame

https://profile.ameba.jp/ameba/rikvipclubgame

https://sketchfab.com/rikvipclubgame

https://gitee.com/rikvipclubgame

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

https://fliphtml5.com/homepage/xkrxu

https://www.reverbnation.com/rikvipclubgame

https://dev.to/rikvipclubgame
Helix and Zellij
Tags: editor, linux
Published: 2023-10-08 09:10:31

I really like the [Helix](https://helix-editor.com/) text editor among all the common ones, for its simplicity and its support out of the box for every language I use.

The only thing I'm missing is a valid way to call the terminal from it, and make the terminal open in the same path I'm working on. 

To accomplish this I'm using [Zellij](https://zellij.dev/) which is a terminal multiplexer with batteries included, indeed it is presented as a terminal workspace.

## Zellij Configuration

[Zellij](https://zellij.dev/) allows you to create some custom layouts, that can be invoked at startup, to better adapt it to the work you are going to do. 

The following is mine configuration to work with the Helix text editor. I have saved this configuration under this path `~/.config/zellij/layouts/helix.kdl`:

```json
layout {
    pane size=1 borderless=true {
        plugin location="zellij:tab-bar"
    }
    pane {
        command "hx"
        args "."
    }
    pane split_direction="vertical" size="20%" {
        
    } 
    pane size=2 borderless=true {
        plugin location="zellij:status-bar"
    }
}
```

Which results in the following layout:



![Zellij with Helix editor](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k6574te1lc0180j0x9ni.png)


Helix running in the top pane with a terminal console in another pane at the bottom, in the same path of the project I'm working with!! and this is exactly the goal I wanted to achieve.

## System Configuration

Now to launch zellij with the custom layout and an instance of Helix I need to run:
```bash
zellij --layout ~/.config/zellij/layouts/helix.kdl
```
From the path I want to run Helix from.

Now to simplify that command i created an alias `zhx` and saved it inside my `~/.bashrc` file.
```bash
alias zhx='zellij --layout $HOME/.config/zellij/layouts/helix.kdl'
```

With this configuration, every time I need to spawn a new instance of Helix, I just need to type _zhx_ inside the directory I want to work with and [Zellij](https://zellij.dev/) will call [Helix](https://helix-editor.com/) for me and make it open the project automatically.
The Future of Food: Prepeat's Role in Shaping Culinary Trends
Published: 2023-10-08 08:49:25

The world of food is constantly evolving, and Prepeat is at the forefront of shaping culinary trends. In this blog post, we'll discuss how Prepeat is influencing the way we eat, from innovative cooking techniques to the rise of sustainable dining. Join us in exploring the exciting future of food and how Prepeat is leading the way.

The Ever-Changing Culinary Landscape

Culinary trends are a reflection of our evolving tastes, preferences, and values. As we navigate a changing world, our approach to food is also evolving. Prepeat recognizes the dynamic nature of the culinary landscape and is dedicated to staying ahead of the curve.

Innovation in Cooking Techniques

Prepeat embraces innovation in cooking techniques, making it possible for you to experience cutting-edge culinary creations. From sous-vide cooking to molecular gastronomy, our platform allows you to explore and savor the latest trends in cooking.

Sustainability as a Core Value

Sustainability is no longer an option; it's a necessity. Prepeat is committed to sustainability in every aspect of our operations. From reducing food waste to using eco-friendly packaging, we're taking steps to ensure a greener future for food.

The Rise of Plant-Based Eating

Plant-based diets are gaining popularity for their health and environmental benefits. Prepeat offers a wide range of plant-based meal options, allowing you to make sustainable and nutritious choices without sacrificing flavor.

Global Culinary Exploration

Prepeat's platform takes you on a global culinary journey, allowing you to explore flavors and cuisines from around the world. We believe that experiencing diverse cuisines broadens horizons and enriches our culinary landscape.

Personalized Culinary Experiences

Personalization is a key trend in the food industry. Prepeat's platform allows you to customize your meals and dining experiences according to your preferences, dietary restrictions, and culinary interests.

Community and Connection

Food has the power to bring people together. Prepeat's community initiatives aim to strengthen bonds and create a sense of togetherness through shared meals and culinary experiences.

The Future Is Delicious

The future of food is filled with exciting possibilities, and Prepeat is dedicated to making those possibilities a reality. By embracing innovation, sustainability, and the power of community, we're shaping a future where food is not only delicious but also a force for good.

Join Us in Shaping the Future

Prepeat invites you to join us in shaping the future of food. Whether you're a culinary enthusiast, a sustainability advocate, or simply someone who appreciates a great meal, your choices and preferences play a role in influencing the culinary trends of tomorrow. Together, we can create a future where every meal is a delightful and meaningful experience.