teleren/devto huggingface dataset:
Welcome Thread - v258
Tags: welcome
Published: 2024-01-11 17:58:57

---
title: Welcome Thread - v258
published: true
description: Welcome to DEV! A thread of hellos and intros.
tags: welcome
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9gl6twd8r59cvwqlllw7.jpg
---
![Dog waving and howling "how ya doing?"](https://media.giphy.com/media/KVGG5WQjQGP748WlML/giphy.gif)
---

1. Leave a comment below to introduce yourself! You can talk about what brought you here, what you're learning, or just a fun fact about yourself.

2. Reply to someone's comment, either with a question or just a hello. 👋 

3. If you are new to coding, want to help beginners in their programming journey, or just want another awesome place to connect with fellow developers, check out the [CodeNewbie Org](https://dev.to/codenewbieteam)!
AnswerThePublic
Tags: webdev, javascript, beginners, programming
Published: 2024-01-11 17:45:03

AnswerThePublic là gì?
[AnswerThePublic](https://www.wsovn.net/answerthepublic-expert) lắng nghe dữ liệu tự động hoàn thành từ các công cụ tìm kiếm như Google, sau đó nhanh chóng tìm ra mọi cụm từ hữu ích và câu hỏi mà mọi người đang hỏi xung quanh từ khóa của bạn.
Đó là mỏ vàng về hiểu biết sâu sắc về người tiêu dùng mà bạn có thể sử dụng để tạo nội dung, sản phẩm và dịch vụ mới, cực kỳ hữu ích. Loại khách hàng của bạn thực sự muốn.
Làm thế nào nó hoạt động
Nếu bạn tò mò về việc AnswerThePublic lấy dữ liệu từ đâu, họ sẽ lấy trực tiếp từ Google và các công cụ tìm kiếm khác. Như họ đã nói, các công cụ của họ “lắng nghe” dữ liệu tự động hoàn thành của các công cụ tìm kiếm, từ đó tiết lộ tất cả những thứ mà mọi người đã tìm kiếm. AnswerThePublic liên tục xem qua dữ liệu này, chọn ra các cụm từ và câu hỏi “hữu ích” và lưu trữ chúng trong cơ sở dữ liệu.
Để sử dụng AnswerThePublic, tất cả những gì bạn phải làm là nhập 1-2 từ khóa có liên quan. Sau đó, nó sẽ tiết lộ một mỏ vàng về hiểu biết của người tiêu dùng. Các kết quả được sắp xếp thành các chủ đề phụ và được sắp xếp theo lý do tại sao, như thế nào, cái gì, khi nào, v.v.
Mua ngay tại: [https://www.wsovn.net/answerthepublic-expert](https://www.wsovn.net/answerthepublic-expert)
Made a Code Snippet Website
Published: 2024-01-11 17:44:32


**Link**
[Website Here!](https://psy-lilulu.github.io/CodeMap-Website/)

So i made this code snippet website for better code snippets that people can post online. I made this because i didn't like how carbon looks and it doesn't have full features i want to add. Since i am learning webdev (this is my 2nd website and day 2) i thought this would be a nice learning project. 

## **Features**

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




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

Auto Type


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mpkhtrf57e3adncvsw14.gif)
**ShowCase:**

this is how the image snippet looks like (i have yet to make to high resolution) 
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e7uk9ergzadqus5p3op6.png)
The basics of WebDev'in: Client/Server Architecture
Published: 2024-01-11 17:35:25

You are starting web development in 2024, you've got your favorite programming language, you probably know the basics about some web framework that abstracts a lot of concepts and make your life easier.

Well, I'm very happy for you, keep going, web development is awesome and I hope I can make your journey smoother.

Back to the article, First things first.

## What is Client/Server architecture?

It's a way of distribute applications, that can isolate your aplication in a server and distribute to as many clients as you want, the client requests "something" to the server, the server responds with a response that can contain the requested "something". 

The keywords here are: Clients👨‍💻👩‍💻, Server🖥️, Request➡️, Response⬅️.

bellow you will find an image that represents the architecture I'm talking about:

![Client-Server Architecture representation](https://res.cloudinary.com/lwgatsby/f_auto/www/uploads/2023/05/client-server-network.jpg)

What you are seeing is a common representation of "you using your browser(Google chrome, Mozilla Firefox, Safari etc..)". Let's say you are searching down the internet for images of cute baby cats. To satisfy your eager you could go to https://google.com and in the search bar type "cute baby cats" and click on the "images button" to see images, not text. 

### Now the golden question is: When did you made a request?

To answer that, let's break down the flow above in steps so you can better understand.

#### Step One
First, you opened your browser and typed https://google.com you requested➡️ to Google:

> "Hey Google, give me your search page so I can search what I want." 

And the Google's servers(remember this term) answered with a response⬅️: 

> "Sure, this is my search. I'll wait here until you search something". 

#### Step Two
Then, when you type "cute baby cats" and pressed search, another request➡️ is made to google's servers: 

> "Hey Google, you have been great presenting this search page to me, but now I already know what I want. Please search on the internet for cute baby cats for me, and present this to me as a list.". 

And then Google's servers respond again with a response⬅️: 

> "Sure, here is what you asked. And send to you a list as asked." 

#### Step Three, final one
And finally, you click on the "Images button", and request to google not links, but pretty images. When the button got clicked another request is made by the client(your browser) and the holly grail of cute baby cats are shown to you as a response by the server(Google).

![Cute baby cats search in google.com](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hmn5e3msncxj8pr0ojph.jpg)

Are we good? Did you understand? If not, please hit me(not physically) in the comments bellow.

**Last, but not least**, if you understand this concept, please spread the love ❤️, sharing this article along with sending cute baby cat images on the comments. This way everyone who reads the comments will have a better day.

### Thank you so much for your reading and I hope you have a great week.
Debugging IIS Websites with Visual Studio: A Step-by-Step Guide
Published: 2024-01-11 17:26:41

1. **Open Visual Studio:**
   Launch Visual Studio and open the project/solution that corresponds to your IIS website.

2. **Set Up IIS:**
   Ensure that your IIS website is properly configured and running. If not, configure it by creating a new website or using an existing one.

3. **Build Configuration:**
   Make sure that your project is set to a configuration that includes debugging information. Typically, you would use the "Debug" configuration.

4. **Start Debugging:**
   Click on the "Start Debugging" button in Visual Studio (or press `F5`). This will launch your application and attach the debugger.

5. **Attach to Process:**
   If your IIS website is already running and you want to attach the debugger to it, go to the "Debug" menu, select "Attach to Process," and choose the process associated with your IIS application pool (usually `w3wp.exe` for IIS worker process).

6. **Select the Correct Code:**
   Make sure that the source code you want to debug is the one being used by IIS. Check the solution configuration to ensure that the correct project and build configuration are selected.

7. **Set Breakpoints:**
   Place breakpoints in your code where you want the debugger to break and allow you to inspect variables and step through the code.

8. **Debugging:**
   Once attached, you can now debug your IIS website. Visual Studio will break at the breakpoints, and you can use the debugging tools to step through code, inspect variables, and troubleshoot issues.

Remember that for effective debugging, you should have the necessary permissions to attach the debugger to the IIS process and modify the IIS application pool settings accordingly.

By following these steps, you should be able to attach the Visual Studio debugger to your IIS website for debugging purposes.
BDD Testing
Tags: testing
Published: 2024-01-11 17:22:16

## What is BDD Testing?

BDD is Behavior Driven Development Testing.
It's an Agile way where testers write cases in a simple way for anyone to understand.
Gherkin language is used for BDD to describe scenarios and outcomes using Given, When, and Then statements.

## Frameworks
Cucumber is a framework that outlines the scenarios in a feature file, and formulates the tests with Java code in another file.

## Advantages to Cucumber
We can use parameterized tests for code reusability using Scenario Outlines and Examples.

```
Scenario Outline: 
Given any day of the week
When it is <time> o'clock
Then I should eat <dish> for <meal>

Examples:
| time |   dish   |    meal   |
| 8 AM | pancakes | breakfast |
| 1 PM | sandwich |   lunch   |
| 6 PM |   pasta  |   dinner  |

```
This allows us to reuse the scenario outline for all of these different cases without having to copy and paste the Scenario, Given, and Then statements.
#CodePenChallenge | Meowatar (Pure CSS avatar creator)
Published: 2024-01-11 17:22:13

<h1>Meowatar (Pure CSS avatar creator)</h1>

<h2>Description</h2>

<p>This is avatar creation tool by just using CSS (Sass) and HTML (No JavaScript codes).</p>

<p>I made this possible by using CSS loop technique and taking advantage of <code>:has()</code> selector.</p>

<p>I intended to add dress, but it's not possible to do due to timeframe, so I decided not to include it. If it's only possible to add even just SVG, then I can make it (I guess).</p>

<p>I also made the UI responsive, so it should work in all devices.</p>

{% codepen https://codepen.io/takaneichinose/pen/eYXzobL %}
A Parade of Text Editors
Tags: webdev, texteditors, javascript, discuss
Published: 2018-01-15 15:59:43

---
title: A Parade of Text Editors
published: true
description: VS Code is currently tops — here's a few reasons why.
tags: webdev, texteditors, javascript, discuss
---

I suspect that many folks attracted to programming share this trait, but long before I ever read a line of code, I was particular about my "tools." I'd spend hours trying different pens, or search all over town for a notebook with just the right size, binding, paper thickness and ruling (dot grid, anyone?). And occasionally I'd find a setup that really made me happy, although I could never shake the idea that there might be something out there just a *little* bit better.

When I got interested in coding a few years back, the only text editor I knew of was [Text Wranger](https://www.barebones.com/products/textwrangler/). That's what this guy at work used, and I thought he must be a genius coder (later I realized that he'd never learned CSS and laid out web pages with HTML tables). I started watching lots of web tutorials online, and it wasn't long before I saw someone open [Sublime Text](https://www.sublimetext.com/) (he just called it "Sublime," because he was cool like that). And I soon found that Sublime Text was in fact pretty awesome. You could spend (waste(?)) days perusing all the different extensions and options. 

As great as Sublime Text was, though, I always had my eye out for something better. When I finally got serious about coding and attended an immersive program, they recommended [Atom](https://atom.io/), which was the new-ish kid on the block. I used it for most of a year and it has a lot to recommend it: it's free (which Sublime Text definitely wasn't), open-source, built by Github. What's not to like? Well, mainly that it's painfully slow to start up and hangs often... So when I saw one of my coding heroes using [Visual Studio Code](https://code.visualstudio.com/), you know what happened next. 

VS Code is the best text editor I've come across. It's quick and flexible. It has a seamless integrated terminal and a robust ecosystem of extensions. As someone who currently writes mostly JavaScript, I find its version of tools like ESLint, Prettier, npm Intellisense, as well as snazzy visuals like VS Code Great Icons, to be easy to incorporate.

Is there still something better out there? Probably! Let me know what you think.
Train YOLOv8 for Container Damage Detection 📦🚛
Published: 2024-01-11 17:16:13

Discover the art of Container Damage Detection in Computer Vision. Follow our step-by-step tutorial on training YOLOv8 with a custom dataset. Whether you're a beginner or an expert, this guide takes you from dataset preparation to model evaluation.


Table of Contents

    Introduction
    Dataset Preparation
    Model Training
    Evaluation
    Demo Results
    Discussion & Comments

Introduction

Begin your journey into Container Damage Detection with an engaging introduction to the tutorial.
Dataset Preparation

Learn the essentials of preparing a custom dataset for YOLOv8 training.

Model Training

Walk through each step of training YOLOv8 on your custom dataset for optimal results.

from ultralytics import YOLO
import cv2

model = YOLO("last.pt")

demo = "demo.mp4"

results = model.predict(source=demo, show=True)

source.set(3, 1920)
source.set(4, 1080)

print(results)


Evaluation

Evaluate the trained model and ensure its effectiveness in container damage detection.
Demo Results

Witness the impressive results of your trained YOLOv8 model in action.

Discussion & Comments

Don't miss out on this transformative tutorial – watch now to elevate your skills in Computer Vision!
Elevate Your Business Image: The Power of Awnings for Shop Fronts?
Tags: shopfrontlondon, aluminiumshopfrontdoor
Published: 2024-01-11 17:10:22


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

In the competitive world of retail, creating a strong and inviting storefront is crucial for attracting customers and setting your business apart. Awnings play a pivotal role in enhancing the aesthetics and functionality of shop fronts. This blog will explore the myriad benefits of incorporating awnings into your shop's exterior design.

**Curb Appeal and Branding:**
Discuss how awnings contribute to the overall visual appeal of a shop front.
Highlight the importance of consistent branding and how awnings can be customized to match the brand colors and logo.

**Practicality Meets Style:**
Explore the functional benefits of awnings, such as providing shade, protecting against the elements, and creating an inviting entrance.
Showcase various styles and designs of awnings that strike a balance between practicality and aesthetics.

**Energy Efficiency:**
Explain how awnings can contribute to energy efficiency by reducing the heat gain through windows, thus cutting down on cooling costs.
Provide examples and statistics that demonstrate the energy-saving potential of well-designed awnings.

**Weather Protection:**
Detail how awnings act as a protective shield against rain, snow, and harsh sunlight, preserving the longevity of shop exteriors and merchandise.
Share real-life scenarios where awnings have proven to be invaluable during extreme weather conditions.

**Versatility in Design:**
Showcase the versatility of awning designs, including retractable options, various shapes, and materials.
Discuss how different businesses can benefit from specific awning styles and designs that align with their brand identity.

**Customer Experience and Comfort:**
Emphasize the impact of a well-designed shop front on customer experience.
Discuss how awnings create a comfortable and welcoming environment for customers, encouraging them to spend more time exploring the store.

**Case Studies and Success Stories:**
Share real-life examples of businesses that have successfully utilized awnings to transform their shop fronts.
Include testimonials, before-and-after images, and any measurable improvements in foot traffic or sales.

**Conclusion: **
Summarize the key takeaways and emphasize the transformative power of [awnings for shop fronts](https://www.nationwideshopfront.co.uk/awnings-and-canopies.html). Encourage businesses to consider this often underestimated element in their exterior design to enhance their overall brand image and customer experience.
How building in public helped keep going on
Tags: carrer, programming, showdev
Published: 2024-01-11 17:06:47

---
title: How building in public helped keep going on
published: true
description: 
tags: carrer, programming, showdev
# cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iq4zw3why9abd7e9sw50.jpg
# Use a ratio of 100:42 for best results.
# published_at: 2024-01-11 13:28 +0000
---
I've been reading articles here in Dev.to for a couple of years and some helped me in certain topics, so I've been thinking how I could give back that help and I've decided to....write a article!

But about what? 

The most exciting thing in my 2-years career in Web Development: My first web application developed from zero to deploy.

In November last year I was fired from my last job and I confess that, among all the other layoffs, it hurt me a lot because it happened days before my wedding and I couldn't stop thinking about what it would be like to get married without a job. 

And the exhaustion of going through so many unanswered processes or reading the “thanks for signing up, but we won't get you” thing over and over haunted me for days (and some days, it still haunts me) enough to make me think about quitting development and look for another job in another career. 

But for some reason I still believed that I shouldn't give up, so I took courage and decided that I would develop something to keep me active and maybe turn it into a product good enough to be able to become a SAAS.

The idea behind Tasky is a problem that I've faced myself: 
Using multiple apps to manage tasks, clients and projects and ending up getting lost between them. And Tasky resolve this problem getting all of this in one only application, and do more than another applications.

So I got to work and started building Tasky, and I did it in a different way, publishing updates on Linkedin every time I updated the application using the title "Card done, post done" and with each post published I became more motivated to continue and believe that this would earn me some invitations to selection processes and take me back to the job market, or at least show my connections that I am still active and coding.

!['The dashboard of Tasky, with two tables and 3 cards'](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/izxupshjpz9u6cih6avd.png)

There are still some implementations to be done, but seeing how far I've come and what I've learned in these two months still motivates me to continue and believe in better days for Leonzera, the Dev Cowboy.

My LinkedIn, to follow posts and connect with me
https://www.linkedin.com/in/leonandrade/

And my portfolio in Portuguese, telling a little more about myself
www.devleonzera.com.br

See you later!!!
Amazon courses to master Artificial Intelligence
Tags: ai, amazon, certification
Published: 2024-01-11 17:00:42

Amazon has released tons of FREE courses on AI.
No payment is required!
Here are 7 Amazon courses to master Artificial Intelligence 👇

1. Generative AI Learning Plan:
https://lnkd.in/eYNaBMZu

2. Machine Learning Learning Plan:
https://lnkd.in/ecUu5TaE

3. Generative AI Learning Plan for Decision Makers:
https://lnkd.in/eZyX2eSx

4. Foundation of Prompt Engineering (stand-alone):
https://lnkd.in/eQfEC4Di

5. Low-Code Machine Learning on AWS:
https://lnkd.in/eU4mgR-4

6. Building Language Models on AWS
https://lnkd.in/eH4Sf5YE

7. Amazon Transcribe Getting Started:
https://lnkd.in/ePzcNtMA

#AI #amazon #certifications #training
How to Create a Bootable USB Using Rufus 🖥️
Published: 2024-01-11 17:00:06

What is a Bootable USB?

A “bootable USB” is a regular USB storage device (like a USB stick or external hard drive) that has an “ISO image” of an operating system saved on it.

An ISO image is an archive file that contains all the information found on an optical disc, such as a CD or DVD. This could, for example, be a Windows installation CD.

Normally, whenever you start up your computer, it boots from the operating system stored on your internal hard drive. By running the bootable USB however, you can boot up your computer using the USB’s ISO image instead.

This can be useful if you ever need to recover, repair or install an operating system on your computer.


How to Create a Bootable USB using Rufus

Rufus is one of several programs that allow you to create an “ISO image” on a USB stick. To create a bootable USB using Rufus, all you need is:

• Your ISO of choice, e.g. Windows 10     📀

• Download the latest version of Rufus (available online)     📥

• A spare USB stick (an 8GB USB should be plenty for Windows 10 but make sure you have one that’s large enough for the ISO you’re using)    

Once you’ve got these ready, just follow these steps to make your own bootable USB


Step 1:

Open up Rufus and plug your clean USB stick into your computer.

Step 2:

Rufus will automatically detect your USB. Click on Device and choose the USB you want to use from the drop-down menu.

Step 3:

Make sure the Boot Selection option is set to Disk or ISO image then click Select.



Rufus will open a file explorer browser window; locate the ISO image you want to burn onto the USB and select it.



Step 4:

You’ll generally want to create a Standard Windows installation, and Rufus will automatically detect the correct Partition Scheme based on your device, so keep the default settings as they are. However, you can also change these if you want.

Step 5:

Customize the installation of your choice, or leave it as it is, and once again leave the default settings for File system. Now click Start




Note: if the USB you’re using isn’t large enough, you’ll get an error message you letting you know. In this case, you’ll need to start again with a different larger USB.


Step 6:

You’ll get a warning saying that any data on the USB will be destroyed (this is normal). Click OK and Rufus will start creating the ISO image on the USB.


Step 7:

Once Rufus has finished creating the ISO image on the USB, you can close it and your bootable USB is ready to go!







If you’re looking for a software company or Consultancy regarding the software you can trust for its integrity and honest business practices, look no further than Pyresearch. We care about bringing our customers a reliable, satisfying experience with the software products they need. We will be with you before, during, and after all the sales.