teleren/devto huggingface dataset:
Making a DOGE Mailer 
Tags: actionshackathon21
Published: 2021-12-09 03:41:03



### My Workflow

https://github.com/prajalsharma/doge-mailer/blob/main/.github/workflows/node.js.yml

### Submission Category: 

Wacky Wildcards


### Yaml File or Link to Code

https://github.com/prajalsharma/doge-mailer

https://github.com/prajalsharma/doge-mailer/blob/main/.github/workflows/node.js.yml


### About the Project

This project is a part of a GithubActions21 Hackathon by Dev Community. This project uses Nodemailer and CoinMarketCap API with github actions to automatically send you a mail everyday on your gmail regarding the cryptocurrency prices everyday along with Tenor API which sends the DOGE meme GIFS to make it more fun.

### About Github Actions and the API's Used
GitHub Actions makes it easy to automate all your software workflows, now with world-class CI/CD. Build, test, and deploy your code right from GitHub .

In my project I used Cron to automate the sending of email everyday . It was fairly easy to use for beginners as well . Before this, I had to look somewhere else to automate things like these but now it can be done in your github which saves a lot of time .


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


Then I used NodeMailer which carried out the task of sending mails whenever the program runs.

I used the CoinMarketCap API to retrieve and send the Cryptocurrency data through mail.

In the end , I used Tenor API to add a funny DOGE meme gif to make it more fun . It'll definitely make the reciever laugh :). Tenor is the hub of thouands of GIF's which we can use in our projects

### Working samples


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


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


### Environment Variables Used

USER_EMAIL = The email through which you want to send mails and give emailing access to the app.

USER_PASSWORD = This is not the actual password of the email but an app password which can be made for only the access of the specific app . In my case it was gmail access app password

EMAIL_FROM = This is the email through which you'll be sending the automated emails . It can only be one .

EMAIL_TO= This refers to the target email on which you want to send the automated mail . It can be as many as you want.

COINMARKETCAP_API_KEY = This is the API key of the CoinMarketCap API. You can use your own API key here .

TENOR_API_KEY = This is the API key of the Tenor API .

### Additional Resources / Info

In the future I expect to make the UI more beautiful and funky. 
Thank You if you made it till here .
Please leave a star on github or like this post .
Have a Great Day
View Github Issues as stats in a compact way
Tags: actionshackathon21, opensource, github, javascript
Published: 2021-12-09 03:34:09

<br/>
### My Workflow
Issue Stats analyses a repo's issues and then generates a table for quick and easy info. The stat points are: 
- average issue response time ⏱
- total issues 🔢
- open issues 📬
- closed issues 📭
- replied issues ☑
- not replied issues ➖

&nbsp;
### Submission Category: 
Maintainer Must-Haves / Wacky Wildcards

&nbsp;
### Link to Code and YAML File
{% github arndom/issue-stats-card %}

``` yaml
name: Issue Stats Card

on:
  issues:
    types: [opened, edited, closed]
  issue_comment:
    types: [created, deleted]
  workflow_dispatch: # Run workflow manually (without waiting for the cron to be called), through the Github Actions Workflow page directly

jobs:
  get_repo_issue_stats:
    runs-on: ubuntu-latest
    name: Get repo issue stats
    steps:
    - name: Checkout
      uses: actions/checkout@v2
    - name: Get issue stats then generate card 
      uses: arndom/issue-stats-card@v1

```

&nbsp;
### Additional Resources / Info
Late submission incoming... been a wonderful hackathon, so glad I found the time to learn something new and make this.
Special thanks to @omzlaw for the help in my thought process and debugging.

Hope you like it 🤗, Don't forget to leave a star ⭐
Why do you need to be AWS Certified?
Tags: aws, cerification, cloudcomputing, interview
Published: 2021-12-09 03:32:59

## What is AWS?
Amazon Web Services (AWS) is the world’s most comprehensive and broadly adopted cloud platform, offering over 200 fully-featured services from data centers globally. Millions of customers — including the fastest-growing startups, largest enterprises, and leading government agencies — are using AWS to lower costs, become more agile, and innovate faster.


