teleren/devto huggingface dataset:
Shovels and Pick Axes
Published: 2021-11-01 15:01:50

---
title: Shovels and Pick Axes
published: true
date: 2021-10-31 03:13:38 UTC
tags: 
canonical_url: 
---

Today I was busy helping my family and forgot to post a blog article.

I intended to talk about startups and freelancing, that will come. But I just thought I’d mention briefly the perspective on the day.

I saw relatives I have not seen in a while. Some doing good. Some not so good. That is its own long post.

Today I worked. I tilled soil. Using old pick axes and shovels we tilled the earth. This is different from what I normally do but to be outside get my hands dirty was great. I got to serve my dad who had surgery. I got to serve my mom who wanted this done. And I got to do all of it with my wonderful wife in wonderful working weather.

If life hasn’t brought it to you yet, spend a day outside doing this type of work. It can be rewarding. Whatever time of day you enjoy being outside, spend time enjoying the day with loved ones. I love fall temperatures, 60–70 degrees. Being outside in the fresh air is incredibly restful for me and yet I don’t chose it enough.
My First HackToberfest 2021 Experience
Tags: hacktoberfest, opensource, github
Published: 2021-10-31 01:28:47

Today I have completed Hacktoberfest 2021 contributing in 6 repositories. For the first time I have participated in Hacktoberfest. As I'm very new to open source, this experience has helped me get more acquainted with Git and GitHub. Looking forward to take part as a maintainer in next year.

Thank you!
Spooky Halloween CSS Animations! 👻🎃
Tags: codepen, halloween, css, aestheic
Published: 2021-10-31 01:26:59

Hey Coders!

Happy Halloween! 🎃👻

In todays blog I'm going to be showing you some spookyyy Halloween Animations made on Codepen!

Ready to see them?

Lets hop right into them!

<h2>1. Halloween Flickering Animation (Open in full screen for best experience)</h2>

