teleren/devto huggingface dataset:
Continue praticando...
Tags: beginners, programming, career
Published: 2023-04-10 03:04:40

Desde que iniciei nessa fase de estudar e me aprofundar de verdade em desenvolvimento, procuro me manter razoavelmente produtivo todos os dias. Tento cumprir com minhas metas e planejamento da semana, mas dias ruins existem para todos, e eles chegam.

Quando começo a me questionar sobre a minha capacidade e os meus esforços, tiro um tempo para parar e pensar sobre a minha trajetória. Hoje, lembrei do conselho de uma grande amiga que possui um dos maiores podcasts do Spotify Brasil atualmente. Que ninguém começa grande, e que até ela mesma já pensou em desistir várias vezes.

O importante é saber olhar para si mesmo, nessa imensidão de pessoas e informações que estão na internet, com gentileza e autocuidado. Não o autocuidado que pregam que você precisa estar confortável, não! Trabalho duro e zona de conforto não cabem dentro do mesmo espaço. Mas, saber que diante de um mundo inteiro, você é apenas uma fração jovem de matéria, mas uma fração maior do que os seus problemas, eles nunca serão maiores do que você!

Então eu deixo aqui a minha mensagem de apoio para todos os iniciantes em ti, para não desistirem. Programar é difícil mesmo, mas rende bons frutos. Olhe para si com gentileza e continue praticando, postando o que você está aprendendo, aplicando para as vagas. Você vai chegar lá.
Project 2 Submission
Published: 2023-04-10 02:46:55

[Project 2 Repo](https://github.com/ashnaabhide/project2-act)

- We decided to add a few elements towards the end of our project to be able to work with different aspects of the project without getting confused. We created js files for the individual card, the list of cards, the steps, and the search widget. Within these files, we made elements for each of the specific parts of the badges -- things relating to the main topic, the author, and the steps. We also created separate APIs for the roster of badges as well as the steps. We treated each of these lists as an array, which made creating and visualizing the APIs easy. We created functions to filter out results while using the search bar, as well as a toggling one to open and close each badge. 
- It was very difficult connecting the APIs to the frontend. We struggled with this a lot and weren't able to produce any badges in Vercel or the development server without hard-coding each badge's personalized elements into the constructor of the list js file. 
- Styling the badge was a bit easier than we thought it would be. The hardest part for us was implementing functions that tied together the back- and front-end.
W13 HW
Published: 2023-04-10 02:32:22

We ended up going with three elements (amazon-badges, badge-list, search-widget), as this made the most sense to us. We could have broken it up further, such as making each part of the badge its own component (like the header or border), but found that level of complexity unnecessary. One of the most challenging aspects was to set up the fetch requests to render our badges. It was important to maintain all properties in the constructor throughout the many steps in the process where I needed to repeat those properties. For Spenser, when he had something comparable to look at, rendering the badges based on search results was easier than he expected. For Anish, the Javascript part of making the functional expandable box was easier than expected.

Our repo: https://github.com/M18ab/amazon-badges
10 Concepts for Mastering Terraform
Tags: devops, terraform, infrastructure, devjournal
Published: 2023-04-10 02:31:00

As a DevOps engineer working with Terraform, there are several concepts you should be familiar with in order to effectively use this tool. 

10 essential concepts for mastering Terraform and managing your infrastructure as code:

## 1. Infrastructure as code: 
Infrastructure can be managed & provisioned using code, rather than manually configuring individual components. Terraform allows you to define your infrastructure in a declarative language, allowing you to easily version & manage your infrastructure.


## 2. Providers: 
These are the components of Terraform that are responsible for creating and managing resources in specific cloud and infrastructure platforms. Terraform supports a wide range of providers, including AWS, Azure, and Google Cloud.


## 3. Resources: 
These are the individual components of your infrastructure that are managed by Terraform, such as virtual machines, load balancers, and databases.


## 4. Modules: 
These are collections of related resources that can be used to modularize your infrastructure and make it easier to manage.


## 5. State:
This is a record of the current infrastructure managed by Terraform, including the resources that have been created and their current properties. Terraform maintains the state of your infrastructure, allowing it to manage changes and dependencies between resources.


## 6. Plans: 
These are generated by Terraform when you run the terraform plan command, showing you the proposed changes to your infrastructure before they are applied. This allows you to review the changes and ensure that they are correct before applying them.


## 7. Workspaces: 
These are separate environments within a single Terraform configuration, allowing you to manage multiple environments or versions of your infrastructure.


## 8. Variables:
These are values that can be passed to your Terraform configuration, allowing you to parameterize your infrastructure and make it more flexible and reusable.


## 9. Outputs: 
These are values that are generated by your Terraform configuration, allowing you to expose the results of your infrastructure to other systems or users.


## 10. Providers and Version Constraints: 
These are used to specify the version of a provider that you want to use with your Terraform configuration, ensuring that your configuration remains compatible with the provider's API.



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


Understanding and mastering the key concepts will enable you to effectively use Terraform to create, manage, and update your infrastructure resources, and take advantage of its many benefits.

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 about 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/).
A wrap on project 2
Tags: webdev, javascript, programming, beginners
Published: 2023-04-10 02:26:40

