teleren/devto huggingface dataset:
Introducing Recap Time
Tags: readme, recaptime
Published: 2021-03-27 05:25:18

---
title: Introducing Recap Time
published: true
date: 2021-03-05 14:53:44 UTC
tags: readme,recaptime
canonical_url: https://medium.com/recap-time/introducing-recaptime-d6b17cccad46
---

You found out that [The Pins Team](https://medium.com/u/7aa468517efc) launched a new Medium publication for Recap Time from [one of the recent team updates](https://medium.com/thepinsteam-blog/new-pub-for-recaptime-and-more-e22f6930526c)? Oh, nice!

### The quarterly (hopefully bi-monthly) newsletter

We push new newsletter issues bi-monthly (or at least quarterly). That includes what’s happened in the past months, the memes, and the bruh moments, among updates from the Pins team and the community. Please don’t expect that we will be released one newsletter issue per quarter (or twice a month), as yours truly have a life beyond writing the newsletter.

If you want to track our progress, and want to contribute, [see our GitLab repo](https://gitlab.com/MadeByThePinsHub/RecapTime/newsletter-archive). Contributions are welcome and usually where we start the process of making an new issue.

### What it contains in a nutshell?

Tech news, community updates from Hyun’s Dojo Community, and probably open-source community, a compilation of memes we found on the Internet, and then some.

Besides our regular issues, we also share some weird posts here sometimes and even community posts are welcome soon.

### Support our work!

We don’t like ads and promotions. If you want to keep the Pins team independent (both financially and editorially), [support us on Patreon](https://patreon.com/ThePinsTeam). If you prefer not to help us financially independent, give us some claps, follow, and share the word. (Referrals and these affiliate links are fine, but we’re not yet another ad-tracking company again.)

Without further ado, [follow the Medium publication’s official newsletter](https://medium.com/recap-time/newsletters/recap-time) to be the first one to know whenever we’ll release our first issue as soon as possible. And of course, follow us on our socials at [Twitter](https://twitter.com/RecapTime) and [Mastodon](https://mastodon.online/@RecapTime).

> Sidenote: You knew that I’m usually abandoning other projects [like our handbook](https://en.handbooksbythepins.gq) for newer ones like this, like any other developers out there. Also don’t worry about my mental health after months of lockdown and staying-at-home, I’m fine.

* * *
Tell me your tech interview horror stories
Tags: discuss, watercooler, friday
Published: 2021-03-05 14:50:24

---
title: Tell me your tech interview horror stories
published: true
description: Sharing our experiences with technical interviews can help cultivate a better ecosystem for technical interviews, so what has your experience been? 
tags: discuss, watercooler, friday
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/eodt7946x9581ds90gqp.jpg
---
*cover image: Interrogation of Joan of Arc by Paul Delaroche*


Sharing our experiences with technical interviews can help cultivate a better ecosystem for technical interviews, so what has your experience been? I'd like to hear about the worst you've been through.

I'll go first: my worst tech interviews have been bad for a number of reasons, some of them weren't anyone's fault:

* I was interviewed for an ops position that I really shouldn't have been up for. When posed with a log-parsing question that required `grep`, I spent my hour trying to write a node program to do what I needed. I got about 5% done.

* Interviewing for a Rails role, I did well until it came up that I hadn't heard of a specific Ruby gem, I believe it was Capistrano. I've still never used it.

Other experiences were... easier to point fingers

* the one that stands out over all the others was for a company doing b2b services with some multimedia servers. It looked a bit old and creaky to me but I went in with a brave heart. At the technical, the lead dev asked me some pointed questions, and it became clear he'd found my blog. Worse he'd read every single post (about 30), looking for stuff to confront me on. At one point I recall him saying 'you mentioned you don't like learning JSX, we use JSX, why are you even interviewing here!'

After the interview he went through my github and accused me of plagarizing my code samples.

------

Okay, I've shared my worst ones, tell me yours in the comments.
🚀10 Trending projects on GitHub for web developers - 5th March 2021
Tags: javascript, react, vue, css
Published: 2021-03-05 14:45:31

Trending Projects is available as a weekly newsletter please sign up at [www.iainfreestone.com](https://www.iainfreestone.com) to ensure you never miss an issue.

### 1. BASIC Computer Games

An updated version of the classic "Basic Computer Games" book, with well-written examples in a variety of common programming languages

{% github https://github.com/coding-horror/basic-computer-games %}

---

### 2. The Art of Node

A short introduction to node.js

{% github https://github.com/maxogden/art-of-node %}

---

### 3. clsx

A tiny (228B) utility for constructing `className` strings conditionally. Also serves as a faster & smaller drop-in replacement for the classnames module.

{% github https://github.com/lukeed/clsx %}

---

### 4. React Static

React-Static is a fast, lightweight, and powerful progressive static site generator based on React and its ecosystem. It resembles the simplicity and developer experience you're used to in tools like Create React App and has been carefully designed for performance, flexibility, and user/developer experience.

{% github https://github.com/react-static/react-static %}

---

### 5. Houdini

The "disappearing" Svelte GraphQL client with support for Sapper and Sveltekit.

{% github https://github.com/AlecAivazis/houdini %}

---

### 6. Ream

A super-fast SSR framework for Vue.js 3

{% github https://github.com/ream/ream %}

---

### 7. Awesome CSS Frameworks

List of awesome CSS frameworks.

{% github https://github.com/troxler/awesome-css-frameworks %}

---

### 8. single-spa

The router for easy microfrontends. Build micro frontends that coexist and can (but don't need to) be written with their own framework. 

{% github https://github.com/single-spa/single-spa %}

---

### 9. Mikro ORM

TypeScript ORM for Node.js based on Data Mapper, Unit of Work and Identity Map patterns. Supports MongoDB, MySQL, MariaDB, PostgreSQL and SQLite databases.

{% github https://github.com/mikro-orm/mikro-orm %}

---

### 10. Awesome Vite.js

A curated list of awesome things related to Vite.js

{% github https://github.com/vitejs/awesome-vite %}

---

Trending Projects is available as a weekly newsletter please sign up at [www.iainfreestone.com](https://www.iainfreestone.com) to ensure you never miss an issue.

If you enjoyed this article you can [follow me](https://twitter.com/iain_freestone) on Twitter where I regularly post bite size tips relating to HTML, CSS and JavaScript.
How to Integrate Angular 8 and SpringBoot RestAPIs Example

Tags: angular8, springboot, restapi
Published: 2021-03-05 14:38:47

https://grokonez.com/frontend/angular/angular-8/how-to-integrate-angular-8-and-springboot-restapis-example

[no_toc]In the tutorial, we show you how to integrate Angular 8 with SpringBoot RestAPI for development using SpringToolSuite IDE.
<ul>
<li>Setup Nodejs and Angular CLI</li>
<li>Create simple Springboot RestAPIs</li>
<li>Setup Angular 8 project</li>
<li>Import Angular 8 to SpringToolSuite</li>
<li>Integrate SpringBoot RestAPI with Angular 8</li>
</ul>

Related posts:

- <a href="https://grokonez.com/angular-tutorial">Angular Tutorial</a>.
- <a href="https://grokonez.com/spring-framework/spring-boot/spring-boot-angular-6-example-spring-data-rest-mongodb-crud-example">Spring Boot + Angular 6 example | Spring Data + REST + MongoDb CRUD example</a>

<!--more-->
<h2 id="technologies">Technologies</h2>
- Node.js
- Angular 8
- SpringBoot 2.x
- SpringToolSuite
<h2 id="goal">Goal - Integrate Angular 8 with SpringBoot RestAPI</h2>
- We create an Angular 8 client & SpringBoot RestAPI as below structure:

Angular 8:

<img src="https://grokonez.com/wp-content/uploads/2019/05/angular-8-integrate-with-springboot-tutorial-angular-8-project-structure-1.png" alt="angular-8-integrate-with-springboot-tutorial---angular-8-project-structure-1" width="607" height="433" class="alignnone size-full wp-image-17957" />

SpringBoot project:

<img src="https://grokonez.com/wp-content/uploads/2019/05/angular-8-integrate-with-springboot-tutorial-springboot-project.png" alt="angular-8-integrate-with-springboot-tutorial---springboot-project" width="281" height="291" class="alignnone size-full wp-image-17958" />

Use Angular 8 client to call Spring RestAPI, we get:

<img src="https://grokonez.com/wp-content/uploads/2019/05/angular-8-integrate-with-springboot-tutorial-request-through-proxy.png" alt="angular-8-integrate-with-springboot-tutorial---request-through-proxy" width="352" height="132" class="alignnone size-full wp-image-17959" />

Deploy Angular 8 production-build with Spring-Boot project, We get:

<img src="https://grokonez.com/wp-content/uploads/2019/05/angular-8-integrate-with-springboot-tutorial-angular-8-integrate-with-spring-boot.png" alt="angular-8-integrate-with-springboot-tutorial---angular-8-integrate-with-spring-boot" width="448" height="137" class="alignnone size-full wp-image-17960" />

https://grokonez.com/frontend/angular/angular-8/how-to-integrate-angular-8-and-springboot-restapis-example
Yukihiro Matsumoto: “Do not fight developer instincts”
Tags: ruby, programming, rails, webdev
Published: 2021-03-05 14:15:16

Our friend Yukihiro Matsumoto, creator of the Ruby programming language, joined us for an interview right after the release of Ruby 3.0! Grigory Petrov, Developer Relations at Evrone, spoke with Mr. Matsumoto about the new features in the latest major Ruby release. Mr. Matsumoto also shared details about his approach to improving Ruby and gave us insight into the future of the language.

[Read the full interview.](https://evrone.com/yukihiro-matsumoto-interview-2021)
Perbedaan alat bantu dengar analog dan digital
Published: 2021-03-05 14:10:32

Perbedaan alat bantu dengar tentu perlu Anda ketahui, sebelum memutuskan untuk mencari apa yang sesuai dengan yang anda cari, salah satu merk alat bantu dengar paling bagus kasoem hearing center bisa menjadi pilihan Anda.

Silahkan konsultasikan kebutuhan Anda secara online maupun offline, dengan datang langsung ke outlet store <a href="https://kasoemhearingcenter.com/">kasoem hearing center</a> yang tersebar diseluruh Indonesia. tanyakan langsung apa yang Anda butuhkan, termasuk efek samping menggunakan alat bantu dengar.
Deploying Vitepress to Github Pages
Published: 2021-03-05 14:07:36

Yesterday (4 March 2021) I tried to deploy Vitepress to Github pages. I looked at the Vitepress documentation, it is quite straightforward though.

We just need to add `deploy.sh` file and it's done!

```sh
#!/usr/bin/env sh

# abort on errors
set -e

# build
npm run docs:build

# navigate into the build output directory
cd docs/.vitepress/dist

# if you are deploying to a custom domain
# echo 'www.example.com' > CNAME

git init
git add -A
git commit -m 'deploy'

# if you are deploying to https://<USERNAME>.github.io
# git push -f git@github.com:<USERNAME>/<USERNAME>.github.io.git master

# if you are deploying to https://<USERNAME>.github.io/<REPO>
git push -f git@github.com:<USERNAME>/<REPO>.git master:gh-pages

cd -
```

Then just run the bash script by `sh deploy.sh`.

TADA!!!



Somehow it didn't work. In fact, my Vitepress code is overwritten with the Vitepress build code.

Two hours I was stuck here, looking to various sources but could not find a solution.

Since it was almost 10 PM and I wanted to sleep, I had to look at the `deploy.sh` code again and maybe this method can be done as temporary solution while waiting for the right way.

Let's go to the following line:

```
git push -f git@github.com:<USERNAME>/<REPO>.git master:gh-pages
```

Because in the previous deployment it turned out that my Vitepress code was overwritten, my "hack" was to create a new branch specifically for deploying the Vitepress build code.

It looks like this:
```
git push -f git@github.com:<USERNAME>/<REPO>.git master:gh-pages-deploy
```

Then go to the repository settings, then change the branch for Github page to `gh-pages-deploy`.

If you have other proper solution please let me know 😁.

Let's connect with me https://twitter.com/BurhannAhm

🎉🎉 Happy coding !!!

Don't forget to check out https://initbase.github.io/vue-modal-2/
Let's create a custom toggle switch using HTML and CSS.
Tags: css, webdev, beginners, tutorial
Published: 2021-03-05 14:01:13

Hello everyone! In this quick tutorial, let's learn how to create a custom toggle switch using HTML and CSS.

# Step 1 - The HTML.
``` HTML
<label class="switch">
     <input type="checkbox" class="checkbox">
     <span class="toggle-thumb">

          <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" style="fill:#4ADE80;transform:;-ms-filter:"><path d="M10 15.586L6.707 12.293 5.293 13.707 10 18.414 19.707 8.707 18.293 7.293z"></path></svg>

          <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 24 24" style="fill:#F87171;transform:;-ms-filter:"><path d="M16.192 6.344L11.949 10.586 7.707 6.344 6.293 7.758 10.535 12 6.293 16.242 7.707 17.656 11.949 13.414 16.192 17.656 17.606 16.242 13.364 12 17.606 7.758z"></path></svg>

     </span>
</label>
```
Here, the label with the class 'switch' is like the main container of our switch. The span with the class of 'toggle-thumb' is the circle part of the switch and inside this span are the 2 SVG icons that we are going to use. And We will use the checkbox to toggle the switch.

# Step 2 - Basic Styles
``` CSS
.switch {
      display: inline-block;
      width: 60px;
      height: 34px;
      position: relative;
    }

.toggle-thumb {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      background-color: #475569;
      border-radius: 40px;
      cursor: pointer;
    }
```
After these styles, the switch should look like this

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rhjw3heepo91opeo43iu.png)

# Step 3 - Creating the toggle thumb and hiding the checkbox.
For creating the toggle thumb we need to add the '::before' pseudo-element to the 'toggle-thumb'.
``` CSS
 .toggle-thumb:before {
      content: "";
      height: 26px;
      width: 26px;
      position: absolute;
      left: 4px;
      bottom: 4px;
      border-radius: 50%;
      background-color: #E2E8F0;
      transition: .4s all ease;
    }
```
 And to hide the checkbox
``` CSS
.checkbox {
      opacity: 0;
      width: 0;
      height: 0;
    }
```
It should look like this now,
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6ob6z6o8wf6nts7qez3t.png)

# Step 4 - Adding the functionality.
To add the functionality to our switch we need to add transform to our 'toggle-thumb::before' when our checkbox is checked. So to do that,
``` CSS
.checkbox:checked + .toggle-thumb:before {
      transform: translateX(26px);
    }
```
That's it. Here is the demo of the switch. 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b0nrqkszy72h9j79u5gv.gif)

Thanks 😀
Day 14 of 365 days of code
Tags: java, springboot, database, programming
Published: 2021-03-05 13:43:12

I didn't get time to work on my side project today. Was so occupied with office work. Hate working on production support. Guess no fri-yay for me. 
Was looking into LDAP connection failure issues with spring. New to LDAP so don't know how will I do a setup locally. Still looking.
ytmusic
Published: 2021-03-05 13:17:48


![ytmusic](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t7nawrppcztdikev9bts.png)
[This](https://girder.hub.yt/api/v1/item/623186358df532029b4fce04/download) executable (ELF ) works on OSX & Linux, create local playlists, search and play yt music from CLI
https://girder.hub.yt/api/v1/item/623186358df532029b4fce04/download
depends on ncurses5-compat-libs
Hier & Jetzt – Open Web 7: Dezentrales Twitter und dezentrales Clubhouse?
Tags: hierjetztopenweb, openweb, bluesky, clubhouse
Published: 2021-11-10 15:14:13

---
title: Hier & Jetzt – Open Web 7: Dezentrales Twitter und dezentrales Clubhouse?
published: true
date: 2021-03-05 13:09:09 UTC
tags: HierJetztOpenWeb,OpenWeb,Bluesky,Clubhouse
canonical_url: https://notiz.blog/2021/03/05/hier-jetzt-open-web-7-dezentrales-twitter-und-dezentrales-clubhouse/
---

Wir haben die aktuelle Folge von „Hier und Jetzt – Open Web“ über Clubhouse aufgenommen 🙌!

Ich hatte mich vorher nicht so wirklich mit dem neuen Hype beschäftigt, fand es aber ganz charmant, einen Podcast wie eine Art „Talkrunde“ aufzunehmen um im Anschluss auch auf Fragen eingehen zu können. Es gab leider noch nicht so viele Zuschauer und auch keine Fragen… aber es geht ja ums Prinzip 😉!

Thema der Folge 7: „[Dezentrales Twitter und dezentrales Clubhouse?](https://neunetz.fm/hier-und-jetzt-open-web-7-dezentrales-twitter-und-dezentrales-clubhouse/)„

<iframe width="100%" height="180" frameborder="no" scrolling="no" seamless loading="lazy" src="https://share.transistor.fm/e/70d4d46c"></iframe>

> Matthias Pfefferle und Marcel Weiß sprechen über Twitters Dezentralisierungs-Projekt „Bluesky“ und den umfangreichen ersten Bericht des Projekts über fast alle heutigen dezentralen Social-Networking-Ansätze. Außerdem: Wäre eine dezentrale Alternative zu Clubhouse denkbar?

Viel Spaß beim hören ☺️!

**‚Hier & Jetzt‘** kann man per [RSS-Feed](http://feed.neunetz.fm/huj) **abonnieren** und findet man natürlich auch bei [Apple Podcast](https://itunes.apple.com/de/podcast/hier-jetzt/id937734214) und in jeder Podcast-App.
Why I Study Software Engineering
Published: 2021-03-05 13:06:13

Its not easy knowing what you want to be when you grow up, I just knew that I didn't want to wakeup to go to a tedious job where I was under paid and over worked. My previous job in retail seemed to do more of the latter so when I was let go, I made the decision to never let that happen again, my next job will be used as a ladder to finding out what career I really want to be in. When the pandemic finally hit the U.S., it knocked me off the ladder but after being in a new job for almost a year, I told myself to start looking into taking classes. After a month of searching through schools and trying to figure out which classes I wanted to take, I saw a flyer at work advertising classes for Software Engineering. Suddenly I knew what I was going to do. I was the only child to a single parent so I was always the one setting up our technology and making sure our internet connection was working properly. When my 10 year old cousin told me he was going to be taught how to code in school, I remember thinking of how awesome it would be to learn it too. The opportunity has now presented itself to me and I'd be a fool not to take it. I'm hoping to have a eventful career programming with a magazine or some blogs like TMZ.
Daily Developer Jokes - Friday, Mar 5, 2021
Tags: jokes, dailydeveloperjokes
Published: 2021-03-05 13:00:23

---
title: "Daily Developer Jokes - Friday, Mar 5, 2021"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
cover_image: "https://private.xtrp.io/projects/DailyDeveloperJokes/thumbnail_generator/?date=Friday%2C%20Mar%205%2C%202021"
published: true
tags: #jokes, #dailydeveloperjokes
---

Generated by Daily Developer Jokes, a project by [Fred Adams](https://xtrp.io/) ([@xtrp](https://dev.to/xtrp) on DEV)

___Read about Daily Developer Jokes on [this blog post](https://xtrp.io/blog/2020/01/12/daily-jokes-bot-release/), and check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/).___
### Today's Joke is...
![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e12595564d36.png)

---
*Have a joke idea for a future post? Email ___[xtrp@xtrp.io](mailto:xtrp@xtrp.io)___ with your suggestions!*

*This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit.*

<!-- 
Joke text:
___Q:___ Why shouldn't you trust Matlab developers?

___A:___ Because they're always plotting something.
 -->
What makes Rlogical the best Flutter App Developer?
Tags: flutter, android, ios
Published: 2021-03-05 12:57:32

Flutter is considered an open-source mobile app framework that aids in creating top-notch mobile apps for Android and iOS platforms by using one single codebase within a short period. This awesome platform, which Google released, aids in creating attractive mobile applications quite quickly and a native user interface. The developers can use similar codes in various environments, which helps to minimize the complexity and cost of app production across Android and iOS platforms.

Rlogical happens to be a passionate and dedicated group of Flutter application developers on a contractual basis for fulfilling the requirements of their customers as and when required. Their team of extremely talented developers will create frameworks as required in Android, Windows, and iOS mobile app platforms. Therefore, Hire Flutter Developers from Rlogical.

 
Why hire Rlogical?

    Meeting update regularly – Their team regularly updates the customer on the ongoing project and the job status according to their requirements. It might be fortnightly, monthly, or weekly on a case-to-case basis.

    Extremely talented team – Their professionals happen to be amongst the best in the present industry for Flutter apps.

    Committed support – Their team is always ready around-the-clock to help their customers and fix their problems.

    Scalable projects – Their team of professionals will be able to scale and update all the customers’ present projects successfully.

    You will be impressed by their pace of work.

    Rlogical follows a contemporary and flexible systematic coding system for the benefit of their customers.

Their specialties in the Flutter App

    Their team of extremely talented experts will be able to add regularly according to the client’s needs.

    They are known to design, create, execute, and implement easily acceptable and path-breaking mobile apps.Their experts are equipped with adequate knowledge regarding Flutter architecture and will be able to personalize the requirements according to the clients’ preferences.

    Their team is capable of handling and creating extremely interactive applications in iOS and Android systems. This is mainly because of the innovative open-source development framework.

    They are equipped with a sophisticated RISC machine coding system which allows them to help their customers perform wonders with their projects to get the desired outcomes.

Let's know more here: https://www.rlogical.com/blog/what-makes-rlogical-the-best-flutter-app-developer/
FEC Day 10
Published: 2021-03-05 12:57:08

Today I had some interesting problems. One thing I wanted to do was move my average stars logic to be modular and reusable at a higher level. However, this proved to be a difficult task and time-sink. I made a helper file in the root directory and tried to import it into my React component, but kept getting errors with unresolved paths. I was targeting the file with "..../helper.js" but I learned later that I may be targeting the file incorrectly. I scrapped the idea at the time but I'll definitely go back and try again. Besides that, I was able to get reviews to only show 2 at a time and got a basic modal showing up for submitting a new review. Tomorrow I'll need to implement the controlled component to make a post request to the api.