teleren/devto huggingface dataset:
Our Approach to AWS Well-Architected Best Practices
Tags: aws, wellarchitectedframework
Published: 2024-06-30 14:08:37

## What is Well-Architected?
The Well-Architected framework, a comprehensive compilation of 'best practices' for cloud architecture, is created by AWS.
https://aws.amazon.com/architecture/well-architected

Based on this review, you can identify risks that are not in line with best practices.

## Impressions from Conducting Reviews

Meeting best practices involves not only workload-specific design, implementation, and operation but also organizational structure, rules, and training.

We have been working with a cross-departmental team called the "Well-Architected Working Group" for several years, and I have compiled a rough diagram of our activities.

## Diagram of AWS Well-Architected Utilization Status Across Our Company


![Diagram of AWS Well-Architected Utilization Status Across Our Company](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v91uccpvghttwuncuads.png)



I will pick a few examples from the diagram and introduce them.

### Well-Architected Working Group

The working group comprises one or more members selected from each target department.

Having members from various departments helps us understand the different circumstances and situations during our meetings.

### Reading and Discussing Best Practices
The descriptions of best practices become more transparent and easier to understand each year. Still, some items are difficult to interpret in concrete terms. Establish internal guidelines to determine the acceptable extent and interpretation of best practices.

These discussions also provide feedback on cheat sheets, internal standards and templates, internal training, and internal systems as necessary.

### Mini BootCamp
The Well-Architected BootCamp is a workshop where you can learn to apply best practices.

Teams will discuss and present their results on applying best practices to virtual systems and business situations.

The Mini BootCamp is our in-house version of this workshop. Below is a participation report from one of these sessions.
https://iret.media/tag/aws-well-architected-mini-bootcamp

## Motivation
If reviewing becomes the main objective, it can distract from the essence. Therefore, I would like to use the AWS best practices positively to ensure quality and improve efficiency!
A Backend Story
Tags: backenddevelopment, php, python, beginners
Published: 2024-06-30 13:57:00

This story is quite intriguing as I would not call myself a Backend Engineer or Programmer yet.
I am a person with no background at all in backend programming except the basic CSC 201 class that taught us little to nothing about Python programming. All I knew was, there was something called languages, environments and a bit of their differences. We were forced to download them on our laptops back then to do projects and all.
But then, I was opportune to be employed by an accrediting company which uses SQL databases for their basic project operations. This is because they run most of their accrediting software locally due to network provider connection issues. That is where I got to know about PHP, CSS, HTML and other technologies.

I was fascinated, and I still am. I started getting the developer to put me through some basic things like how to connect to SQL and stuff like that. I guess he taught me so I would be able to handle accrediting projects on my own.
And yes, after a while, I was and I was promoted also. How happy I was but I wanted and still want more. So I started research and found a lot of websites willing to teach, but it wasn't challenging enough for me and I pushed them aside until I stopped entirely.

Well, that was until I found out about HNG internship program, it is a free Boot Camp apparently and it boasts of having a competitive workspace which I'm sure can hold my attention.
This is a journey I would like to begin with just a step in the right direction via HNG. If you would like to join me on my journey, click any of the links below
https://hng.tech/internship
https://hng.tech/hire

Thanks for reading.
See you in my next post
TypeScript vs React; which should I learn as a frontend developer.
Published: 2024-06-30 13:56:40

React is a JavaScript library use to build reusable UI components for single page applications. It uses a jsx(JavaScript XML) syntax that allows you to write html-like code. Although jsx is not compulsory, it makes building applications with react easier.
Typescript is a superset of JavaScript, which means that typescript is JavaScript but with types. It is designed for large scale application and is transpiled  to JavaScript.

### Advantages of react
1. Easy to learn and use: React is very beginner friendly and can be learnt with prior knowledge of html, CSS, and JavaScript. 
2. Mobile development: React is not only used for web development. With the help of a framework like react native you can build a mobile application with your knowledge of react which makes you more versatile as a developer.
3. Component based architecture: React uses a component-based architecture
that allows developers to build reusable UI components which makes development faster, less redundant and easier to maintain and scale.