{% codepen https://codepen.io/code2rithik/pen/OJjjayr %}

<h2>2. Spooky Signup</h2>

{% codepen https://codepen.io/code2rithik/pen/eYEEQJz %}

<h2>3. Spooky Intro Text (Open in full screen for best experience)</h2>

{% codepen https://codepen.io/code2rithik/pen/dyzzQGd %}

<h2>4. Spooky Squiggly Text (Open in full screen for best experience)</h2>

{% codepen https://codepen.io/code2rithik/pen/RwZZqaB %}

<h2>5. Halloween Animation in Pure CSS</h2>

{% codepen https://codepen.io/code2rithik/pen/bGrrQpy %}

<h2>6. The Witch's Cauldron</h2>

{% codepen https://codepen.io/code2rithik/pen/gOxxQMQ %}

<h2>7. Day of the Dead Animation</h2>

{% codepen https://codepen.io/code2rithik/pen/oNeeQzE %}
Beneficios de trabajar en Rappi
Published: 2021-10-31 01:21:31

Hola, hoy quiero compartirles algunos beneficios que brinda Rappi para que se animen a postular.
Actualmente estoy trabajando desde Perú. En el área o vertical de Rappi Pay.

Algunos de los beneficios son:

+ Acceso a platzi. https://platzi.com/
+ Acceso a safari books. https://www.oreilly.com/ . (Este acceso es lo que más me agrada, hay libros de gran nivel técnico).
+ Convenio para idiomas. (Por ejemplo, aquí en Perú con Wall Street).
+ Rappi prime en la aplicación móvil. (envíos gratis).,
+ Adicional para conectividad de internet. (s/ 100 soles).
+ Programa de referidos.
+ Modalidad 100% remota, incluso después que pase la pandemia. (Work from Anywhere)
+ Sesiones en vivo para ejercitarse.
+ Rappi Academy. Con algunos cursos internos.
+ Acceso a un portal de asesoría con psicólogos.
+ Licencia de paternidad y maternidad con días adicionales a los que son por ley.
+ Puedes hacer movimientos internos, es decir, ir a trabajar en otros equipos o iniciativas. Incluso a otros países. (¡Esto me gusta!)
+ Te brindan una laptop moderna y potente. En mi caso, una macbook pro.
+ Posibilidad de pedir más herramientas según necesites (monitor, teclado, mouse, smartphone, etc).

Te cuento un poco más del proceso.

### Proceso
Puede que se vaya actualizando, empiezas con una evaluación con RRHH, luego una evaluación técnica, por ejemplo, con hackerrank, luego entrevista técnica con uno o más personas y listo, te llegará una oferta.

### Onboarding
Me parece interesante esta parte, porque días antes de tu primer día de trabajo ya te brindan acceso al correo y a bitbucket.
Además del onboarding con RRHH y con tu líder técnico o jefe superior. Hay vídeos de onboarding muy interesante con los temas que necesitas saber sobre la cultura de rappi y las verticales o áreas que existen.
Si tienes alguna consulta, me comentas, ¡éxitos!

### Más información:
https://www.rappi.com/jobs/
https://www.linkedin.com/company/rappi/
📁Elasticsearch TypeScript template
Tags: elasticsearch, typescript, webdev, javascript
Published: 2021-10-30 22:53:49

Hey everyone! I've recently created an Elasticsearch Typescript template so you can get started using TS & Elasticsearch. 

## What is Elasticsearch?
Elasticsearch is a open-source search engine built on Apache Lucene and developed in Java. Elasticsearch allows you to store & search huge volumes of data very quickly in near real-time and give back responses in milliseconds. _Yes you heard that right milliseconds..._ It's able to achieve these fast search speeds/responses because instead of searching the text directly, it searches through an index. It uses a structure based on documents instead of tables and schemas.

## Why?
I created this template because I haven't seen many templates for Elasticsearch & Typescript and even tutorials covering this so I decided to create one to make peoples lives easier.

You can get started [here!](https://github.com/notandrewdev/elasticsearch), Just follow the README on how to setup your environment variables, and setting up the server.

⭐s are much appreciated! :)
I created an e-commerce site from scratch and kept a development diary over the course of 5 months
Tags: react, javascript, webdev, nextjs
Published: 2021-10-31 01:19:28

**tl;dr** I completed a personal project that I would like to share: [project repository](https://github.com/sgoulas/pdpProject)

Hello all,

I recently finished working on a personal project where I set up to create a simple e-commerce project from scratch in order to learn some new things and I would like to share it with anyone that might be interested.

[![Watch the video](https://img.youtube.com/vi/tExUzbz5eCY/hqdefault.jpg)](https://youtu.be/tExUzbz5eCY)

*click the image above to see the demo*

The stack includes: material-ui, nextjs, redux, redux-saga, redux-toolkit, jest with react-testing-library, apollo and more. 

I also tried to implemet SEO features like open graph protocol and structured metadata and validated the mark up and the application's accessibility through W3C and WAVE validators.

The biggest point of interest in my opinion is the documentation. I kept a detailed development diary (over the span of 5 months) for each day I worked on the project which includes all my decisions (style / architecture / technology stack) as well as almost all the problems I faced and the crossroads I found myself on. In that regard, the project might be useful to junior and *maybe* medior developers that often wonder "how do I start creating something from scratch?" or faced similar problems in their projects.

The project can be found here:  [project repository](https://github.com/sgoulas/pdpProject)

Thank you for your time, have a nice day.
Second Hacktoberfest Contribution
Tags: opensource, github, javascript, beginners
Published: 2021-10-31 01:05:22

The __Second Issue__ I found for the __Release 0.2__ was a `JavaScript` Program. It called __"Helpful.js"__, _"A collection of helpful JavaScript functions, started by TogaTech.org and built by the open-source community."_

##Issue
The issue I assigned for this program was __"adding a new method that finds the average of an Array to the program."__ [[Issue #16]](https://github.com/TogaTech/helpful.js/issues/16)
![Issue description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wwhg79i6a0dm8z42pnbh.png)

##My Solution
In order to solve this issue, the first step I took was try my best to __go through the program__ and __run the program on my local machine__. After read through the code, I found out that this program using a package `mocha` that is similar to `Angular`. Therefore, I used the assignment that I finished with `Angular` as a reference to fix this issue. Finally, I added a __new function__ and a __test function__ to the program to achieve the goal of `Issue #16`.
```
	helpful.average = function(array) {
		if(array == null ) {
			return [];
		}
		let sum = 0;
		for(let i = 0; i < array.length; i++) {
			sum += array[i];
		}
		let average = sum / array.length ;
		return average;
	}
```

```
    it(`${i}: average - Should calculate the average of an array`, function(){
			let expected = 2.75;
			let actual = helpful.average([1, 2, 4, 4]);
			assert.equal(expected, actual);
		});
```

Through 5-7 of testings, I __`committed`__ my changes to the repository that I cloned. Also, I made a __`Pull Request`__ for my solution.
__Surprsingly__, the repository owner accepted my solution and merged it to the __original__ `Github Repository` after a few days that I made my __Pull Request__!

##My Feelings
To be honest, this contribution means a lot to me! This is the __first time__ that my `Pull Request` that got __merged__ to the original Github repository that _outside of school_. It means that the owner of the program agrees with my solution! 
It encourages me to contribute more in the future!

Link to the Repo I worked with: [[Helpful.js]](https://github.com/TogaTech/helpful.js)
First Hacktoberfest Contribution
Tags: opensource, github, html, beginners
Published: 2021-10-31 00:34:06

Since the beginning of __October__, we have a new Release assignment, __release 0.2__ to do. For this assignment, we are going to make some contributions on __Github__ Open Source Appliction.

##First Contribution
After watching the videos that our professor provided, I started to search some issues that are __"Open"__ on Github.
However, due to this is the first time I try  to work on the open source application outside  school. I spent _a few hours_ to find my first issue.

##My first Issue
For this assignment, the first issue I found was helping the Github repository owner to _solve the horizontal scroll problem_. [[Issue #19]](https://github.com/iamHrithikRaj/AMIMUN/issues/19)
Before I fixed this issue, they were having a webpage like this :
![Screenshot Before Fixed](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/51rr0i4w674ewkoe62w4.png)
There is a horizontal scroll bar at the bottom of the webpage, which is not a good outlook for any web development programmer.

##My solution
Because this is a `HTML` program, it reminded my the knowledge I learned in `Web 222`. I remembered that I got the same problem when I tried to accomplished my last assignment in `Web 222`. __Therefore__, I opened the webpage I made in Web222, and figured out the reason of the horizontal scroll bar. __Finally__, I realized that this is a _simple_ issue. I just need to add a couple lines of code to the `html, body` container in the __CSS__ file to fix this issue: 
``  max-width: 100%;
  overflow-x: hidden;``


After I added these couple lines of code, the webpage is going to look like this(the horizontal scroll gone):
![Screenshot After Fixed](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/y6ehxkw784qvbpjkadlg.png)
 

##My Feelings
This is the __first time__ I contributed to a open source application __outside school__. Although this is not a complicated issue, I learned a lot from it. 
It gives me the courage to continue contributing in the future. In addition, I learned that everything I learned in school will be useful to me somewhere somehow.

Link to the Repo I worked on: [[AMIMUN]](https://github.com/iamHrithikRaj/AMIMUN)
How to create all of your React Projects with one node_modules folder
Tags: react, symlink
Published: 2021-10-31 00:10:16

#What Are Symbolic Links?

Symbolic links are basically advanced shortcuts. Create a symbolic link to an individual file or folder, and that link will appear to be the same as the file or folder to Windows—even though it’s just a link pointing at the file or folder.
##There are two type of symbolic links:
Hard and soft. Soft symbolic links work similarly to a standard shortcut. When you open a soft link to a folder, you will be redirected to the folder where the files are stored.  However, a hard link makes it appear as though the file or folder actually exists at the location of the symbolic link, and your applications won’t know any better. That makes hard symbolic links more useful in most situations.
#How to create symbolic links in windows:
First Run CMD As Administrator.
The below command creates a symbolic, or “soft”, link at Link pointing to the file Target :

`mklink Link Target`

Use /D when you want to create a soft link pointing to a directory. like so:

`mklink /D Link Target`

Use /H when you want to create a hard link pointing to a file:

`mklink /H Link Target`
Use /J to create a hard link pointing to a directory, also known as a directory junction:

`mklink /J Link Target`

##How to create symbolic links in linux:
`ln -s <path to the file/folder to be linked> <the path of the link to be created>`
###### Note that ln by default make hard symbolinks

use command below to remove symbolic links in linux
`ls -l <path-to-assumed-symlink>`
Migrando (e customizando) o tema desse site (WIP)
Tags: site, jekyll, githubpagaes
Published: 2021-11-09 21:53:18

---
title: Migrando (e customizando) o tema desse site (WIP)
published: true
date: 2021-10-31 00:00:00 UTC
tags: site,jekyll,githubpagaes
canonical_url: http://gabubellon.me//blog/migrando-tema-site
---

## escolhendo um novo tema

Queria um tema clean e leve https://github.com/riggraz/no-style-please

## mas e o tema antigo ?

Mas o tema antigo tinha umas funções legais

https://github.com/YoussefRaafatNasry/portfolYOU

## customizando o tema novo com funções do tema antigo

Agora tem wiki, projetos, apresentações e timeline !!!

## meta post

Editar usando o github online !!!
A technical screening horror
Tags: hiring, podcast, video
Published: 2021-11-10 11:20:26

---
title: A technical screening horror
published: true
date: 2021-10-31 00:00:00 UTC
tags: hiring,podcast,video
canonical_url: https://jhall.io/archive/2021/10/31/a-technical-screening-horror/
---

## Happy Halloween!

In honor of the scariest day of the year, I wanted to share a scary story. This one was recently shared with me by a contact, and comes from the technical screening stage for a technical role. As is common, it involves an automated technical test, conducted through a popular testing website, but with some special twists!

> - The proctor watches you take the test online using webcams and screen-sharing technology.
> - You will be asked to **show your Task Manager** to the proctor through screen share to make sure no other background applications are running.

I go through more of the details in my special bonus episode of The Tiny DevOps Podcast.

[Listen](https://share.transistor.fm/s/723c97d3), [watch](https://youtu.be/vwUGzNpbfks), or [read the transcript](https://share.transistor.fm/s/723c97d3/transcript).

[![](https://jhall.io/images/icon-podcast-512_hudba6b7b089bf867fab369dd7c8de54ef_15339_0x100_resize_q85_box_2.png)](https://share.transistor.fm/s/723c97d3)   [![](https://jhall.io/images/icon-youtube-512_hu472b17e2e29474aa989a586bfaf501e7_5679_0x100_resize_q85_box_2.png)](https://youtu.be/vwUGzNpbfks)   [![](https://jhall.io/images/icon-transcript-512_hu61121fb4158683053abb5347949e43dd_14667_0x100_resize_q85_box_2.png)](https://share.transistor.fm/s/723c97d3/transcript)

* * *
_If you enjoyed this message, [subscribe](https://jhall.io/daily) to <u>The Daily Commit</u> to get future messages to your inbox._
Fixing my everyday errors!!
Tags: webdev, codenewbie, linux, javascript
Published: 2021-10-30 16:59:33

###1. How do I kill a process currently using a port on localhost?
`npx kill-port 8001`
Expected output: Process on port 8001 killed 


###2. Using import in server.js
Inside package.json add
```json

"type": "module",

 ```

###3. sh: react-scripts: command not found after running npm start
run `npm install` or `yarn add`
:bulb: [stack-overflow](https://stackoverflow.com/questions/40546231/sh-react-scripts-command-not-found-after-running-npm-start) 


###4. axios baseURL
```js
// Set config defaults when creating the instance
const instance = axios.create({
  baseURL: 'https://api.example.com'
});
```
###5. Heroku `error code = H10`
Heroku dynamically sets the PORT, which can be accessed with `process.env.PORT`
```js
const port = process.env.PORT || 8001;
```

###6. If we get "Failed to load config "react-app" to extend from"
`yarn add eslint-config-react-app`
:bulb:[dev.to](https://dev.to/ashleyo/comment/1c5p2)

###7. Installing npm
`sudo apt-get install npm
`
###8. Installing n

`sudo npm install n -g
`
###9. Installing Node LTS version
`sudo n lts`

###10. Checking node version
`node --version`

###10. Installing java version 11
`sudo apt install openjdk-11-jre-headless`

###11. Installing vs code
11.1.`sudo apt install wget -y`
11.2`wget -O vscode.deb 'https://code.visualstudio.com/sha/download?build=stable&os=linux-deb-x64'`

###12. Installing Storybook
`npx sb init`

###13. Clone a specific branch
`git clone -b <branchname> <remote-repo-url>
`
:bulb: https://www.freecodecamp.org/news/git-clone-branch-how-to-clone-a-specific-branch/
Developer friendly IPC
Tags: cpp, programming, productivity, opensource
Published: 2021-10-30 22:28:56

Hi,

i've developed AREG SDK, which is an interface-centric real-time communication engine. It has fundamental features that can compete and beat many similar very known RPC and multiprocessing solutions. But it is still not good enough to say AREG SDK can win them, because I'm missing support and use of SDK in other programming languages. I'd like to share my knowledge in multithreading, multiprocessing, IoT, asynchronous communication and event-driven communication. Feel free to ask questions. And I'd like to discuss with you about solutions to bridge C++ with Java, C#, JavaScript, Python, Go, etc.

The engine I developed is here: https://github.com/aregtech/areg-sdk/
Simplifying Angular testbed setup by converting to synchronous test hooks
Tags: angular, testing
Published: 2021-10-30 22:10:01

---
title: Simplifying Angular testbed setup by converting to synchronous test hooks
series: Configuring the Angular testbed
published: true
description: Surprising to some, calling TestBed.compileComponents is unnecessary unless you're Google. 
tags: angular,testing
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/26t93y9voasvs25m6z6g.jpg
---

When we use Angular's schematics to generate components, unnecessary asynchronous code is added to the test setup hook for its test suite.

The following test setup is generated by Angular's `component` generation schematic:

```ts
beforeEach(async () => {
  await TestBed.configureTestingModule({
    declarations: [MyComponent],
  }).compileComponents();
});
```
<figcaption>Angular testbed setup generated by the <code>component</code> schematic.</figcaption>

Alternatively, we might be using Angular's `waitForAsync` test function wrapper (formerly named `async`) as seen in the following code snippet:

```ts
beforeEach(waitForAsync(() => {
  TestBed.configureTestingModule({
    declarations: [MyComponent],
  }).compileComponents();
}));
```
<figcaption>Angular testbed setup using <code>waitForAsync</code>.</figcaption>

Here's the deal: It's only necessary to call the static `TestBed.compileComponents` method if we're not using the Angular CLI to run our tests (who would do such a thing, Google? 👈😏).

The Angular CLI compiles our application and tests before the tests are run so no asynchronous action is needed for setting up the declarables.

Let's simplify the common test setup by leaving out async-await, `waitForAsync`, and even the `TestBed.compileComponents` invocation as seen in this code snippet:

```ts
beforeEach(() => {
  TestBed.configureTestingModule({
    declarations: [MyComponent],
  });
});
```
<figcaption>Simplified Angular testbed setup.</figcaption>

The following points are true for common Angular testbed setup for tests covering all types of Angular declarables:
- No need to use async-await
- No need to use `waitForAsync` (formerly named `async`)
- No need to call `TestBed.compileComponents`

Of course, there might be other reasons for introducing asynchronicity to our test setup but compiling and linking declarables is not one of them.

Enjoy a little less boilerplate in your Angular tests 🌞
Questions for SaaS creators/owners. 
Published: 2021-10-30 21:40:18

Hi everyone! I’m part of a small team starting a startup that’s reimagining the way small SaaS subscriptions happen. I’m looking to evaluate our idea with SaaS creators/owners to get your feedback. 

I'd really appreciate it if you have 5 minutes to answer some questions in this Typeform! You’re able to answer anonymously if you'd like.

Also, we have an investor update meeting this Monday evening and we need to get more target market interviews in before then! At the end of the Typeform, we have a Calendly embed, and if you're down to do a 15-minute zoom call (and you're a real SaaS owner) we'll send you a $20 gift card to wherever.

Thank you so much! Here's the Typeform: 

https://getpixel.typeform.com/to/GzndIGbf
RStudio - Introduction
Tags: datascience, rstudio
Published: 2021-10-30 21:29:33

My sister is very cool and smart and will be a TA for a course on RStudio next semester. Like me (before I went into Software Engineering), she is studying Public Policy. 

The intersection of technology and policy is interesting to me, so I want to dip my toes into data science a bit and learn how to work with data in RStudio (I am lucky to have my sister guide me). This will be my first post among several about this journey - eventually, I'll work on a project with R. This week, an intro:

***What is R and RStudio?*** 
RStudio is an integrated development environment (IDE) for R. R is a popular programming language used for data analysis. R and its libraries can be used to apply various graphical and statistical operations to data. There are many available packages that provide various functionalities for data analysis and many of them are written by R users. 

***R-Language*** 
- R is a functional programming language and supports object-oriented programming 
- Functions in R are first class. This means that they can be passed as arguments to other functions, returned as values from other functions, be assigned to variables, or be stored in data structures. 
- Variables are lexically scoped. Another name for lexical scope is static scope. The lexical scope is the definition space in which the item was created - this means that R will look for the variable based on the order in which functions are nested, not in the order that they are called.  

***R Data Types***
- Logicals - booleans, true/false
- Numerics - decimal values 
- Integers - whole numbers
- Complex - uses pure imaginary values 'i', ex: x = 1 + 2i 
- Characters - aka strings, represents text instead of numbers 

***R Data Structures***
- Vector - contains a sequence of items of the same type
- Lists - similar to a vector but can contain different data types. Lists are recursive and can contain other lists 
- Array - like a vector, contains items of the same type, but has n-dimensions and creates a matrix 
- Matrix - a two-dimensional array 
- Data Frame - a table; a two dimensional array like structure