teleren/devto huggingface dataset:
AWS Virtual Private Cloud (VPC)
Published: 2023-10-28 17:40:03

Amazon Virtual Private Cloud (Amazon VPC) gives you full control over your **virtual networking environment**, including resource placement, connectivity, and security. Get started by setting up your VPC in the AWS service console. Next, add resources to it such as Amazon Elastic Compute Cloud (EC2) and Amazon Relational Database Service (RDS) instances. Finally, define how your **VPCs communicate with each other** across accounts, Availability Zones, or AWS Regions. In the example below, network traffic is being shared between two VPCs within each Region.

Amazon Virtual Private Cloud (VPC) is a **service** that lets you launch AWS resources in a **logically** **isolated** **virtual** **network** that you define. You have complete control over your virtual networking environment, including **selection** of your own **IP** **address** **range**, creation of subnets, and **configuration** of **route** **tables** and **network** **gateways**. You can use **both** **IPv4** and **IPv6** for most resources in your VPC, helping to ensure **secure** and easy access to **resources** and **applications**.

As one of AWS's foundational services, Amazon VPC makes it easy to customize your VPC's network configuration. You can create a public-facing subnet for your web servers that have access to the internet. It also lets you place your backend systems, such as databases or application servers, in a private-facing subnet with no internet access. **Amazon VPC lets you to use multiple layers of security, including security groups and network access control lists**, to help control access to Amazon Elastic Compute Cloud (Amazon EC2) instances in each subnet.
Phố Hàng Giày - Thương hiệu giày thời trang phong cách Gen Z
Published: 2023-10-28 19:18:03

Những người trẻ thuộc thế hệ Gen Z không chỉ là người tiêu dùng mà còn là những người sáng tạo, tạo ra những phong cách thời trang độc đáo. Và một thương hiệu giày đã nắm bắt được tinh thần này và mang đến những sản phẩm phù hợp với phong cách Gen Z đó là "Phố Hàng Giày"
Phố Hàng Giày - Đi Cả Ngày Không Lo hết Chất
Phố Hàng Giày không chỉ là biểu tượng của sự sáng tạo và phong cách Gen Z mà nó còn là một sản phẩm giày thời trang, mà còn là một tác phẩm nghệ thuật đầy tính nghệ thuật. Với sứ mệnh đem đến cho các bạn trẻ những mẫu giày basci dễ phối đồ và hợp phong cách thời trang hợp với cá tính riêng của mỗi người, Chúng mình đã tạo nên Phố Hàng Giày.
Phố Hàng Giày có 4 danh mục sản phẩm chính gồm
Giày thời trang
Giày học sinh
Phụ kiện thời trang
Liên Hệ Ngay Tới Phố Hàng Giày

Phố Hàng Giày là thương hiệu chuyên phân phối và cung cấp giày thời trang cho giới trẻ.  Liên hệ ngay
Hotline: 0375793810 
Địa chỉ: P. Đinh Tiên Hoàng, Hàng Trống, Hoàn Kiếm, Hanoi, Vietnam 
Website: https://phohanggiay.com/ 
Fanpage: https://www.facebook.com/phohanggiayofficial 
Tiktok: https://www.tiktok.com/@phohanggiaycom
Instagram: https://www.instagram.com/phohanggiayofficial/
#phohanggiay #giaythoitrang #giaysneaker 

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/c68dg247y5z3jcd5c286.jpg)
Quickstart howto post on Facebook using API
Tags: hacktoberfest, facebook, quickstart
Published: 2023-10-28 19:05:42