### Advantages of Typescript
1. Compile-time error: Typescript enforces strict typing during compilation time which helps reveal potential errors and bugs, this happens before a typescript code is transpiled to JavaScript.
2. Type inference: Typescript can infer the types of a variable from the value assigned to the variable thereby reducing development time and improving developer experience.
3. Strong and static typing: Typescript allows you to specify the types of your variables, function parameters, and return values which help reduce errors and potential bugs.

### Conclusion 
Well, you might wonder which is the best for me to learn as frontend developer. I would say learn both- yes you heard me right. Typescript gives you extra superpowers as a JavaScript developer and react makes building user interface easier, I would advise you reap the benefits of both worlds. And if you need an internship to build all the necessary experience you need for your react journey, I recommend the HNG internship program -https://hng.tech/internship, or you can opt for the premium -https://hng.tech/premium to access exclusive opportunities like certificates, reference letters, and the latest job openings. It is a remote program, so you don't have to worry about commuting. Wish you the best on your coding journey.
REACTJS
Published: 2024-06-30 13:52:34

Hey!! I started my frontend journey with Html, css and JavaScript which took me about one year to master almost enough to start building a static website, then moved to learning a framework like ReactJS, but I had a lot of frame work to choose from in the likes of Angular, Vue and React but I ended up with going for React as it is the most used framework, I would point out some of the key features of react only cause that's what i've been used to 
1. Virtual DOM: React uses virtual dom to improve performance by updating important part of the actual DOM, when there are changes making the UI very efficient 
2. React hooke: React allows components to have state and lifecycle features, they provide more concise way to write components.
3. JSX: React uses JSX, a syntax extension that allows you to write Html-like code within JavaScript, it makes it easier to create UI component 
and many more ..
So far I've gotten some information about other framework like Vue and Angular they can be used in placement of React just that we use them based on their reasons like what the company prefer using and so on.
Finally, I'm going for an advanced Internship that uses Reactjs, good news in-between and I would be glad to use React for a real world project don't mind checking this out yourself https://hng.tech/internship or 
https://hng.tech/premium to get started with your react/frontend journey...
Take care 😘
TIL you can create keyboard shortcuts to switch between a specific desktop
Tags: todayilearned, mac, osx
Published: 2024-06-30 13:51:32

Normally on a mac, you can use the trackpad to swipe left or right to switch between a desktop. But you can add a shortcut to switch between desktop x instead of swiping multiple times, or swiping up to select one.

## How to do this

 > System preferences > Keyboard > Keyboard shortcuts > Mission Control > Tick the checkbox for mission control > Click the caret symbol on the left and check all the ones you want to add to a shortcut.

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



Reference: https://qiita.com/saboyutaka/items/d6cfd2a2b60f1a374d60#%E3%83%87%E3%82%B9%E3%82%AF%E3%83%88%E3%83%83%E3%83%97%E3%82%92%E5%A2%97%E3%82%84%E3%81%97%E3%81%A6%E3%82%B7%E3%83%A7%E3%83%BC%E3%83%88%E3%82%AB%E3%83%83%E3%83%88%E5%89%B2%E3%82%8A%E5%BD%93%E3%81%A6
Revolutionizing Visual Content: The Power of Undress AI
Published: 2024-06-30 13:45:36

**Overview of Undress AI**
Discover how Undress AI reshapes photo editing with its advanced capabilities in realistic clothing alterations. This platform caters to professionals across industries, providing intuitive tools for enhancing visual storytelling.

**Key Features of Undress AI**
Advanced AI Technology
Undress AI utilizes state-of-the-art machine learning algorithms for precise and seamless clothing edits, ensuring natural integration with original images.

User-Friendly Interface
The intuitive interface simplifies the editing process, enabling users of all skill levels to upload images, apply transformations, and download edited photos with ease.

Versatility in Applications
From virtual fashion prototyping to enhancing product photography and refining social media aesthetics, Undress AI supports diverse creative needs effectively.