And so we just finished project 2. Let's take a look back and see how our journey was. 

**How many elements did you end up going with? Why did you break it up that way?**

We ended up going with three. The search bar, the card, and the list. We broke it up this way because it made the most sense to us. Having the search bar as it's own element was super important because how many different aspects we needed to consider when making it. The card element needed to be individual in our minds since there were multiple with different information. And the card list helped us bring it all together.

**What was the hardest aspect of this?**
We had a few hard aspects. Definitely aligning and figuring out spacing with everything was hard. Figuring out how and what to change for each badge was also a challenge. As well as the API search engine. All those combined when designing was pretty hard.

**What part of this project was easier than you expected?**
Figuring out how each badge was seperate. How to print each badge. We thought it would be more difficult because how different each badge was.
HTML + CSS: Adding hover on scale effect for the objects in the image
Published: 2023-04-10 03:03:59

---
title: HTML + CSS: Adding hover on scale effect for the objects in the image
published: true
date: 2023-04-10 01:59:17 UTC
tags: 
canonical_url: https://shyamkumar.hashnode.dev/html-css-adding-hover-on-scale-effect-for-the-objects-in-the-image
---

### Introduction

When designing a website, it's important to choose the right images to convey your message effectively. However, sometimes the images may need some adjustments to fit your needs. In this article, we'll discuss how to achieve an on hover effect on the objects of an image.

### Problem