In addition to my [Hactkoberfest contribution](https://dev.to/boly38/my-contribution-to-hacktoberfest2023-3bdl), 

I just created a quickstart for user who wants to use Facebook API to post on a page:
- get page info
- post on a page
- get long-lived access token

cf. https://github.com/boly38/testFB

this project gives you the basis curl commands.

Thanks to dev.to previous contributions that give me some inputs !
Really understanding "objects" in object-oriented programming.
Tags: cpp, python, beginners
Published: 2023-10-28 18:42:53

## What is object oriented programming and why is it used?

Reviewing the reason for the popularity and widespread usage of object oriented programming is important for everyone interested in languages that favor such a programming style.

Simply put, object oriented programming is the idea that your code is broken down into uniquely controlled and accessible sections of data.

These "sections" are objects; data types with uniquely modified traits that allow program parts to interact with less overhead.

But why are they used?

The most common reason would be using sets of data in different parts of a program without having a developer making special calls or functions to execute what can be re-used.

## What is an example of an object in a program?

Think of a simple button.

In most situations, a button has a singular purpose tied to it's overall function. If someone presses the "home" button on a web browser, they expect their browser to take them to the webpage they set as their "home" website.

Another example is a "New Game" button in a videogame. A player pressing the "New Game" button knows exactly what the button is supposed to do; it's supposed to start the sequence of code that allows a player to start a game from the beginning.

Here is a sample of some actual C++ code:

```
// New game
if (this->buttons["GAME_STATE"]->isPressed()) {
	this->states->push(new GameState(this->stateData));
}
```

The "Game State" button is pressed, but the button itself says "New Game" and is meant to start the events that begin the game. There's a complex unseen event sequence happening here where the program will load in a bunch of relevant data; this includes players, enemies, map data, in-game objects, and more!

All from the press of the 'button' object.

This should help clarify for anyone who might not fully understand the true nature of "object oriented" programming. 

It is a complex but highly modular way to design your programs to design code to execute in highly specialized ways.
Understanding How Docusaurus Fixes and Checks Your Links: A Simple Explanation
Published: 2023-10-28 18:32:30



### What We’re Talking About Today
When you’re creating a website, especially one that holds a lot of information like a documentation site, it’s really important that all the links (you know, those clickable texts that take you to another page) work well. Today, we’re exploring a part of Docusaurus, a tool that helps people create these websites, which makes sure all your links are in good shape.

### Quick Overview: What’s This Feature All About?
Imagine you’re organizing a big book with lots of chapters and pages. Some pages talk about other pages, and you want to make sure that when you say “Hey, look at Page 5 for more info,” Page 5 really has that info. Docusaurus does this for websites. It checks all your "Hey, look over there" directions (or links) to make sure they actually go to the right place.

### How It’s Done: Looking at the Code

#### The Gatekeeper: `index.ts`
Think of `index.ts` as the front door. Every time you want to add or change something on your website, it needs to go through this door. What it does for links is simple: it takes them, hands them over to a helper (another piece of code) named `linkify`, and says, “Make sure these links go to the right place, will you?”

#### The Helper: `linkify.ts`
`linkify` is where the real action happens. It’s like having a smart assistant. You give it a bunch of directions (links), and it goes through each one, making sure they go to the right page. If it finds a direction that’s broken or goes nowhere, it takes a note and tells you, “Hey, this one’s not right!”

### What I Learned and Found Tricky

Reading through this code felt a bit like solving a puzzle. It’s written in a special computer language that’s very precise, and it’s meant to do its job super efficiently.

- **Learning to Be Precise**: I saw how important it is to be super precise and clear when giving instructions to computers.
- **Dealing with Mistakes**: I loved seeing how the code is ready to find and point out mistakes, making sure everything runs smoothly.
- **Understanding the Language**: Sometimes, the language of the code was a bit like learning a new language. But with some patience, it started making sense!

### How I Figured It Out

Reading code can be like trying to understand a recipe written by a master chef. You might not get everything at first, but with some time and maybe a bit of help from Google or friendly tools like ChatGPT, it starts to make sense.

### Wrapping It Up

So, that’s my adventure in Docusaurus’s world of fixing and checking links! It’s a bit like having a super-smart librarian in a giant library, making sure every “This book is over there” sign actually points to the right book. And that, my friends, makes finding and using information a whole lot easier and more fun!
Task 4
Published: 2023-10-28 18:22:08

what is manual testing:

manual testing is done by human and the software is tested without any tools
the manual testing can be also defined that the software is meet the customer requirement
manual testing is also testing the functionality again again manually to find the defect
the manual testing can be also defined that if your testing any software with human effort
in manual testing you can test with several point of views
for example: lets take WhatsApp messaging functionality, if your texting message to someone then, it is manual test

¨
advantage of manual testing:
1. you can thing and do several point of views (several ways for one test) in order to find several bugs
2. you don't need any programming language experience
3. you can do manual test even if the software is not stable
4. you can do unlimited ways of testing according to your experience and creativity
5. you can also do gorilla test
6. most of the time the critical bugs will be find during manual testing
for example if your testing a firmware together with Hardware like embedded testing the manual test will be easy to do
if your testing Firmware then you have to debug the Hardware logs to find the bug, so manual testing is most 
probably easy way to do that
7. if your manually testing the software the the Team can be very confident about software quality
8. you can follow all scenario which are from customer side, so it will fulfil the customer requirement
8. manual testers can be good understand with the customer requirement
9. the documentation part can be improved during manual testing
10. The small changing of the software can be easily tested

disadvantage of manual testing:
1. manual testing is boring because it should be repeated again again
2. you need more human resource so the testing cost will be very expensive
3. you need a tester on side for manual testing
for example, if your testing web based platform then you don't need human on site, if you have automation test setup
then you don't any manual tester
4. most of the manual tester has no programming experience
5. if your testing same software again again then you can use automation testing, so in this case manual testers don't need to
repeat the testing manually
6. human error will effect the software testing quality
AWS Direct Connect
Published: 2023-10-28 18:22:02

## How it works

The AWS Direct Connect cloud service is the shortest path to your AWS resources. While in transit, your network traffic remains on the AWS global network and **never touches the public internet.** This reduces the chance of hitting bottlenecks or unexpected increases in latency. 

When creating a new connection, you can choose a hosted connection provided by an AWS Direct Connect Delivery Partner, or choose a dedicated connection from AWS—and deploy at over 100 AWS Direct Connect locations around the globe. With AWS Direct Connect SiteLink, you can send data between AWS Direct Connect locations to create private network connections between the offices and data centers in your global network.
How to maximize your product wins
Tags: product, velocity, discuss
Published: 2023-10-28 18:20:01

Throughout my professional career, I've built many products for different companies. Each of them had a unique way of doing it. 

I started to cultivate the feeling of what's THE right way to build the product and deliver value to customers consistently and sustainably. Those two criteria are important and have a significant impact on how to build a product. 

I couldn't verbalize it myself but [Itamar Gilad](https://itamargilad.com/) did and he did it very well - [Stop Obsessing Over Development Velocity, Focus on This Instead](https://itamargilad.com/velocity-vs-impact/).
The Advantages of Using Free Quantum Computing Tools
Tags: programming, webdev, beginners, react
Published: 2023-10-28 18:19:14

Welcome to the world of [quantum computing](https://vellatechiin.wordpress.com/2023/10/28/explore-free-quantum-computing-tools/), where the power of quantum physics is shaping the future of technology. We'll take you on a tour through free quantum computing tools in this article, providing you with vital facts, insights, and expert recommendations. This thorough book is meant to meet your needs, whether you're a seasoned quantum enthusiast or a curious novice.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oca98k41w3e03aavtack.jpg)
Cost-Efficiency: Free tools remove the price hurdles to quantum computing, making it more accessible to a wider audience.
They provide a fantastic environment for study and experimentation, allowing students and researchers to investigate quantum computing.
Many free programs are supported by active and dynamic user communities, making it easy to seek assistance and share expertise.
AWS VPN
Published: 2023-10-28 18:03:50

Securely and privately access your cloud resources with either an AWS Site-to-Site VPN, Accelerated Site-to-Site VPN, or Client VPN connection.

## AWS Client VPN
AWS Client VPN is a fully managed, elastic VPN service that automatically scales up or down based on user demand. Because it is a cloud VPN solution, you don’t need to install and manage hardware or software-based solutions, or try to estimate how many remote users to support at one time.

## Accelerated Site-to-Site VPN
When you connect an on-premises location to the AWS cloud, Accelerated Site-to-Site VPN will route your VPN traffic to the closest AWS edge location. Accelerated VPN improves the performance of your Site-to-Site VPN connections by reducing the distance over which data is being shared on the internet and leveraging instead the reliability and performance of the AWS global fiber network. Accelerated Site-to-Site VPN is ideal to connect business-critical locations with your global network, both on premises and in AWS. VPN acceleration will incur additional charges from utilizing both AWS Site-to-Site VPN and AWS Global Accelerator.


## AWS Site-to-Site VPN
AWS Site-to-Site VPN creates a secure connection between your data center or branch office and your AWS cloud resources. For globally distributed applications, the accelerated Site-to-Site VPN option provides even greater performance by working with AWS Global Accelerator.
Hello world!
Tags: programming, webdev, security, career
Published: 2023-10-28 17:41:32

Hello world!

Welcome to my new DEV Community account! In the future, I will be posting here and on my own blog at [https://vickieli.dev](url). 

As some of you might know, I used to post technical articles on Medium ([https://vickieli.medium.com/](url)). Over the past few months, I've begun to move away from the platform as it no longer aligns with what I wanted to do with my blog. 

I've always enjoyed writing as a way to share my learning with others and to digest what I am learning at the moment. Medium was a great platform for that at first -- it helped me grow an audience and connected me with many fellow engineers and hackers. 

I've always put my articles behind Medium's paywall since Medium's algorithm heavily favors paywalled posts. By putting my articles behind the paywall, they were curated and sent to people of similar interests. And people who don't pay for Medium and are still interested in reading my articles can do so in incognito. However, due to Medium's recent policy changes, this flexibility is no longer a possibility.

I'll also gradually remove the paywall from most of my Medium articles. And as a reminder, almost all of my Medium articles can be accessed for free on [https://vickieli.dev](url)!

Thanks for reading!
Interactive Textures in three.js
Tags: javascript, threejs, zimjs, textures
Published: 2023-10-28 17:51:44

ZIM has introduced ZIM TextureActive to make interactive textures on any mesh material in three.js.  See https://zimjs.com/015 for the examples.  We show VR examples first and then general three.js examples beneath that.

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

See the resource post here:

[TextureActives Resource on three.js Forum](https://discourse.threejs.org/t/zim-textureactives-for-interactive-textures/55746)
Screenshot your code with CodeSnap - Top VS Code Extensions - CodeSnap.
Tags: webdev, codesnap, vscode, programming
Published: 2023-10-28 17:50:53

## Need to take a screenshot of your code? It's Easy with CodeSnap.

 **Take beautiful screenshots with CodeSnap.**

A snapshot of your code is required. It's simple to do with CodeSnap, and it looks beautiful. To add snippets to your blog, Slack channel, documentation, and other places, save or copy them. To ensure you receive what you need, we'll review customization options and how to use them.

You can resize, add padding, change the box shadow and background color, and do many more customization with CodeSnap. Also, change the Theme.

{% youtube RJlxPYX_5wM %}

### **Features**
Quickly capture and copy code screenshots with line numbers and customizable settings.

![code screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/141rs7fnda3bu7u23c6p.png)

Codesnap makes it easy to add beautiful screenshots to your blog, Slack channel, or documentation.

### How to use :

1. Install the CodeSnap extension and refer to its documentation for details.

2. Pres  " **CTRL + SHIFT + P** "  and select the Codesnap, which will open a new tab for you.

Or you can right-click and select the Codesnap option. And it will do the same.

3. Now, you can select the part you want to take the pictures.

4. The best part of this is the clear view of the code when it's presented in a line format, and it's pretty styled.

5. Now, you can press "**CTRL + C**" to save the image, or you can just click on the Codesnap icon.

6. To customize the image's background, you can go to the settings and type Codesnap, and you will see many Options to customize. The background color, box shadow, or you can also hide the line numbers if you want.


![codesanp](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cg013y2fhqgi1ksysk26.png)


[Click Here to Download] (https://marketplace.visualstudio.com/items?itemName=adpyke.codesnap)

[Screenshot your code with CodeSnap ](https://youtu.be/RJlxPYX_5wM?si=fRFceoeaMH5Wz8l0)
AWS EC2 Auto Scaling benefits
Published: 2023-10-28 17:46:29

Adding Amazon EC2 Auto Scaling to your application architecture is one way to **maximize** the **benefits** of the AWS **Cloud**. When you use Amazon EC2 Auto Scaling, your applications gain the following benefits:

**Better fault tolerance**. Amazon EC2 Auto Scaling can detect when an instance is unhealthy, terminate it, and launch an instance to replace it. You can also configure Amazon EC2 Auto Scaling to use multiple Availability Zones. If one Availability Zone becomes unavailable, Amazon EC2 Auto Scaling can launch instances in another one to compensate.

**Better availability**. Amazon EC2 Auto Scaling helps ensure that your application always has the right amount of capacity to handle the current traffic demand.

**Better cost management**. Amazon EC2 Auto Scaling can dynamically increase and decrease capacity as needed. Because you pay for the EC2 instances you use, you save money by launching instances when they are needed and terminating them when they aren't.

To demonstrate some of the benefits of Amazon EC2 Auto Scaling, consider a basic web application running on AWS. This application allows employees to search for conference rooms that they might want to use for meetings. During the beginning and end of the week, usage of this application is minimal. During the middle of the week, more employees are scheduling meetings, so the demand on the application increases significantly.

The following graph shows how much of the application's capacity is used over the course of a week.


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

The second option is to have enough capacity to handle the average demand on the application. This option is less expensive, because you aren't purchasing equipment that you'll only use occasionally. However, you risk creating a poor customer experience when the demand on the application exceeds its capacity.


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

By adding Amazon EC2 Auto Scaling to this application, you have a third option available. You can add new instances to the application only when necessary, and terminate them when they're no longer needed. Because Amazon EC2 Auto Scaling uses EC2 instances, you only have to pay for the instances you use, when you use them. You now have a cost-effective architecture that provides the best customer experience while minimizing expenses.


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ms2v7h8zbsget05zfiqk.png)
AWS Elastic Beanstalk
Published: 2023-10-28 17:05:41

Elastic Beanstalk is a service for **deploying** and **scaling** web **applications** and **services**. Upload your code and Elastic Beanstalk automatically **handles** the **deployment**—from **capacity** provisioning, load **balancing**, and auto **scaling** to application health **monitoring**.

## Quickly launch web applications
Deploy scalable web applications in minutes without the complexity of provisioning and managing underlying infrastructure.

##Create mobile API backends for your applications
Use your favorite programming language to build mobile API backends, and Elastic Beanstalk will manage patches and updates.

##Replatform critical business applications
Migrate stateful applications off legacy infrastructure to Elastic Beanstalk and connect securely to your private network.

AWS Elastic Beanstalk is the fastest way to get web applications up and running on AWS. You can simply upload your application code, and the service automatically handles details such as resource provisioning, load balancing, auto scaling, and monitoring. Elastic Beanstalk is ideal if you have a PHP, Java, Python, Ruby, Node.js, .NET, Go, or Docker web application. Elastic Beanstalk uses core AWS services such as Amazon Elastic Compute Cloud (EC2), Amazon Elastic Container Service (ECS), AWS Auto Scaling, and Elastic Load Balancing (ELB) to easily support applications that need to scale to serve millions of users.

##Application Health
Elastic Beanstalk collects 40+ key metrics and attributes to determine the health of your applications. With the Elastic Beanstalk Health Dashboard, you can visualize overall application health and customize application health checks, health permissions, and health reporting in one UI.
Monitoring, Logging, and Tracing

Elastic Beanstalk integration with Amazon CloudWatch and AWS X-Ray means you can use monitoring dashboards to view key performance metrics such as latency, CPU utilization, and response codes. You can also set up CloudWatch alarms to get notified when metrics exceed your chosen thresholds.