Privacy and Security
Prioritizing user privacy, [Undress AI](https://vip.undressaitool.com/) employs robust security measures for secure image processing and compliance with privacy regulations.

Benefits of Using Undress AI
Explore how Undress AI enhances creative exploration, streamlines workflow efficiency, and offers cost-effective solutions for achieving professional-quality edits.

Getting Started with Undress AI
To explore the capabilities of Undress AI, visit their official website, create an account, and seamlessly navigate image uploads, transformations, and downloads.
Comparing Frontend Technologies: ReactJS vs. Svelte
Published: 2024-06-30 13:42:56

When choosing a frontend framework, it's important to know what each one offers. Let's compare ReactJS and Svelte to see which might be best for your next project.

**ReactJS**
ReactJS, developed by Facebook, is known for building dynamic user interfaces with a component-based architecture.

**Key Features:**

- Component-Based:
 Promotes reusable and maintainable code.

- Virtual DOM:
 Enhances performance by efficiently updating the DOM.

- Strong Ecosystem:
 Extensive libraries and tools.
Active Community: Abundant resources and support.
ReactJS is great for complex, large-scale applications.

**Svelte**
Svelte is a newer framework that compiles your code at build time for highly optimized results.

**Key Features:**

- No Virtual DOM:
 Direct updates to the DOM for superior performance.

- Reactive:
 Simple and intuitive state management.

- Smaller Bundles:
 Produces fast, efficient code.

- Easy to Learn:
 Simple syntax and reactivity model.
Svelte excels in performance-critical applications and is easy to learn for new developers.

**ReactJS vs. Svelte**
**Performance:**

ReactJS: Efficient with Virtual DOM, but has some overhead.
Svelte: Better performance with direct DOM updates.

**Learning Curve:**
ReactJS: Requires understanding JSX and state management.
Svelte: Easier syntax and built-in reactivity.
**Ecosystem:**
ReactJS: Extensive and mature.
Svelte: Growing, but less mature.
**Use Cases:**
ReactJS: Ideal for large, complex projects.
Svelte: Perfect for performance-sensitive applications.

**My Experience  with HNG Internship programme with ReactJS:**

As part of the HNG Internship, I'm thrilled to expand my knowledge of ReactJS. This program provides hands-on experience and the opportunity to work on real-world projects. I'm excited to utilize React's component-based architecture to build scalable applications and further develop my skills.

Learn more about the [HNG premium](https://hng.tech/premium) at [HNG Internship]( https://hng.tech/internship) and [HNG Hire](https://hng.tech/hire).

Conclusion
Choosing between ReactJS and Svelte depends on your project's requirements. ReactJS is best for large, complex applications, while Svelte offers simplicity and high performance. Understanding these differences will help you make the right decision for your project.
Array search methods in JavaScript.!
Published: 2024-06-30 13:37:52

**Javascriptda arraylarning izlash metodlari.!**


`Array indexOf()
Array lastIndexOf()
Array includes()
Array find()
Array findIndex()
Array findLast()
Array findLastIndex()`


<u>1. `indexOf()`</u>
Ushbu metod massiv elementi joylashgan indeks raqamni qaytaradi.
<u>**sintaksis:** `arrayName.indexOf(item,start);`</u>
buyerda **item**-indeks raqami izlanayotgan element, **start**-indeks raqami izlanayotgan element qayerdan boshlab izlanishi va **startga qiymat berish ihtiyoriy**. Element bir necha marotaba takrorlangan bo'lsa birinchi topilgan elementni qaytaradi, agar element topilmasa -1 qaytaradi. Ushbu metod elementlarni chapdan o'ngga qarab izlaydi.!

```
let fruits = ['lemon','mango','nut','peach','strawberry','nut','apelsin'];
console.log(fruits);
//natija - ['lemon','mango','nut','apelsin','peach','strawberry']

let fruits_indexOf1 = fruits.indexOf('nut');
console.log(fruits_indexOf1);
//natija -   2

let fruits_indexOf2 = fruits.indexOf('nut')+1;
console.log(fruits_indexOf2);
//natija -   3

let fruits_indexOf3 = fruits.indexOf('nut')-4;
console.log(fruits_indexOf3);
//natija -  -2
 
let fruits_indexOf4 = fruits.indexOf('nut',4);
console.log(fruits_indexOf4);
//natija -   5

let fruits_indexOf5 = fruits.indexOf('nut',6);
console.log(fruits_indexOf5);
//natija -  -1
```


<u>2. `lastIndexOf()`</u>
Ushbu metod elementlarni o'ng tarafdan chap tarafga qarab izlaydi va 1-topilgan elementni qaytaradi, sintaksisti indexOf bilan birxil.!

```
let fruits = ['lemon','mango','nut','peach','strawberry','nut','apelsin'];
console.log(fruits);
//natija - ['lemon','mango','nut','apelsin','peach','strawberry']

let fruits_lastIndexOf1 = fruits.lastIndexOf('nut');
console.log(fruits_lastIndexOf1);
//natija - 5

let fruits_lastIndexOf2 = fruits.lastIndexOf('nut',3);
console.log(fruits_lastIndexOf2);
//natija - 2
```


<u>3. `includes()`</u>
Ushbu metod massiv ichidan biror-bir element bor yoki yo'qligini bilish  uchun foydalaniladi, agar element bor bo'lsa **true** bo'lmasa **false** qiymat qaytaradi.!
<u>**sintsksis: `**arrayName.includes(item,start);`</u>
**item**-mos element, **start**-izlash qayerdan boshlanishi kerakligi. includes() ECMAScript 2016 da kiritilgan.!

```
let fruits = ['lemon','mango','nut','peach','strawberry','nut','apelsin'];
console.log(fruits);
//natija - ['lemon','mango','nut','apelsin','peach','strawberry']

let fruits_includes1 = fruits.includes('lemon');
console.log(fruits_includes1);
//natija - trtue

let fruits_includes2 = fruits.includes('lemon',3);
console.log(fruits_includes2);
//natija - false

let fruits_includes3 = fruits.includes();
console.log(fruits_includes3);
//natija - false
```


<u>4. `find()`</u>



<u>5. `findIndex()`</u>



<u>6. `findLast()`</u>


<u>7. `findLastIndex()`</u>
Ego, Not Pride, Comes Before a Fall
Tags: programming, career
Published: 2024-06-30 13:29:23

Let me tell you a bit about myself and why I am qualified to have an opinion on pride vs ego in Software Engineering. I have been working as a software engineer for over 17 years, prior to that I spent 15 years programming as an amateur. At 41, I have over 30 years of experience programming for fun and profit. During those decades, I have worked with a variety of people on personal and professional projects. The best programmers I have worked with have a tremendous amount of pride in their work, but almost no ego.

## The difference between pride and ego

Taking pride in your work means taking ownership of it. Making the best decisions for the project drives you to work hard. This can include.

- Using best practices and craft something you are proud to show off to others.
- Enjoying the satisfaction and accomplishment of the tasks and projects you complete.
- Paying attention to small details and ensure that the work is of the highest quality.

When ego becomes involved, it can lead to a lack of objectivity. Instead of building the best product possible, you can overlook flaws and weaknesses in your approach. This can include.

- Difficulty seeing and acknowledging your own limitations and weaknesses.
- Problems collaborating with a team.
- Arrogance where you believe that you and the methods you favor are superior to others.

## Ego, warning signs and dangers

There are a few things I have learned to watch out for in myself and others when it comes to ego.

- Putting too much emphasis on their titles
- Needing to be at the center of attention constantly
- Excluding those they feel might be a threat to their position
- Disparaging the work others do and not offering constructive criticism
- Stealing the ideas of others and presenting them as their own

Now this list is not all-inclusive or even concrete. Even the best people can make these mistakes from time to time. What you need to watch out for is a pattern of behaviour.

## The healthy approach

Pride and ego are deeply connected. Without some ego, it is impossible to take pride in your work. It is when the pride becomes destructive instead of constructive that it becomes a matter of ego.

I do my best to remember a few key points to keep my pride from turning into ego.

- Others, even those with less experience than me, may have valuable ideas
- My work is not perfect and there is always room for improvement
- There may be better solutions, methods, and practices than I am employing.
- I always want to learn and grow as a developer. If I think I know it all, that cannot happen.

## Finally

It is important for leadership in companies to make sure they are encouraging pride and not ego in their workspaces. Software Engineers already have a tough job between high-stress environments, long hours, tight deadlines, and adapting to new technology.

Making sure that Software Engineers have a good balance between pride and ego can help ensure a friendlier workspace.

[Originally Published at The Simple Dev](https://thesimpledev.com/blog/ego-not-pride-comes-before-a-fall/)
Kubernetes-project-using-an-EKS-cluster
Tags: kubernetes, aws, cloudcomputing
Published: 2024-06-30 13:27:33

![2048 game Deployed](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iriu5tzzhttuiryxjsmx.jpeg)


🚀Excited to share my recent Kubernetes project where I deployed the 2048 Game Application using an EKS cluster! This project was a great learning experience, leveraging EKS, Fargate, and the Application Load Balancer Ingress Controller

Here's a summary of the steps I followed:

1) Set up an EKS cluster with Fargate.
2) Configured CLI access to cluster resources by updating the KubeConfig file.
3) Created a "game-2048" namespace linked to the Fargate profile "alb-sample-app."
4) Deployed the 2048 app as a Kubernetes Pod, created a service for it, and configured an Ingress resource to manage traffic routing.
5) Installed and configured the Ingress Controller to automatically create an Application Load Balancer (ALB) Controller.
6) Configured an IAM OIDC Provider to allow the ALB Controller access to the Application Load Balancer.
7) Deployed the ALB Controller using Helm Charts and linked it with the service account.
8) Verified the 2048 application running within the EKS environment.
A Technical Report on My Observations on https://www.kaggle.com/datasets/kyanyoga/sample-sales-data
Published: 2024-06-30 13:20:00