![](https://ik.imagekit.io/uniqGoods/HomePage/tr:w-400/fullscreen_barbie.jpg?updatedAt=1680193319014)

Recently, while searching for a doll image for my website on Unsplash, I faced a problem. Although I found an image that I liked, I wanted to add an on hover effect on the doll instead of the whole image.

### Solution

My first approach was to remove the background of the doll. However, this method did not remove the green background bits properly. So, I had to set it aside and use an online foreground remover tool to remove the foreground of the same image.

> Tip: Mac has inbuilt support of removing background. Right click > Quick actions > Remove background.

![](https://ik.imagekit.io/uniqGoods/HomePage/tr:w-400/fullscreen_barbie_Background_Removed.png?updatedAt=1680193319410)

So, I removed the foreground of the same image now the doll got removed from the image. For this, I used an online foreground remover tool.

![](https://ik.imagekit.io/uniqGoods/HomePage/tr:w-400/foreground_removed.jpg?updatedAt=1680193317266)

Now, I had two separate images - the background and the doll. To achieve the zoom/scale effect, I placed the doll image overlapping the background image and added an on hover scale effect to the doll image using the following CSS:

- 
```
        .doll{
          transition:transform 1s;
          transform-origin:bottom; /* To stop image overflow */
        }

        .doll:hover{
          transform: scale(1.2);
        }

```
{% codepen https://codepen.io/5hy4m/pen/KKxOYZE %}


### Conclusion

In conclusion, applying effect on objects in the images can be done by splitting the objects and background of the image and using CSS to add the desired effect. Do you have any related tips or questions? Please share them in the comments section below.
ISB388
Tags: isb388, isb388gacor, isb388websitegacor, isb388websiteslotgacor
Published: 2023-04-10 01:55:22

[ISB388](https://isb388gacor.com) Website Gacor 2023 terkini di Indonesia.

ISB388 memiliki permainan [slot gacor](https://isb388gacor.com) yang sangat lengkap dengan RTP yang selalu update setiap hari nya, dengan persentase kemenangan mencapai 100% hanya di ISB388 kalian bisa dapat gampang memenangkan permainan dan itu yang di namakan permainan slot gacor di ISB388 website gacor 2023 

Daftar disini (https://isb388gacor.com) untuk mendapatkan RTP untuk membantu pencapaian kemenenangan kalian yang selalu kalian inginkan

#isb388 #isb388gacor #isb388slotgacor #isb388websiteslot #isb388websiteslotgacor #isb388websitegacor2023
Building a Microfrontend...
Published: 2023-04-10 01:54:58

### Article 2

In the last article we talked about what mircofrontends are and the scope of work that we will we be doing to build out our mircofrontend. In this article, we will start the development process of the mircofrontend, and how we conceived the API badge element. 

#### Everything starts somewhere... 

The first point of attack was to start creating the Badge element that the user will be searching for in our mircofrontend. We created 'badge-card'.js to start building what a singular badge "card" would look like. We tried to make the badge as similar as possible to the comp and this is what we came up with: 

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


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

Some CSS Used: 
* Border-Radius : To Round out the corners 
* Border-Left : To get a solid line to the left of the card
* Outline : To get a small outline border around the card 

To test out how the badge of the card was looking with txt contents, we set the properties to some default values to get correctly get the layout before we proceeded. 

#### Next Step : API

After we were happy with how the badge-card was looking, we began to scope out the backend API where we will be storing all of out badges and data. We created a folder called api and a Badge.js file. This is where the backend magic will begin to work. 

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

#### Notes
* One issue we were having was trying to get the alignment of content in the card in the right place. It took awhile for things in the card to align nice and neat. 
* We used many concepts from Project 1's card to scope out how the badge card would look like. Such as div structures and CSS styling. 

### NEXT PRIORITY
Now that we have the badge element scoped out and part of the backend api folder, we now need to work on how the badges will render on the frontend and the user search implementation. 

To Be Continued...
I've made a Personalized FM-Style Radio with AI-Powered RJ
Tags: python, opensource, github, nlp
Published: 2023-04-10 01:24:54

Check out my project on GitHub: [https://github.com/pncnmnp/phoenix10.1](https://github.com/pncnmnp/phoenix10.1)

[And here's a demo on SoundCloud](https://soundcloud.com/parthparikh1999p/demo-of-phoenix101)

For the past few months, I've been hard at work on a project to create personalized radio stations with a text-to-speech based radio jockey, and I'm excited to share that it's finally in a polished state!

So, what does it do? Well, it's a radio station that plays your songs (even from your favorite artist/genre), finds and automatically plays interesting clips from preferred podcasts, provides weather updates, delivers daily news, and even brightens your day with fictional company ads, and much more.

Now, how did I make this magic happen? Here's the breakdown:

* The text-to-speech part is powered by [Coqui-ai's library](https://github.com/coqui-ai/TTS).
* Prompts spoken by the radio jockey are generated using **ChatGPT** and **character.ai** with manual selection for that personal touch.
* Songs are generated using `ytmdl` and the metadata is vetted from libraries like `billboard.py`, `musicbrainzngs`, and `itunespy`.
* To find interesting clips from podcasts, it looks for clips separated by significant silence and selects the ones with the maximum running time, based on a threshold.
* Weather and news are obtained using [wttr.in](https://wttr.in/) and RSS feeds respectively.
* Plus, it generates fascinating cover art using [randimage](https://renatobudinich.com/create-random-images-with-randimage/), adding that extra visual flair!

And voila! After lots of code optimization and testing, you've got yourself a fully automated radio station.

I'd love to hear your thoughts on it!

Note: The awesome cover pic is from [Mehmet Turgut Kirkgoz](https://unsplash.com/photos/CLxxr51_qGE).
Welcome to Cloud Computing!
Tags: cloud, cloudcomputing, blogging
Published: 2023-04-10 01:35:31

---
title: Welcome to Cloud Computing!
published: true
date: 2023-04-10 00:54:27 UTC
tags: #cloud #cloudcomputing #blogging
canonical_url: https://blog.seancoughlin.me/welcome-to-cloud-computing
---

Embarking on a Journey Through the Cloud: Exploring the Technologies, Services, and Innovations Shaping the Future of Computing

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

Welcome to the first installment of an in-depth blog series on cloud computing. As the world becomes increasingly connected and technology rapidly advances, cloud computing has emerged as a powerful force, transforming businesses and revolutionizing how we develop, deploy, and manage software applications. This blog series aims to provide a comprehensive understanding of cloud computing, delving into its various aspects, services, and technologies, while highlighting its impact on modern software development and IT infrastructure management.

I'll explore a wide range of topics, from the fundamentals of cloud computing, such as Infrastructure as a Service (IaaS), Platform as a Service (PaaS), and Software as a Service (SaaS), to more specialized services like serverless computing and container orchestration. We'll also delve into the intricacies of cloud security, data storage, and networking, discussing best practices and strategies for building secure, scalable, and resilient cloud-based applications.

This blog series will shed light on the challenges and opportunities that cloud computing presents. I'll investigate how organizations of all sizes have leveraged the power of the cloud to streamline their operations, reduce costs, and innovate faster. Additionally, I'll explore the future of cloud computing, examining emerging trends and technologies that have the potential to shape the cloud landscape in the coming years.

Whether you're a seasoned software engineer, an IT professional, or a tech enthusiast, I hope this blog series will serve as a valuable resource, providing you with the knowledge and inspiration needed to harness the full potential of cloud computing. Stay tuned to embark on this exciting journey, diving deep into cloud computing and discovering how it continues to reshape the technology landscape and drive digital transformation.

* * *

This is just one part of a series I am writing about cloud computing. You can read more at [https://blog.seancoughlin.me/series/cloud-computing](https://blog.seancoughlin.me/series/cloud-computing).

---

Originally published at https://blog.seancoughlin.me.
WK 13 HW Blog Post - Project 2 Submission
Published: 2023-04-10 00:23:38

In the process of creating this project, we ended up splitting the project into 3 main components: 

- The overall badges app, which would contain the majority of the frontend design and styling. 

- The search bar and the corresponding JS logic from which it would run off of.

- The badges list that would contain the actual list of badges to search from. This would pull from badges.js in the API folder, that contained the map of all the implemented badges. 

We decided to break it up this way in order to properly organize and separate the different aspects of the app, while at the same time not overcomplicating it. 

The most difficult aspect of this project was by far getting the search function to work. I think this was so difficult because of the need to dynamically update the search after each new letter, through an input event. The process of actually filtering results based on the input was also tough to do.

A component of the project that was easier than expected was HTML/CSS styling, i.e., getting the frontend design to emulate the actual badges page. Since it's very visual, I think you could just eyeball what you needed to code a lot of the time. It was also possible to inspect element the page in the rare case that you got stuck on how to style an element. Of course, the page isn't exactly like the real one, but it's definitely close.
Going Beyond the Certification
Tags: certification, cybersecurity
Published: 2023-04-10 00:15:18

## Going Beyond the Certification: Applying Knowledge in the Workplace





When companies require certain certifications for a job, it's important to recognize that they are not just looking for a piece of paper that says you passed a test. Rather, they are interested in the knowledge and skills that the certification represents. As someone who is seeking to advance in their career or become a lifelong learner, it's important to understand that passing a certification exam is just the first step in a journey of applying that knowledge in practical ways.

To truly make the most of a certification, it's essential to apply the material learned from the certification curriculum to real-world situations. This means going beyond memorization and rote learning, and instead focusing on understanding how the concepts and skills learned in the certification can be used to solve problems, create value, and make a difference in your industry or organization. This requires a commitment to continuous learning, as well as a willingness to experiment, take risks, and seek out feedback from others.

By approaching certifications in this way, you can not only meet the requirements of potential employers, but also position yourself as a knowledgeable and skilled professional who is capable of making a meaningful impact in your field. This is why it's so important for practitioners and lifelong learners to focus on applying what they've learned from their certifications, rather than simply passing the test and moving on to the next one.
Verify a Google access token
Published: 2023-05-05 00:41:30

---
title: Verify a Google access token
published: true
date: 2023-04-10 00:00:00 UTC
tags: 
canonical_url: https://justin.poehnelt.com/posts/verify-google-access-token/
---

A Google access token can be verified using the following command to an Oauth2 endpoint:

```
curl "https://www.googleapis.com/oauth2/v1/tokeninfo?access_token=$GOOGLE_ACCESS_TOKEN"
```

The response will include the scope and additional information about the access token similar to the following for a service account access token:

```
{
  "issued_to": "1068863916064001234",
  "audience": "1068863916064001234",
  "user_id": "1068863916064001234",
  "scope": "https://www.googleapis.com/auth/userinfo.email openid",
  "expires_in": 3555,
  "email": "my-service-account@my-project.iam.gserviceaccount.com",
  "verified_email": true,
  "access_type": "online"
}
```
Gaming news with a twist
Published: 2023-05-05 15:18:34

---
title: Gaming news with a twist
published: true
date: 2023-04-10 00:00:00 UTC
tags: 
canonical_url: https://tinygame.dev/posts/Gaming-news-with-a-twist/
---

## What's happening?


Friends, I apologize, this is a bit of a distraction from making games. It’s sort of related, but not really, and feels a lot like an excuse not to work on [Magivoid](https://tinygame.dev/tags/magivoid/). I’ve still been building things though, and as long as you learn new things it’s a win in my book.

Today I’d like to introduce [gamebiz.news](https://gamebiz.news), a gaming news aggregator where you can up/down vote the authors. These people rate our games, why shouldn’t we rate them?

On a serious note, I added the voting mechanic mostly for fun. The main reason for the site is to quench my thirst for knowing what’s happening in the game industry. There’s a lot of good writers out there and it’s always been a bit annoying to browse multiple websites. Now they’re all in one place…ish. The site covers only a handful of websites for now. I may add more in the future if needed, but there’s a good amount of articles being posted each day already and I feel this covers the industry well enough.

Why not just use an RSS reader, I hear you ask? Where’s the fun in that? Building this site allowed me to play with all kinds of new tech. It’s got a [nuxt3](https://nuxt.com/) front/backend, a golang article aggregator, and it even runs the text through an AI model to create summaries (which turned out surprisingly good).  I’ll try to find time to write a post about the technical details next.