teleren/devto huggingface dataset:
Not a Parting but to New Beginnings
Tags: codenewbie, devjournal, devgrad2021, womenintech
Published: 2021-04-14 03:46:56

"Stories you read when you're the right age never quite leave you. You may forget who wrote them or what the story was called. Sometimes you'll forget precisely what happened, but if a story touches you it will stay with you, haunting the places in your mind that you rarely ever visit."

-- Neil Gaiman, "M is for Magic"


As our last day in full-stack boot camp comes to a close, there is a mixture of strong emotions, sadness, happiness, confidence, and the likes. 

If for any reason your future self ever questions your ability, your courage, or your decisions... I want you to search deep in yourself and remember this very moment in time, where you currently stand, remember this feeling inside you, and how you are looking back at your earlier self from the beginning of this coding camp. 

How does this feeling feel? Powerful, mind-blowing, maybe even intense?

I wanted to share with you all, Neil Gaiman's quote about stories because he expressed this idea so well. However, instead of a story you read, this is YOUR story that YOU wrote, and that YOU carved out for YOU. Let that sink in for a moment and embrace it like a long-lost friend. And always remember that this is YOUR story, that no one can ever take it away, and will always be with you no matter how lost you may feel at times. 

It has been a great honor and privilege to have been part of such a warm, supportive, and enthusiastic cohort. There really isn't any other way to put it but how grateful I am to have gotten to know you all. I'm sad but also excited to check in with you later in the future to see what adventures you have chosen to tackle :). 

