teleren/devto huggingface dataset:
Interviews Hell Ride🌡️
Tags: career, interview
Published: 2021-04-23 17:37:49

I started my web development journey around March, 2020 and it's April, 2021 now. I'm gonna summarize about my interview experiences and lessons during this one year.

# Phase 1
Before beginning I would like to tell that I'm from Electrical Engineering branch, pass-out batch 2020 (Yes! 2020).

In parallel to learning and growing my skills, I was also applying for countless companies.

The platforms I used for my job search (or you can say I had my profile active on) are listed below:
- Naukri
- Glassdoor
- AngelList
- LinkedIn
- Hirist
- Cutshort
- Constantly applying on various company/Carrers page
- Many more... (WHAT NOT!!!)

Mostly, all went to no use and I used to end up with either no responses, crazy interviews, or feeling more low.

I'm not at all saying this is the ultimate truth of all platforms, there are many who get their first job using these. All I'm saying is it didn't work out for me.

I kept on making projects & pushed them on [GitHub](https://github.com/tusharkandpal) & on the other side, continued getting rejected.

# Phase 2

Till now, I was frustrated so I changed my strategy as follows:

- Sticking to Front End Developer and Software Engineer (Java) roles.
- Trying to talk one-to-one with HRs, well established people in the same fields, and other mentors.

Sadly, it didn't worked out either. 

2020 was already a mess, and all these rejections made it even more glorious.!! LOL

I continued learning ReactJS as well.

#Phase 3

Came 2021, I moved to a new place to explore more opportunities out there in the world. I was ready to give it all.

After few weeks of struggle, cleared online test for 3 major MNCs, passed their technical and HR rounds & then waited around a month for results.

You would say that everything is gonna be fine now. Nope, not at all. Got rejected by the first company after conducting 5 different rounds in a span of 3 weeks. Whatever the hope was left, died with it. I felt very depressed.

But after a while, came offer letter from third company and then second company too, when I least expect it. It was all so sudden & unbelievable.

Out of all the things I tried, at last, things fell into place when they had to, obviously, consistent efforts are must.

<hr>

You will say, what's the moral of the story, so here it is:

- Don't rely on one company: Just give interviews with your best efforts & 0 expectations in return. Until & unless you get a offer letter & decide to go ahead with it.

- Job is not everything: By this, I didn't mean to completely ignore it. But to not stress about it a lot.

- Explore your interests: Keep on exploring & trying out new things. Experience of different paths helps you in making better decision for your future.

YOU WILL SURELY GET THERE!!
IF NOT TODAY ?! THEN DEFINITELY TOMORROW 💯

<i> Do tell what were your interview experiences as a fresher ? </i>
Laravel 8 Dynamically Add More Input Fields using Handlebars Js

Tags: laravel, handlebarjs
Published: 2021-04-23 17:24:58

Hello Artisan

In this tutorial i will discuss about dynamically integrate multiple input fields and submit to database with jquery and laravel. We can optically discern addremove multiple input fields dynamically with jquery laravel from scratch so that we can understand facilely.

You can utilize jQuery only to do laravel integrate more fields example in your application. But in this example i will utilize handlebars js as well as jQuery to engender laravel dynamic form fields validation example.

I additionally validate form and then preserve it into database. Sometimes we require it in our application like gregarious list field or task list etc. That situation we can engender this integrate dynamically more then one fields with laravel jQuery and handlebars js. 

Simply in this example tutorial i will utilize a Task model to preserve form data that contains two filed. one is task_name and other is cost. Then we preserve it into database. Visually perceive the preview of this tutorial.

[Laravel Livewire Dynamically Add More Input Fields Example](https://www.codecheef.org/article/laravel-livewire-dynamically-add-more-input-fields-example)

[Laravel 8.x Dynamically Add More Input Fields using Handlebars Js](https://www.codecheef.org/article/laravel-7x-dynamically-add-more-input-fields-using-handlebars-js)

[Laravel 8 Dynamically Add More Input Fields using jQuery](https://www.codecheef.org/article/dynamically-add-or-remove-input-fields-using-jquery-in-laravel-7x)
Let's light it 🔥 up!
Tags: css, webdev, animation, emoji
Published: 2021-04-23 17:23:04

---
title: Let's light it 🔥 up!
published: true
description: A small post to show how flame animation can take your emoji to next level!
tags: css,webdev,animation,emoji
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/owd4rq14eic7docmnlwk.png
series: Emoji Animation
canonical_url: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lhykcscnp90qcippz04o.png
---

In previous post, we saw how amazing it is to use animation with wave 👋 emoji! In this post, we will try to achieve the same for flame 🔥 emoji!

Below is the CSS code:

```css
:root {
  --flame-size: 100;
}

@keyframes flame-animation {
  0%,
  100% {
    opacity: 0;
    transform: translate3d(0, 0, 0) scale(0.75) rotate(0) scale(1);
  }
  25% {
    opacity: 0.35;
    transform: translate3d(0, -10%, 0) scale(1) rotate(-3deg) scale(1.05);
  }
  50% {
    opacity: 0.35;
    transform: translate3d(0, -4%, 0) scale(1) rotate(3deg) scale(1.1);
  }
  75% {
    opacity: 0.35;
    transform: translate3d(0, -20%, 0) scale(1) rotate(-3deg) scale(1.05);
  }
  99% {
    opacity: 0;
    transform: translate3d(0, -50%, 0) scale(0.8) rotate(0) scale(1);
  }
}

.fire {
  position: relative;
  display: inline-block;
}

.flame {
  position: absolute;
  transform-origin: 70% 70%;
  z-index: 2;
  display: inline-block;
  top: calc(var(--flame-size) * -1px);
}

.flame.animate {
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-name: flame-animation;
  opacity: 0;
  z-index: 1;
  transform: translate3d(0, 15px, 0) scale(0.75) rotate(0);
  z-index: 1;
  animation-timing-function: ease-in;
}

.flame.animate:nth-child(2) {
  animation-delay: 0.5s;
}
.flame.animate:nth-child(3) {
  animation-delay: 1s;
}
```

And here is the HTML:

```html
<div class="container">
  <p>
    Light up
    <span class="fire">
      <span class="flame base">🔥</span>
      <span class="flame animate">🔥</span>
      <span class="flame animate">🔥</span>
      <span class="flame animate">🔥</span>
    </span>
  </p>
</div>
```

You can also look at the output of above code on below codepen:

{% codepen https://codepen.io/shhdharmen/pen/YzNdjBz %}

I know above doesn't exactly look like actual flame, but I think it's good to start with at-least!

Let me know your thoughts and feedbacks in the comments section.

Happy Coding!!!

🌲 🌞 😊
Create a custom scrollbar with CSS - Easy CSS Scrollbar Tutorial
Tags: webdev, tutorial, css, beginners
Published: 2021-04-23 17:06:06

In this video tutorial you will learn how to use CSS to create a custom scrollbar for your website or app.

I will be going over the basic CSS properties available and create the following scrollbar styles:
* Dark Theme design
* Minimalist
* Patterned
* "Animated" Scrollbar effect

{% youtube Gp6c9lJgPUI %}

link to github repo - https://github.com/renaissanceengineer/css-scrollbar-tutorial
Funny Web Dev/Software Dev memes!!!
Published: 2021-04-23 17:05:46

LOL, each of these cracked me up. 🤣🤣🤣

<p>
<img src="https://i.pinimg.com/236x/a0/93/65/a09365f6def8d90139deeba12b4b6253.jpg">
<img src="https://inteng-storage.s3.amazonaws.com/img/iea/yrwQvLJbON/sizes/programmer-memes_md.jpg" width="500px">
<img src="https://www.testbytes.net/wp-content/uploads/2019/06/Untitled-55-300x269.png" width="500px">
<img src="https://images7.memedroid.com/images/UPLOADED366/5fad546bbabd3.jpeg" width="500px">
<img src="https://i.redd.it/m41loixjno811.jpg" width="500px">
<img src="https://i.pinimg.com/736x/7d/01/3e/7d013ebff22587a085842154eff082e9.jpg" width="500px">
<img src="https://i.pinimg.com/originals/17/12/45/17124565fa09322c38c59d87a03cc2a0.jpg" width="500px">
<img src="https://i.redd.it/op96es9026wy.png" width="500px">
^ This one's one of my favorites<br>
<img src="https://i.redd.it/s2n41qn1wuu11.jpg" width="500px">
<img src="https://iq.opengenus.org/content/images/2020/03/quarantine_opengenus.jpg" width="500px">
<img src="https://pbs.twimg.com/media/EUhyfScWsAAIAYn.png" width="500px">
<img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qasg8puafqj66mgfr0hl.jpg" width="500px">
<img src="https://i.pinimg.com/236x/b4/3b/57/b43b57d6fc759e6b26f606858413c88c.jpg">
<img src="https://img-9gag-fun.9cache.com/photo/abGPYNX_460s.jpg" width="500px">
<img src="https://www.semicolonworld.com/uploads/memes/gmOAZ1nNYV.jpg" width="500px">
<img src="https://preview.redd.it/nac35ntlfg831.jpg?auto=webp&s=eb6f638c77dd43d58fa01244ef47ffc9c2cadf98" width="500px">
<img src="https://i.chzbgr.com/thumb800/13537797/h77FE3027/codebase-jurassic-park-huge-turd-wrong-database-selected-8388409-rows-affected-hide-the-pain-harold" width="500px">

What's your favorite meme? Let me know in the comments below!
Programming with SQLite
Tags: sql, sqlite, cpp, python
Published: 2021-04-23 17:00:00

This is a short introduction to writing programs that use [SQLite](https://www.sqlite.org/index.html). SQLite is one of my favorite programming tools. It is a full-featured relational database management system that runs 'in-process' in your favorite programming languages. This means that you do not have to have a separate database server running that your programs connect to. I am assuming the reader knows about Relational Database Management Systems (RDBMS) and SQL. This covers using SQLite in different programming languages.

You will be asked to follow along with the programs below. Just click on the links and a code playback page will load (you might want to open each one in a new tab). Then click on the comments on the left hand side of the playback screen or hit the play button to drive the development of the code. You can download the code at any point and run it on your machine. There are some controls in the top right hand side of the screen to make the text bigger or to switch to blog mode (which is good for small screens).

###C++
I start by showing the C/C++ API. I go over some of the low level functions and then I build an abstraction layer on top of them. Finally, I explain transactions in SQLite. 
* [The C++ SQLite API](https://markm208.github.io/sqlitebook/chapter1/01/index.html)
* [An Object Oriented Auction Program](https://markm208.github.io/sqlitebook/chapter1/02/index.html)
* [SQLite Transactions](https://markm208.github.io/sqlitebook/chapter1/03/index.html)

###Python and Flask
Next, I discuss SQLite in the context of Python. I show how to create tables and write queries from a standalone Python program. Next, I show how one can use SQLite in a Flask web app and how to create a web-based API. 
* [Querying a SQLite Database](https://markm208.github.io/sqlitebook/chapter2/01/index.html)
* [Creating SQLite Databases](https://markm208.github.io/sqlitebook/chapter2/02/index.html)
* [Flask Basics (Windows)](https://markm208.github.io/sqlitebook/chapter2/03/index.html)
* [Creating an API with Flask and SQLite](https://markm208.github.io/sqlitebook/chapter2/04/index.html)

###Java
Lastly, I show how one can use SQLite from a Java program.
* [Using a SQLite Database in a Java Program](https://markm208.github.io/sqlitebook/chapter3/01/index.html)

###Comments and Feedback
You can find all of these code playbacks in my free 'mini-book', [Programming with SQLite](https://markm208.github.io/sqlitebook/). I am always looking for feedback so please feel free to comment here or to send me a message. You can follow me on twitter [@markm208](https://twitter.com/markm208).
Intro to Monolithic, MicroServices and Monorepo Architecture
Tags: microservices
Published: 2021-04-23 16:40:04

For the past few years, there was a trend to move from monolithic architecture to microservices architecture. While this was a good decision as microservices have many advantages now companies are moving a step further and going to monorepo architecture. So let's dive into what these architectures are - 

For this blog let's take a front end of an e-commerce site as an example. Now the frontend of the e-commerce site can be divided into two parts
1- Admin site for sellers to add and edit their products
2- Website for users to view and buy these products

We can further divide these sites by creating a different module for payments etc. But we will keep it simple for this blog.

So if we have both the admin site and website in a single repository it is known as monolithic architecture. This was the traditional way of making software but it came with pitfalls as both the websites are in the same repository it becomes quite hard to maintain the code.

To overcome this we moved to microservices architecture in which both the admin site and website are different repositories. This helped in maintaining the code as people could work independently on any service.

![Desktop - 1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hsiu7azaac7tzibnn976.png)
 

Microservices brought advantages but they brought drawbacks as well -
1- As mainly packages use the same modules this leads to increased size on disk. For eg - both the admin site and website use react now react will be installed in both node_modules.
2- In microservice as each service has its own repository we have to update the version for each update and track its effect on other microservices.

To solve these problems we moved to monorepo, In monorepo architecture both the admin site and website are microservices but in the same repository.

Lerna is a great tool to manage monorepo. It scans through package.json of each module in your repo and installs the common modules only once this leads to less disk space usage.
It also manages the version number for each module and updates them according to change in them.

So in monorepo architecture, we have benefits of both monolithic architecture as well as monorepo architecture.


Choosing the architecture also depends on company size so if you are starting now you can start with monolithic architecture as it has the least overhead and then gradually move to monorepo architecture.
CSS: Hide scrollbar
Tags: css, webdev, codenewbie, beginners
Published: 2021-04-23 16:39:03

Hide the scrollbar using `<element-selector>::-webkit-scrollbar`

```html
<style>
  .content {
    height: 300px;
    width: 300px;
    overflow: auto;
  }
  .content::-webkit-scrollbar {
    display: none;
  }
</style>

<div className="content">
  content...
</div>
```

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yeb2wmvxx2bp7f7x0jw5.gif)
Popular string functions in MySQL - CONCAT and SUBSTRING
Tags: sql, mysql
Published: 2021-04-23 16:37:06

---
title: Popular string functions in MySQL - CONCAT and SUBSTRING
published: true
description: Popular string functions in SQL
tags: #sql #mysql
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/41kr9qkixnyxuii3jm6l.png
---
There are some very helpful and fun string functions in MySQl and I've decided to review them here as I go through Colt Steele's MySQL Udemy course. This article will serve as my notes for that section of the course. 

###CONCAT
The CONCAT function concatenates two or more value together. This is helpful for formatting data that is useful to the person reading the output. 
```
select concat(author_fname, " ", author_lname, " - ", title) AS Author
from books;
```

<img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/03l729h9jiflx3ehxmjp.png">

A variation of the CONCAT function is the CONCAT_WS function, which stands for CONCAT **with separator**. This is useful if you're separating multiple pieces of data with the same symbol between them. The first argument in the CONCAT_WS function is the operator used to separate all the the other individual arguments. 
```
select concat_ws(' - ', author_fname, author_lname, title) 
AS Author
from books;
```
<img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ilodx0xxcrfnlv6zje79.png">

As you can see from the example above, there is now a dash between the author's first name, last name, and book title.


###SUBSTRING
Another helpful function is substring. This function is useful for extrapolating data when you only need a part of the string. This function is also useful in combination with other functions to make even more powerful queries. The basic makeup of a simple substring query includes the string that data needs to be extrapolated from, and the location of the data.
```
select substring('Jowayne', 1,2)
```
The result of the example above would give me "Jo", as the Jowayne is the string to be analyzed, the 1 is location where I need the extrapolation to begin, and 2 is where I need it to end. 
You can also choose to just use one number(the starting index) and the function will automatically start at that number and go till the end, like so:
```
select substring('Jowayne',3)

```
The result of this would be **"wayne"** since I started at 3.
The substring function also accommodates negative numbers. The substring would begin at the end of the string so:
```
select substring('Jowayne',3)
```
The result would be **'yne'**. 

And as I referenced before, you can use substring with other string functions:
```
select concat(substring(title, 1, 10),'...') from books;
```
<img src="https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3i3s94sbk1qt5uyisr9n.png">

That's it for this post! Thanks for reading :)
Follow-up on the session at Cosmos DB Conf
Tags: azure, cosmosdb, serverless, eventdriven
Published: 2021-04-23 16:32:49

This is a follow-up post to the session "Design and implementation of Cosmos DB Change Feed-centric architecture" that @miyake and I spoke at Cosmos DB Conf.

- [Azure Cosmos DB Conf](https://gotcosmos.com/conf)

It introduces an actual example and implementation of the architecture using Cosmos DB Change Feed.

## Live stream and slides

The video and slides of the session are already available. The session itself is conducted in Japanese, but all the slides are prepared in English.

{% youtube eaIF58ISC4c %}

{% speakerdeck d385529c509143d693a3aad1cec58f47 %}

It takes advantage of the high availability and performance of the Cosmos DB Change Feed to make the lambda architecture completely serverless.

## Related posts

Cosmos DB is very reliable, but there are a few caveats that need to be taken into account in order to increase the reliability of the overall architecture.

Here is a related post that picks up on some of the important points.

### Batch processing - Change Feed pull model

Use the Pull model to control the pace at which data is read from the Change Feed. This is important when implementing batch processing.

{% post shibayan/first-steps-of-the-change-feed-pull-model-in-azure-cosmos-db-34p %}

### Improving resiliency - Retry policy

The best practice for Change Feed is to use `CosmosDBTrigger`, but you also need to think about what happens if the funtions fails.

{% post shibayan/a-quick-review-of-the-azure-functions-new-feature-retry-policy-p56 %}

### Avoid inconsistency - Graceful shutdown

We need to be prepared for randomly timed restarts, which is a characteristic of serverless.

{% post shibayan/best-practices-for-graceful-shutdown-in-azure-functions-21b2 %}

## Coolest tweets

The session was held at the end of the APAC time zone, but it was watched by many people. Thank you!

{% twitter 1384735423021211650 %}

{% twitter 1384737466733645824 %}

Have fun developing with Cosmos DB Change Feed and Azure Functions!
Firebase Authentication – How to Sign Up, Sign In, Sign Out, Verify Email | Android
Tags: firebase, android, authentication
Published: 2021-04-23 16:32:36

https://grokonez.com/android/firebase-authentication-sign-up-sign-in-sign-out-verify-email-android

Firebase Authentication – How to Sign Up, Sign In, Sign Out, Verify Email | Android

Firebase Authentication provides backend services, easy-to-use SDKs, and ready-made UI libraries to authenticate users to your app. In this tutorial, we're gonna build a simple register/login Android App using Firebase Email & Password authentication.

More practice:
<a href="https://grokonez.com/android/firebase-authentication-send-reset-password-email-forgot-password-android">Firebase Authentication – Send Reset Password Email / Forgot Password | Android</a>

Related post:
<a href="https://grokonez.com/android/firebase-authentication-google-sign-in-android">Firebase Authentication – Google Sign In | Android</a>

<!--more-->
<h2>I. Way to do</h2>
<h3>0. Add Firebase to Android App</h3>
<h4>0.1 Create Firebase Project and Add Firebase Config file</h4>
<img src="https://grokonez.com/wp-content/uploads/2017/08/firebaseauth-register-app.png" alt="firebaseauth-register-app" width="570" height="257" class="alignnone size-full wp-image-7101" />

Follow this <a href="https://grokonez.com/android/how-to-integrate-firebase-android-app-android-studio#2_Create_Project_on_Firebase">guide</a> to create Firebase Project and generate <strong>google-services.json</strong> file and move it  into your Android App root directory. You don't need to get SHA-1 Key in this example.
<h4>0.2 Add dependencies</h4>
- <strong>build.gradle</strong> (project-level):
<pre><code class="language-java">
buildscript {
    // ...
    dependencies {
        // ...
        classpath 'com.google.gms:google-services:3.1.0'
    }
}</code></pre>
- <strong>build.gradle</strong> (App-level):
<pre><code class="language-java">
dependencies {
    // ...
    compile 'com.google.firebase:firebase-auth:11.0.2'
}

apply plugin: 'com.google.gms.google-services'
</code></pre>
<h3>1. Enabling Firebase Auth</h3>
Go to Your <a href="https://console.firebase.google.com">Firebase Project Console</a> -> <strong>Authentication</strong> -> <strong>SIGN-IN METHOD</strong> -> Enable <strong>Email/Password</strong>:
<img src="https://grokonez.com/wp-content/uploads/2017/08/firebaseauth-enable-email.png" alt="firebaseauth-enable-email" width="699" height="322" class="alignnone size-full wp-image-7102" />
<h3>2. FirebaseAuth object makes things simple</h3>
<h4>2.1 Initialize the FirebaseAuth instance</h4>
In the Activity <code>onCreate()</code> method:


https://grokonez.com/android/firebase-authentication-sign-up-sign-in-sign-out-verify-email-android

Firebase Authentication – How to Sign Up, Sign In, Sign Out, Verify Email | Android
I'm working on an open-source, lightweight alternative to Disqus
Tags: opensource
Published: 2021-04-23 16:25:18

I used Disqus on my personal blog. Last week I tried to make a Disqus alternative for myself called Cusdis. Here are the key features:

1. Open source, easy to self-hostable (on Vercel or Docker). Users own their data.
2. The embedded SDK to the website is lightweight (only ~5kb gzipped)
3. All comments won't be displayed until it's approved by moderator.
4. Email notification, one-click to approve new comment.
5. Don't track users.

Here are some screenshots:

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

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

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

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

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

The tech stack:

- Next.js
- Prisma
- Chakra-ui
- Svelte (the JS SDK)
- next-auth

My next step is to make it integrate with more existed system (hexo, hugo, wordpress, gatsby, etc.)

Hope you like it 🥰

Repo: https://github.com/djyde/cusdis
HackerNews Discussion: https://news.ycombinator.com/item?id=26878153
Product Hunt: https://www.producthunt.com/posts/cusdis