A Technical Report on My Observations on https://www.kaggle.com/datasets/kyanyoga/sample-sales-data 


My First Glance Observation of Sample Sales Data
available on Kaggle provides a collection of records related to sales transactions. It consists of a single CSV file containing various attributes that describe each transaction.

File Name: sample-sales-data.csv
Dataset Link: https://www.kaggle.com/datasets/kyanyoga/sample-sales-data

Key Observations:
Data Structure and Dimensions:
The dataset is structured in a tabular format with rows representing individual sales transactions and columns representing attributes of each transaction (e.g., order number, quantity, price, customer details, etc).
Initial inspection suggests there are multiple columns providing different aspects of each transaction.

Attributes and Data Types:
The dataset includes a variety of attributes such as order number, quantity ordered, price each, customer name, address, and sales representative.
Data types likely include numerical (integer, float) for quantitative values (e.g., quantity, price), and categorical (strings) for descriptive attributes (e.g., customer name, sales representative).

Data Quality:
No missing data was immediately apparent noticed upon initial review.
Further investigation into data consistency, validity (e.g., checking for outliers, unusual values), and completeness (e.g., null values) would be necessary to assess overall data quality.



Potential Insights:
Initial analysis could involve exploring sales trends over time (if date information is available), identifying top-selling products or customers, and analyzing sales performance across different regions or sales representatives.
Calculation of aggregate metrics such as total sales revenue, average order value, and customer acquisition rates could provide deeper insights into business performance.

Preprocessing Needs:
Depending on the analysis goals, preprocessing steps might include data cleaning (handling missing values, outliers), feature engineering (creating new variables like total sales amount), and normalization or scaling of numerical data.

In Conclusion:
The "Sample Sales Data" dataset presents a promising opportunity for exploring sales analytics and deriving actionable insights. Initial observations indicate a well-structured dataset suitable for various types of exploratory data analysis and modeling tasks. Further detailed analysis and preprocessing steps will be necessary to unlock the full potential of the data for business intelligence purposes.

Free available internship for anyone into digital tech skill:
https://hng.tech/internship

https://hng.tech/premium