And thank you for the great team at [_CodeOp](https://codeop.tech/) for being patient with us and providing such a safe, and encouraging environment to learn and grow. 

My past is my story, this memory will be remembered too as much as this one:
![Underdog team of volleyball players wins division from October 2003](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ypude2jhr3sydu3neazl.jpg)
It will be cherished for years to come.



[Post Title Photo by CoWomen from Pexels](https://www.pexels.com/@cowomen-1058097?utm_content=attributionCopyText&utm_medium=referral&utm_source=pexels)
The 11 Messages That Woke Me Up
Tags: career, beginners, codenewbie, motivation
Published: 2021-04-14 03:28:31

## Late Bloomer
The answers to so many of my issues from 18-31 were to execute on working hard and applying patience.

The work from 31-33 doubled the work done from that younger me.

I spent the last couple of years working late and getting up early to work on my craft.

## Advice to my younger self
I wish I could have spoken to 18-year-old me, but I realize now that there is no way I could have gotten through to that guy. Failure and hitting rock bottom was the only way.

The pain of failure. I failed because I had no plan and I didn't work. I wanted the quick fix. I was not playing for the long term.

## Wake Up!
I'm so glad for the messages and the people who woke me up. I'm thankful now for the pain that I went through.

## Their 11 messages:

1. Stop all the bull
2. Successful people know that you're full of bull
3. Work — really execute, pour it on
4. You're playing more than the people who got where you wanna go.
5. Work and apply patience
6. Document your progress with your community
7. Have a work-life balance, but work and stick with it
8. See where you want to go and make goals
9. Execute on the hard work
10. Invest in your work ethic
11. Every minute is laser-focused work on your goal

## This is how I woke up.
May I never forget that lesson! May I always approach the work with this attitude in mind!

## Can this post wake up someone reading this? 
The messages are here. It's up to them to hear and wake up, too.
How To Convert HTML Page To PDF In Angular 11?
Tags: pdf, angular, html
Published: 2021-04-14 03:19:18

This tutorial will use jspdf, html2canvas, and jspdf package for generating pdf files from HTML. any project Many times we get the requirement to convert HTML to pdf in angular content to save in image format or pdf format for sending a report to users email many times. So, here I am going to explain about converting angular HTML to PDF content into PDF files in angular application. And will help you step by step on how to generate HTML to pdf angular 11 app.

**[How To Convert HTML Page To PDF In Angular 11?](https://www.phpcodingstuff.com/blog/how-to-convert-html-page-to-pdf-in-angular-11.html "How To Convert HTML Page To PDF In Angular 11?")**

![This is image title](https://www.phpcodingstuff.com/uploads/tutorial_images/How_To_Convert_HTML_Page_To_PDF_In_Angular1.jpg "This is image title")

**Install dependencies**

`npm install jspdf`
`npm install html2canvas`

**update app.component.ts file**

```
import { Component, OnInit, ElementRef, ViewChild } from '@angular/core';
import * as jspdf from 'jspdf';
import html2canvas from 'html2canvas';

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
})
export class AppComponent {
    title = 'html-to-pdf-angular-application';
    public convetToPDF() {
        var data = document.getElementById('contentToConvert');
        html2canvas(data).then(canvas => {
            // Few necessary setting options
            var imgWidth = 208;
            var pageHeight = 295;
            var imgHeight = canvas.height * imgWidth / canvas.width;
            var heightLeft = imgHeight;

            const contentDataURL = canvas.toDataURL('image/png')
            let pdf = new jspdf('p', 'mm', 'a4'); // A4 size page of PDF
            var position = 0;
            pdf.addImage(contentDataURL, 'PNG', 0, position, imgWidth, imgHeight)
            pdf.save('new-file.pdf'); // Generated PDF
        });
    }
}
```

In the above file, we have imported the jspdf and html2canvas library in our ts file in convert HTML to pdf angular. Below that we have a method in which we will create a button click from an HTML file...

Original Source: *[https://www.phpcodingstuff.com/blog/how-to-convert-html-page-to-pdf-in-angular-11.html](https://www.phpcodingstuff.com/blog/how-to-convert-html-page-to-pdf-in-angular-11.html "https://www.phpcodingstuff.com/blog/how-to-convert-html-page-to-pdf-in-angular-11.html")*
help, i am stuck
Tags: react, help, webdev
Published: 2021-04-14 03:08:21

1. when i use this in react its working only once in local server, 
1. but when i deploy it on gh-pages, its not at all working
1. is there any other way of handling this in react?


```javascript
const close = document.querySelectorAll('.close');
for(var i=0; i<close.length; i++){
close[i].addEventListener('click', function(){
this.parentElement.parentElement.style.display = 'none';
})
}
```
Github Pages - Primeros pasos.
Tags: beginners, html, deploy, web
Published: 2021-04-14 03:07:54

## ¿Qué es github pages?
Bueno, prácticamente es una herramienta que me proporciona github para poder mostrar mi página web por medio de una url, por el momento he probado aplicaciones React (sin consultas a api's), y páginas estáticas (solo html, css y js), así que esto no servirá para aplicaciones que tengan backend.

## ¿Qué debo de hacer?
Lo lógico es que tengo que tener un repositorio, para los que no han utilizado github, y no tienen idea de lo qué es y como crear un repositorio, pueden informarse [aquí](https://www.atlassian.com/es/git/tutorials/what-is-git) y [acá](https://www.atlassian.com/es/git/tutorials/setting-up-a-repository).

## ¿Cómo usar github pages?
Una vez creado un repositorio en github,tendrás que tener un archivo _index.html_. Se verá algo así:
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/attr49q1tnbp5554ik5m.png)

Posteriormente, tendrán que ir a la opción _settings_ y luego aparecerá este menú en su parte izquierda:

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

Le dan click en Pages y luego cambien las opciones de _sources_ de tal manera que tengan lo siguiente:

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

Y al recargar, tendrán en esa ventana, el link para acceder a su página web. A veces no cargará al instante, otras veces si.

Si tienen alguna duda, sugerencia o preguntas escriben y trataré de responder de inmediato.
Organizando mis carpetas para aprender un nuevo lenguaje
Tags: language
Published: 2021-04-14 03:06:58

A lo largo de nuestra vida como programadores, nos encontramos con muchos recursos para aprender, que pueden ser links, videos, pdfs, imágenes, entre otros, cuando estamos aprendiendo un lenguaje de programación. 

Organizar esos recursos nos permitirá guardarlo en un momento que encontramos ese recursos y luego, ubicarlo de forma fácil cuando lo vayamos a necesitar. 

Hay muchas formas de organizar nuestros recursos, y una que quiero comentar inicialmente es, organizar en carpetas.

La estructura genérica que propongo es la siguiente:
* 1-introduce
* 2-integration-web
* 3-test
* 4-topics
* 5-tools
* 9-temp

Como se podrá observar, los nombre de las carpetas son sencillos de comprender. Si tenemos recursos que nos brindar un panorama inicial de un lenguaje de programación, lo guardamos en la carpeta "introduce". Si tenemos recursos que nos hablaran sobre como ese lenguaje puede utilizarse para la web, por ejemplo en java web con el framework spring, se podrá guardar en la carpeta "integration-web". Si tenemos recursos relacionados a test, principalmente unitarios, lo guardamos en "test". 

Si es que queremos ver temas específicos, por ejemplo, los que recomiendo guardar aquí son: buenas prácticas, seguridad, certificaciones, deploy, entre otros, los guardamos en "topics". Si tenemos recursos que se configurar de cierta forma a nuestro lenguaje, los guardamos en "tools", por ejemplo, en java, se puede realizar ciertas configuraciones con el IDE Intellij para tener un mejor provecho, también aquí podríamos indicar los mejores plugin para visual code para un lenguaje especifico. 

Y finalmente, cuando tenemos recursos que estamos revisando donde ubicarlos, podemos guardarlos en "temp". 

Esa carpeta raíz, lo ideal es que tenga, pocas sub-carpetas.
Hangcha
Published: 2021-04-14 03:03:11

Journey to damage hand lift
The investment and use of forklifts are no longer unfamiliar to many businesses. However, the process of damage to the forklift truck will happen very quickly if we do not understand the following principles:

Read more: <a href="https://xenangthienson.com/xe-nang-2-tan/">xe nâng 2 tấn</a>

First: Damaged hand truck by lifting overload

Overloading has become one of the leading causes of spoilage. The failure rate of the pallet truck overloaded is the greatest.
Like other industrial lifting equipment. You cannot use a 2-ton vehicle to lift a 3-ton pallet or even a 5-ton pallet.
Each car model has been calculated and manufactured correctly with the load bearing. Hydraulic pumps, chassis, lifters and all components are just as loaded.
You should not overpress it and then it will damage the hydraulic pump or break the rod ...

Read more: <a href="https://xenangthienson.com/xe-nang-25-tan/">xe nâng 2.5 tấn</a>

Second: Use in extreme environments

Here we implicitly understand that the stable environment that the vehicle can withstand is also the environment that humans can withstand.
No mechanical equipment or machinery can last for a long time in the freezer room or the boiler.
Too hot or too cold will damage the car quickly.
The harsh environment can also be perceived as chemicals. Vehicles working in a room with a lot of chemicals such as acid or too alkaline are easy to rust.

Read more: <a href="https://xenangthienson.com/xe-nang-3-tan/">https://xenangthienson.com/xe-nang-3-tan/</a>

Third: Do not apply grease regularly

Even humans too, when operating for a while at full capacity, they also need to replenish basic nutrients for life.
The machine is no different, it will rust, even get stuck if it is not greased. The hydraulic pump will lift and lower weakly if no more oil is applied ...
Useful free and paid resources for Web Developers to stay updated
Tags: webdev, javascript, programming, beginners
Published: 2021-04-14 02:44:48


1. Online resources
   - [JavaScript 30 by Wes Bos](https://javascript30.com/)
   - [JavaScript.info](https://javascript.info/)
   - Youtube channels
     - [LevelUpTuts](https://www.youtube.com/user/LevelUpTuts)
     - [Traversy Media](https://www.youtube.com/user/TechGuyWeb)
     - [Freecodecamp](https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ)
     - [Programming with Mosh](https://www.youtube.com/watch?v=8JJ101D3knE&ab_channel=ProgrammingwithMosh)
     - [Florin Pop](https://www.youtube.com/channel/UCeU-1X402kT-JlLdAitxSMA)
     - [Ben Awad](https://www.youtube.com/user/99baddawg)
   
2. Bootcamps
   - [Freecodecamp](https://www.freecodecamp.org/)
   - [Codeacademy](https://www.codecademy.com/)
   - [Udacity](https://www.udacity.com/course/front-end-web-developer-nanodegree--nd0011) 
   - [Coursera](https://www.coursera.org/learn/html-css-javascript-for-web-developers#syllabus)

3. Books
   - [Front-End Developer Handbook](https://frontendmasters.com/books/front-end-handbook/2018/)
   - [MDN](https://developer.mozilla.org/en-US/docs/Learn) 
   
4. Podcasts
   - [Front end happy hour](https://frontendhappyhour.com/)
   - [SyntaxFM](https://syntax.fm/)
   - [JavaScript Jabber](https://devchat.tv/podcasts/js-jabber/)
   - [Developer Tea](https://spec.fm/podcasts/developer-tea)
   - [Toolsday](https://spec.fm/podcasts/toolsday)

5. Blog sites with awesome articles
   - [Dev.to](https://dev.to/)
   - [CSS Tricks](https://css-tricks.com/)
   - [Smashing Magazine](https://www.smashingmagazine.com/)
   - [Medium](https://medium.com/)
   - [Hashnode](https://hashnode.com/)
   - [Hackernoon](https://hackernoon.com/)

6. Checklists and roadmaps
   - [Web development Checklist](https://github.com/shrutikapoor08/Learn-Web-Development-Checklist)
   - [Front End Checklist](https://frontendchecklist.io/)
   - [Roadmap to being a Front End developer](https://roadmap.sh/frontend)
  
**Paid Resources**

1. Online resources
   - [Frontend Masters](https://frontendmasters.com/learn/beginner/)
   - [Udemy](https://www.udemy.com/)
   - [Lynda](https://www.lynda.com/Web-training-tutorials/88-0.html)
   - [EggHead](https://egghead.io/)


2. Books
   - [Eloquent JavaScript, Marijn Haverbeke](https://www.amazon.com/Eloquent-JavaScript-3rd-Introduction-Programming/dp/1593279507)
   - [HTML and CSS: Design and Build Websites](https://www.goodreads.com/book/show/10361330-html-and-css)



--- 

Shruti Kapoor
[Follow on Twitter](twitter.com/shrutikapoor08)
[Hang out on Twitch](twitch.tv/shrutikapoor)
[Get articles like this in your inbox](bit.ly/shrutinewsletter)


---


{% twitter 1375570254777122816 %}
Registrasi Gratis Node.js Certification Environment Preview Beta
Tags: berita, linux, opensource
Published: 2021-04-14 01:13:32


Inilah alasan Linux Foundation berinvestasi dalam mengembangkan Pratinjau Lingkungan Ujian, yang memungkinkan individu mengalami tampilan dan nuansa lingkungan tempat mereka akan mengikuti ujian. Mereka meluncurkan uji Beta dari pratinjau baru ini, yang berfokus pada sertifikasi Node.js kami, Pengembang Aplikasi Node.js OpenJS (JSNAD) dan Pengembang Layanan Node.js OpenJS (JSNSD).

Pratinjau terdiri dari maksimal satu jam untuk menjelajahi lingkungan tempat ujian sertifikasi sebenarnya berlangsung. Kandidat dapat membiasakan diri dengan tata letak, alat, dan sumber daya yang akan tersedia saat mereka mengikuti ujian. Ini juga menyertakan folder "spoiler" dengan solusi yang disarankan untuk tugas-tugas yang disajikan dalam pratinjau, yang dapat ditinjau dan digunakan untuk menelusuri pratinjau dengan lebih cepat.

Ada beberapa perbedaan dari pengalaman ujian kehidupan nyata, seperti pratinjau tidak termasuk pengawas langsung, dan pertanyaan palsu serta konten yang tidak dimaksudkan untuk mewakili tugas yang diharapkan diselesaikan kandidat untuk lulus sertifikasi - ini tidak boleh dipandang sebagai tes latihan. Pratinjau tidak akan dinilai, meskipun kandidat dapat memeriksa jawaban berdasarkan folder spoiler.

Program Beta ini terbuka untuk 4.000 orang pertama yang melengkapi formulir permintaan di bawah ini (dibatasi satu per orang); tidak ada biaya untuk berpartisipasi dalam Beta. Setelah menyelesaikan pratinjau, penguji Beta akan diminta untuk mengisi survei singkat untuk memberi kami masukan tentang pengalaman tersebut. Dengan asumsi Beta berhasil dan calon kandidat menemukan pratinjau berguna, akhir tahun ini itu akan dimasukkan ketika kandidat mendaftar untuk ujian sertifikasi Node.js.

via [The Linux Foundation](https://training.linuxfoundation.org/announcements/apply-here-for-the-node-js-certification-environment-preview-beta/).

*Originally published at [MauCariApa.com](https://maucariapa.com/registrasi-gratis-node-js-certification-environment-preview-beta/) on April 14, 2021.*
Adicionando ícone de GitHub nos projetos opensource
Tags: braziliandevs, opensource
Published: 2021-04-14 03:24:09

---
title: Adicionando ícone de GitHub nos projetos opensource
published: true
date: 2021-04-14 00:23:59 UTC
series: Dicas Rápidas
tags:
  - braziliandevs
  - opensource
canonical_url: https://willianjusten.com.br/adicionando-icone-de-github-nos-projetos-opensource/
---

## Introdução

Fala pessoal, eu recentemente comecei uma [série de vídeos com dicas bem rápidas](https://www.youtube.com/watch?v=1dNNL95BsJE&list=PLlAbYrWSYTiOviR_zL01FMa-kWEMDIjeO) lá no meu canal do YouTube, mas como eu também gosto de texto e também quero facilitar a busca seja pelo Google ou pelo YouTube, vou portar os vídeos para cá também. Espero que dê certo =)

## Vídeo

{% youtube H5XBjyoU1E0 %}

## Utilizando com SVG puro ou componentes React/Vue

O [projeto oficial](https://tholman.com/github-corners/) é chamado de GitHub Corners e disponibiliza um código em SVG bem simples que você consegue colocar em qualquer site de forma simples.

Mas se você quiser, também pode utilizar este [componente em React](https://projects.skratchdot.com/react-github-corner/) ou este [componente em Vue](https://gluons.github.io/vue-gh-corners/).

## Conclusão

E aí, gostou da dica? Se curtiu, não deixa de se inscrever lá no [canal do YouTube](https://www.youtube.com/WillianJustenCursos/) para essa e mais outras dicas.
To New Beginnings!
Tags: kubernetes, docker, terraform, devops
Published: 2021-04-17 07:40:27

---
title: To New Beginnings!
published: true
date: 2021-04-14 00:00:00 UTC
tags: kubernetes,docker,terraform,devops
canonical_url: https://arshs.tech/to-new-beginnings/
---

Hey folks! I’ve finally set up my own blog (yaaaaaay!). I was looking at ways to import the articles from my [Dev.to](https://dev.to/rinkiyakedad) but it seems like there is no easy way to go about it and I can’t find the mental strength to copy-paste all 14 articles I’ve written till now.

From now on, I will be posting all articles [here](https://arshs.tech) first and then cross posting them to [Dev.to](https://dev.to/rinkiyakedad) (maybe [Medium](https://medium.com/@rinkiyakedad) too). In case you are interested in reading the previous ones, here are their links:

1. [Introduction To Terraform](https://dev.to/rinkiyakedad/introduction-to-terraform-545n)
2. [Kool Kubernetes](https://dev.to/rinkiyakedad/introduction-to-kubernetes-55o7) - A four-part article series
3. [Demisityfuing Docker](https://dev.to/rinkiyakedad/introduction-to-docker-1hp2) - A six-part article series
4. [Kyverno - Simplify Managing K8s Clusters](https://dev.to/rinkiyakedad/kyverno-simplify-managing-k8s-clusters-2kej)
5. [How to connect your Graphback project to MongoDB Atlas](https://dev.to/rinkiyakedad/how-to-connect-your-graphback-project-to-mongodb-atlas-5aa8)
6. [Creating an Add Event to Google Calendar Link for Your Project](https://dev.to/rinkiyakedad/creating-an-add-event-to-google-calendar-link-for-your-project-52c1)

Stay safe and do awesome stuff! :D
How to remove a directory synchronously using Node.js?
Tags: node
Published: 2021-04-14 00:00:00

---
  title: How to remove a directory synchronously using Node.js?
  published: true
  tags: Nodejs
  date: Wed Apr 14 2021 05:30:00 GMT+0530 (India Standard Time)
  canonical_url: https://melvingeorge.me/blog/remove-directory-synchronously-using-nodejs
  cover_image: https://melvingeorge.me/_next/static/images/main-0708851020420c542d3e10ce7c523810.jpg
  ---
  [Originally posted here!](https://melvingeorge.me/blog/remove-directory-synchronously-using-nodejs)
  
To remove a directory or a folder, we can use the `rmdirSync()` method from the `fs` (filesystem) module Node.js. This will synchronously remove the directory.

```js
// Remove directory synchronously
fs.rmdirSync("./FilesDirectory", { recursive: true });

console.log("Successfully deleted directory!");
```

For exampe let's consider a directory called `FilesDirectory` like this,

```js
// require fs module
const fs = require("fs");

// path
const path = "./FilesDirectory";
```

Now let's use the `fs.rmdirSync()` function and

- pass the path as the first argument
- optional `options` object with a property of `recursive` set to boolean `true` as the second argument. This is done so that any files or directories inside the directory are also deleted. If you don't want a directory with files not to be deleted, you can remove the `options` object completely.

to the function like this,

```js
// require fs module
const fs = require("fs");

// path
const path = "./FilesDirectory";

// remove directory by passing path
// as the first argument to the function
fs.rmdirSync(path, { recursive: true });

console.log("Successfully deleted directory!");
```

See this example live in [repl.it](https://replit.com/@melvin2016/remove-directory-synchronously-using-nodejs#index.js).

### Feel free to share if you found this useful 😃.

---
Implement Authentication in Angular 2+ application using LoginRadius CLI in 5 mins
Tags: angular, authentication, cli, login
Published: 2021-04-14 00:00:00

---
title: Implement Authentication in Angular 2+ application using LoginRadius CLI in 5 mins
published: true
date: 2021-04-14 00:00:00 UTC
tags: Angular,Authentication,CLI,Login
canonical_url: https://www.loginradius.com/blog/async/implementing-authentication-in-angular-2-plus-with-loginradius-cli/
---

In this tutorial, you will learn about how to implement the authentication for Angular 2+ application in just 5 mins. We will be using [LoginRadius CLI](https://github.com/LoginRadius/lr-cli)
   
[Read On](https://www.loginradius.com/blog/async/implementing-authentication-in-angular-2-plus-with-loginradius-cli/)