`THERE IS A FULLY DEDICATED VIDEO BASED ON "WHY DO YOU NEED TO BE AWS CERTIFIED"👇👇`
[![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/56cdgzt4yd1cpzi79vtq.png)](https://www.youtube.com/watch?v=EwRcNqqoQSU)


## Why AWS?
On the Go Pricing
The Free Tier
Performance
Deployment Speed
Security
Flexibility

## Benefits of Getting an AWS Certification
Amazon Web Services (AWS) is the market leader among cloud service providers now. Why? It provides cost-effective services to organizations. The services of AWS are scalable and ideal for different business sizes.

Most important of all, AWS follows formidable security measures for safeguarding, monitoring, and maintenance of its data centers. As a result, AWS is staying at the top of the list of cloud service providers. So, the first reason to go for AWS certifications is the status of AWS. If you want to invest time and effort in learning about cloud technologies, then it’s better to choose the leader. 



## Road Map of AWS Certification
[ ![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wnnxhhr5vp14rwxz1433.png)](https://www.youtube.com/watch?v=EwRcNqqoQSU)

---
▬▬▬▬▬▬ WANT TO LEARN MORE? ▬▬▬▬▬▬
Full Terraform tutorial ► [https://bit.ly/2GwK8V2](https://bit.ly/2GwK8V2)
DevOps Tools, like Ansible ► [https://bit.ly/3iASHuP](https://bit.ly/3iASHuP)
Docker Tutorial ► [https://bit.ly/3iAT9Jx](https://bit.ly/3iAT9Jx)
AWS Tutorial ► [https://bit.ly/3iAT9Jx](https://bit.ly/3iAT9Jx)
GCP Tutorial ► [https://bit.ly/3mwh412](https://bit.ly/3mwh412)
Jenkins Tutorials ► [https://bit.ly/3iHnfv4](https://bit.ly/3iHnfv4)
Jenkins Pipeline ► [https://bit.ly/30CJGLB]
Self-Taught Developer Journal, Day 17: TOP Landing Page Cont.: Completing the Second Section
Tags: webdev, beginners, devjournal, codenewbie
Published: 2021-12-09 03:11:14

Today...

## Thinking Through The Odin Project Landing Page cont.
![The Odin Project Project Landing Page Full Design Image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qcwlb2cle80pmz7kpksx.png) 
Continuing with the second section, I centered the image-box and text in their image-container, but I need to fit the text underneath the box aligned with the box's left and right edge.
![My Landing Page Second Section Progress](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uqvuecaqerc6rpg85lfg.png)
To adjust it, I tried adding padding for the left and right in the text-container class. While it made the text align with box edges, it made me realize that there was still a lot of space between the boxes.
![My Landing Page Second Section Progress Padding](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vlu3ctqvy8gnrjxly1jl.png)
So I went ahead and removed the text padding, and focused on minimizing the width of the images class that contains all four boxes and text. I set the width to 60% and that helped shrink the spaces between the boxes.
![My Landing Page Second Section Progress Width](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vhcmedadz3mcin8eo1hj.png)
After messing with the padding left and right again for the text-container, the image text still wasn't fitting like I wanted it to. Then I noticed I should set the same width for the image-box and text-container to have their spacing relative to each other. I also increased the image-box width and height so the text doesn't wrap as much. I set the font-size for the image text to small and text-align to center. Lastly, I increased the height of the second section to 30vh or 30% of the viewport height (*The viewport is the visible area of your page in the browser you are using to view a site*).
![My Landing Page Second Section](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9aiilqruyb3gkmzkb5da.png)
 
Next, I will be working on the third section of the Landing Page.

## Resources
[The Odin Project Landing Page Project](https://www.theodinproject.com/paths/foundations/courses/foundations/lessons/landing-page)

Day 16: https://dev.to/jennifer_tieu/self-taught-developer-journal-day-16-top-landing-page-cont-184i
Please refer to [Starting My Self-Taught Developer Journey]( https://dev.to/jennifer_tieu/starting-my-self-taught-developer-journey-2dga) for context.
Getting Started with Icon Component in Blazor
Tags: blazor, webdev, dotnet, csharp
Published: 2021-12-09 02:47:01

Learn how to get started with the [Blazor Icons Library](https://www.syncfusion.com/blazor-components/blazor-button) of Syncfusion in a Blazor WebAssembly application. You will also learn how to configure icons in different sizes and its customization and how to display icon tooltips.

Download an example from GitHub: https://github.com/SyncfusionExamples... 

Refer to the following documentation to learn about the Blazor Icons library: https://blazor.syncfusion.com/documen... 

Refer to the following documentation to learn about the Blazor Buttons component: https://blazor.syncfusion.com/documen...

{% youtube H1nQCAHzKZ0 %}
Dealing with burnout as a game developer
Tags: gamedev, career, productivity
Published: 2021-12-09 02:35:16

Over the past couple of months, I've been dealing with burnout.

After taking a break from game development, I'm back in action and I've published this update video about my experience with burnout as a gamedev and content creator:

{% youtube jLTQaD5cZAg %}

If this is something you've dealt (or are currently dealing) with, I hope this video can help you through it a little.

Feel free to share your own experiences and stories with me if it's something you'd like to talk about!

❤️
Releasing the funniest GitHub Action & Workflow
Tags: actionshackathon21, github, opensource, showdev
Published: 2021-12-09 00:58:03

---
title: Releasing the funniest GitHub Action & Workflow
published: true
description: My submission to the GitHub Actions x DEV Hackathon 2021!
tags: actionshackathon21, github, opensource, showdev
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/acnlbq2g8qmh372lymwm.png
---

I happen to maintain one of the popular Hacktoberfest repositories. It's [the easiest way to make a valid Hacktoberfest Contribution (without spamming)](https://dev.to/lakatos88/the-easiest-way-to-make-a-valid-hacktoberfest-contribution-without-spamming-3fgc). To put it into context, it got more PRs during the first 24 hours of Hacktoberfest than it got the rest of the year. 

And I'm extremely grateful for that! It's a repository of the most cringe-worthy computer puns on the internet. I take all the help I can to gather them. [Someone on Twitter](https://twitter.com/tomzaragoza/status/1443962345382875144) gave me the idea, I had way too much time on my hands, so now you can [add a GitHub Action](https://github.com/marketplace/actions/puns-dev) to your Workflows that outputs a pun and punchline.

{% github https://github.com/AlexLakatos/puns-dev-action %}

### What about the Workflow?

The action usage is a one-liner, I tried to make it as painless to use as I can, for such a small action.

`uses: AlexLakatos/puns-dev-action@v1.3`

The action returns text, so the workflow possibilities are quite literally endless. It works really well with other GitHub related actions. My favourite combination, and the one I use on [my side projects](https://github.com/AlexLakatos/ascii-themes/blob/master/.github/workflows/pr-comment.yml) and [the original repository](https://github.com/AlexLakatos/computer-puns/blob/main/.github/workflows/thanks.yml), is to add a comment to each new PR, thanking people for contributing, and giving them a pun in return.


### Submission Category? 

While I can make a definite case this workflow is one of the "Maintainer Must-Haves", I'm not sure everyone would agree 😅. It definitely is one of the Wacky Wildcards.


### Yaml File

```yaml
name: PR Puns

on:
  pull_request_target:
    types: [ opened ]

jobs:
  punny:
    runs-on: ubuntu-latest
    name: Reward PRs with a random pun
    steps:
    - uses: AlexLakatos/puns-dev-action@v1.3
      id: pun
    - uses: allthatjazzleo/actions-pull-request-add-comment@v1
      with:
        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
        message: |
          Thank you for submitting a PR! Here's a pun, while you wait for us to review your PR.
          
          ${{ steps.pun.outputs.pun }}
          ${{ steps.pun.outputs.punchline }}    
```
Maybe transpiled(to JS) languages are good?
Tags: javascript, webdev, watercooler
Published: 2021-12-09 00:24:52

This may not be the most sensational topic these days, as front end webdev has largely moved to JS frameworks and/or TypeScript, but I think it's an interesting topic to explore. Why so? The heyday of these kinds of projects seemed to be about a decade ago. I think of this kind of like the same as what Node is, but in reverse. 

**Why is Node so popular?** 
Node gets a lot of support because it's JavaScript. It makes sense; front end devs who need to write a backend are familiar with JS, so if they can write their backend in JS too, there's no need to familiarize with another programming language. Similar to projects like Flutter, why write native code for every platform, when you could use one codebase (or programming language in this analogy)? 

Now, I _can_ write JavaScript reasonably well, but I'm more of a backend dev who also does front end stuff. So, I'm basically the ideal Node user, but in reverse. Wouldn't it be great, then, if I could use another programming language I already use and enjoy for front end projects? This is possible, of course, however support isn't great for most languages (including my beloved Dart since there's no framework to use anymore :/). 

The advent of WebAssembly brought this concept back in a way. The idea that you could use any language for client-side projects is very appealing, but wasm isn't necessary for it to work. Transpiled languages are just as good (maybe better for most applications) since the outputted JS is almost always faster than if you had written the code in JavaScript yourself, and it just requires less work. 

A future where it's just as easy or normal to use a programming language like Dart, Kotlin, Scala, .NET, etc., (and of course JS as well) isn't that hard to accomplish, or far away if it gets support. It would be fantastic for front end development to be as diverse as the backend (and the rest of the software sphere for the matter), not just because choice-which is great in itself-, but also it could bring in more people who are at the moment hesitant to try out the webdev world because they don't want to have to learn JavaScript.

So, there's my thoughts on the matter, it'd be nice to hear you have to say as well down in the discussion. See you there!
100 días de código: 36, desarrollando mi Tic Tac Toe.
Tags: spanish, 100daysofcode, webdev
Published: 2021-12-09 00:18:26

Photo by [Michail Dementiev](https://unsplash.com/@bot_va?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)
  
¡Hey hey hey!

Bitácora de capitán:
Hoy estamos en el día 36 del reto, hoy he mejorado mi productividad haciendo algo de ejercicio en los descansos de la técnica pomodoro. Mi mente se revitalizaba cada que tomaba el tiempo de descanso para hacer algo de movimiento y con ello les traigo las conclusiones de que algo como algunas sentadillas o abdominales puede ser poderoso como descanso para la mente.

Les recomiendo que lo intenten al menos una vez para ver si les ayuda en su vida cotidiana.

### Ayer:
- Gracias a mi concentración logre terminar con el proyecto de la biblioteca y avance hasta el proyecto Tic Tac Toe en The Odin Project.
- Me di cuenta que intentar prever metas semanales con antelación puede ser una tarea complicada asi que pensé en hacer una lista de tareas que vaya actualizándose en la semana para asi poder cambiar mis prioridades.
- Practique 30 min de Touch Typing.
- Aprendí algo de TypeScript.
- Aprendí sobre como crear funciones fabrica las cuales sirven cuando tienes muchos objetos que tienen caracteristicas especificas y similares y también como crear módulos para proteger la información del alcance global lo cual crea seguridad en los sitios web.

### Hoy:
- Maquete la pagina del proyecto Tic Tac Toe.
- Comencé a darle funcionalidad con ayuda de módulos para el juego en general y funciones fabrica para la creación de los jugadores aunque todavía me falta para terminar el proyecto.
- Practique 30 min de Touch Typing.
- Escribí algo de información que tendré en mi pagina web.

Eso es todo por hoy, espero les haya gustado y tengan un día excelente. 
Mucho éxito con sus proyectos.
Adiós mundo!
Media Recording: check for supported MIME types
Tags: codepen
Published: 2021-12-09 00:07:55

``<p>This is an expanded implementation of one of the examples in W3C MediaStream Recording specification, <a href="https://w3c.github.io/mediacapture-record/MediaRecorder.html#examples" target="_blank">https://w3c.github.io/mediacapture-record/MediaRecorder.html#examples</a></p>

{% codepen https://codepen.io/miguelao/pen/edqNab %}
What certifications should I get?
Tags: devops, certifications, aws
Published: 2021-12-15 10:50:52

---
title: What certifications should I get?
published: true
date: 2021-12-09 00:00:00 UTC
tags: devops,certifications,aws
canonical_url: https://jhall.io/archive/2021/12/09/what-certifications-should-i-get/
---

The Adventures in DevOps crew discuss the various certificates that exist and which ones you may or may not want to consider getting.

They talk about whether you need one in the first place and the value that different markets place on the certificates.

[![](https://jhall.io/images/aido-600px_hu064dd3473c23b0dee6f42abfef90a45c_156562_400x0_resize_q85_box.jpg)](https://adventuresindevopspodcast.com/what-certificates-should-i-get-devops-096)

* * *
_If you enjoyed this message, [subscribe](https://jhall.io/daily) to <u>The Daily Commit</u> to get future messages to your inbox._
Mandatory JavaScript Knowledge for Coding Interview
Tags: webdev, tutorial, beginners, javascript
Published: 2022-02-01 22:19:36

---
title: Mandatory JavaScript Knowledge for Coding Interview
published: true
date: 2021-12-09 00:00:00 UTC
tags: webdev,tutorial,beginners,javascript
canonical_url: https://www.rupeshtiwari.com/mandatory-javascript-knowledge-for-coding-interview/
---

> Are you attempting coding interview challenges in Javascript? Then make sure you learn below mandatory JavaScriipt apis and utilities.

## Math Library

### Math.floor Math.round

Used in Binary Search algorithm

![](https://i.imgur.com/IZu0fyb.png)

### Math.abs

![](https://i.imgur.com/Fgh6Eca.png)

## Array related

### Array Slice

Used in Merge sort algorithm.

![](https://i.imgur.com/TPf6sHD.png)

### Array Sort

![](https://i.imgur.com/hY8qjWD.png)

### Initialize 2D array

![](https://i.imgur.com/74bDGJV.png)

## Map

### JavaScript Map

![](https://i.imgur.com/TVb5n1i.png)

## Difference between i++ and ++i

So basically ++i returns the value after it is incremented, while i++ return the value before it is incremented.

![](https://i.imgur.com/mwT7aco.png)

![](https://i.imgur.com/mp77XBD.png)

## Javascript Bitwise operator

### Right Shift x»y

Moving bit/s towards the right side in binary number.

`4>>2 = 16`

`x>>y` means `x/2^y` divide x by 2 to the power of y.

### Left Shift x«y

Moving bit/s towards the left side in binary number.

`4<<2 = 0`

`x<<y` means `x*2^y` multiply x by 2 to the power of y.

* * *

_Thanks for reading my article till end. I hope you learned something special today. If you enjoyed this article then please share to your friends and if you have suggestions or thoughts to share with me then please write in the comment box._

**💖 Say 👋 to me!**  
Rupesh Tiwari  
Founder of [Fullstack Master](https://www.fullstackmaster.net)  
Email: [rupesh.tiwari.info@gmail.com](mailto:rupesh.tiwari.info@gmail.com?subject=Hi)  
Website: [RupeshTiwari.com](https://www.rupeshtiwari.com)

![](https://imgur.com/5fBatz9.png)
AutoPort - Low Code Portfolio Generator
Tags: actionshackathon21, webdev, opensource, github
Published: 2021-12-08 23:58:59

### My Workflow

**AutoPort** is a Project for making Portfolio using GitHub Actions. It uses [Toha Theme](https://github.com/hugo-toha/hugo-toha.github.io) provided by [Hugo](https://gohugo.io/) combined with the power of [Github Actions.](https://github.com/features/actions) Thus, making the portfolio application without coding and also without setting up the project on the local system.


### Submission Category: 

Wacky Wildcards


### Yaml File or Link to Code

{% github https://github.com/sandeep-v1404/autoport %}

### Additional Resources / Info


[Hugo](http://gohugo.io/): It's The world’s fastest framework for building websites.

[Toha Theme](https://github.com/hugo-toha/hugo-toha.github.io): A theme works with Hugo Framework.

Checkout the provided themes [here.](https://themes.gohugo.io/)




_I'm thankful to GitHub and DEV platform for the **2021 GitHub Actions Hackathon** where I got motivation and resources to work with GitHub Actions._
Creating Desktop, Web and Even Mobile Apps With Python
Tags: python, webdev, programming, tutorial
Published: 2021-12-08 23:54:00

Python had incredible success in the last couple of years.

It had become the language of choice for data scientists and programmers in many other disciplines. But still, for tasks such as mobile development and building GUI's in general, we rely on different technologies.

But Python has evolved to help us in almost any task. We have GUI libraries as standard python packages, or we can pick one from the vast Python ecosystem.

This post is about five such tools. You'd also find getting started instructions to them and ways to expand your wisdom further. 

[5 Python GUI Frameworks to Create Desktop, Web, and Even Mobile Apps.](https://towardsdatascience.com/5-python-gui-frameworks-to-create-desktop-web-and-even-mobile-apps-c25f1bcfb561?sk=dbc57973ed10f8932a06ad8a9c33a1a2)