teleren/devto huggingface dataset:
How To Install And Configure Git On Linux Mint
Published: 2022-04-05 19:03:32


**Installing Git On Linux Mint**

Git has to be installed on the users computer to capacitate its use by the respective user.It can be either downloaded and installed directly or installed via the command line. 

The detailed installation process below uses the **_apt _**command.It is recommended to update and upgrade your Ubuntu system before installing the Git package.

   1. update the apt package listing:

                **$ sudo apt update**

   2. upgrade the system with the command:

                **$ sudo apt upgrade**

   3. After successfully updating and upgrading the Linux Mint system, install Git with the command:

                **$ sudo apt install git**

       Press ‘y’ to continue installing Git.

   4. Verify the installation when the Git is successfully installed:

                **$ git --version**

## Configuring Git

The user needs to confirm if is already installed on their PC using a command that exposes the Git version installed:

                **$ git --version**

The Git configuration can be executed from the command line. This refers to the process of setting a name and email address.The name and email are used while committing changes on the Git repository.

   The following commands are used for configuration:

   1. To set a global commit name:
        
        **$ git config –global user.name <“Your Name”>**

   2. To set the global commit email:

         **$ git config –global user.email <“Your Email”>**

   3. Run the following command to check and verify the changes after the global commit name and email are set:

           **$ git config --list**

      The data output verifys that the global commit name and email are sent successfully.

   4. You can review what is currently stored in the .gitconfig file by using the cat command:

             **$ cat ~/.gitconfig**

        
   5. You can edit the configuration settings any time if you want to change the global commit name and email or when the changes were not made correctly using the following command:


                **$ sudo nano ~/.gitconfig**

      Any changes can be made in Git configuration file once it is opened in the nano editor.

   6. This information can be stored for quicker access in the future using the following 
      command:

                **$ git config --global credential.helper cache**

        This is for dedicated servers being run by 1 or 2 people that are trustworthy as the 
        information isn’t stored securely and any user with access to the server can read it.

   7. User are advised to cache only for a limited time for increased security, that is, if 
       they must use credential helper.

_i.e Lets assume you are going to be working today using Git for 1-2 HOURS and won't be using it there after. The expiry can be set to 3 hours._

**_$ git config --global credential.helper "cache --timeout=10800"_**

    This secures your Git as credentials will be deleted immediately after 3 HOURS.
Get subtitles for any audio/video being played in browser
Tags: hackwithdg, showdev
Published: 2022-04-05 19:02:17

### Overview of My Submission

Browser extension that streams selected tab's audio to Deepgram's transcription service and displays result on active tab.

{% embed https://youtu.be/UEU82AUhW8g %}

> **This extension will require a Deepgram API key for transcription. Get it from [here](https://console.deepgram.com/signup)**

### Submission Category: 

Accessibility Advocates


### Link to Code on GitHub

{% embed https://github.com/gajananpp/captioner %}

### Additional Resources / Info

### FAQs :-

**Q: With which browsers is this extension compatible ?**
This extension will work with chrome and other chromium based browsers like edge, brave etc. and can be tweaked to work with firefox and other browsers.

**Q: From where can this extension be installed ?**
This extension is published on chrome web store. Click below to view it in chrome web store or [can be built and loaded from source](https://github.com/gajananpp/captioner#build-from-source).

[![Add from Chrome web store](https://github.com/gajananpp/captioner/raw/main/assets/chrome-web-store-btn.png)](https://chrome.google.com/webstore/detail/captioner/gjcdikfmiodlggkpnllcjbffjfbhfnnn)

**Q: Subtitles are slower than audio/video ?**
Since unlike Youtube's auto-generated captions where captions are generated when video is uploaded, here it can't seek audio blobs beforehand(could be possible by checking n/w requests having `media` type responses) so there is a lag. Lag may get reduced by adjusting the [`timeslice`](https://github.com/gajananpp/captioner/blob/main/src/content-script/index.tsx#L21) of `AudioRecorder`. **WIP for reducing lag.**
Smart contracts for ALL #1
Tags: blockchain, solidity, programming, web3
Published: 2022-04-05 19:01:39

# Getting Started Guide
A smart contract is a piece of code running in a blockchain in this case we use [Solidity](https://soliditylang.org/).

## 1 Where to use solidity ?
- the easy way is use [Remix](https://remix-project.org/) (Remix is a code editor online)

## 2 How defined a smart contract ?
- 2.1 as a comment we write the license
```// SPDX-License-Identifier: GPL-3.0```
- 2.2 versions available for run the contract
```pragma solidity >=0.7.0 <0.9.0;```

## 3 My first contract
- 3.1 just as we define a class in other languages in solidity we write the word 'contract'
```
contract Asset { } 
```
## 4 Types in solidity
- Booleans 
```
bool
```
- Integers
```
int / uint
```
- Address
```
address
address payable
```

#### sorry for the grammar I'm not very good at english
How I deal with imposter syndrome
Tags: productivity, watercooler
Published: 2022-04-05 18:21:09

Programmers at all stages of their careers deal with imposter syndrome. But that feeling of inadequacy is especially prevalent among aspiring and junior developers, who often question whether they deserve to work alongside senior developers on a project or team.
I personally am diagnosed with imposter syndrome.Whenever I see a personal project of a developer,I feel like my skills are garbage and then my brains strikes me to make something better and Yes I actually do build that.Putting that aside whenever I get an error I never got before and I try a possible fix and if it doesn't work it **starts my imposter syndrome**.
I mitigated it with a few ways.

1. By joining communities:
We are social beings.We learn better when learning together.Someone learns something and then incourages others to accquire it or similar.That community could be your coworkers, an online group, or something else.

2.Find mentors:
Equally important to having a community of peers is to find mentors.Anyone who knows more than you could be your mentor.Who you want to be your mentor will depend on your goals, but it’s essential to find those people.

I like surrounding myself with people who are infinitely better at something than myself in one way or another.It could be in terms of the experience they have in the industry. It could be the skill level itself. So, with people like that, it always gives perspective on what you know and what you don’t know.  

3.Asking what I don't know[asking questions]:

NEVER be afraid to learn.The Earth is full of knowledge and knowledgeable people.When you cannot acknowledge something or curious just ask a question.I on the other hand am open minded and curious,I ask anything on my mind[after using logic no pun intended] and share ideas with people...Online .-.{I'm an introvert}.

Here are some extra tips:
1.Finish What You Started
2.Seek Constructive Criticism
3.Look at Job Postings to See What Skills You’re Missing
4.When Imposter Syndrome Strikes, Challenge Yourself to Get Better
5.Don't put too much pressure on yourself.

That's it.Shared some of my offtopic views and thoughts.
Thanks for reading
React, Vue and Svelte: Comparing Text Input Binding
Tags: javascript, react, vue, svelte
Published: 2022-04-05 18:16:03


## Text Input Binding in...
Text input binding is the simplest thing in form binding. React asks us to write more code to handle this. In the opposite, Vue and Svelte do some magic for us!

Check it out 🚀

### React
[Live Example](https://stackblitz.com/edit/vitejs-vite-yvow2f?file=src/App.tsx)

```jsx
const [text, setText] = useState<string>('Hello');

const handleChange = ({
   target: { value },
}: React.ChangeEvent<HTMLInputElement>) => {
  setText(value);
};

<section>
  <h2>Text Input</h2>
  <input value={text} onChange={handleChange} />
  <p>{text}</p>
</section>
```

### Vue
[Live Example](https://stackblitz.com/edit/vitejs-vite-qmvnwt?file=src/App.vue)

```jsx
const text: Ref<string> = ref('Hello');

<section>
  <h2>Text Input</h2>
  <input v-model="text" />
  <p>{{ text }}</p>
</section>
```

### Svelte
[Live Example](https://stackblitz.com/edit/vitejs-vite-mqbvf9?file=src/App.svelte)

```jsx
let name: string = 'Hello';

<section>
  <h2>Text Input</h2>
  <input bind:value={name} />
  <p>{name}</p>
</section>
```
Animating Your Angular App
Tags: angular, animations, webdev
Published: 2022-04-05 18:14:53

---
title: Animating Your Angular App
published: true
description: A video tutorial on using the Angular animation library to add some dazzle to your app.
tags: angular, animations, webdev
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2bx6eqbghpf2hknsft53.jpg
---

Angular has built-in support for adding animations. In this talk, you'll learn how to add some sparkle to your Angular app by harnessing the power of Angular’s animation library. We’ll start from the basics of state and triggers, use built-in fancy effects, add routing animations, and cover how to make your animations reusable and scalable in this hands-on walk-through. 

This video is ideal for those who have some basic CSS and Angular knowledge. The animations we'll add are straightforward so that we can focus on the capabilities of the Angular animation library. 

{% embed https://youtu.be/dVp9Ezuv2KU %}

## Animation code

You can check out the starting code for the app. 

{% github alisaduncan/angular-hero-animations no-readme %}

You can see the finished app with animations in the `animations` branch of the repo.


---
> _This presentation was prepared for [Front Stage](https://frontdevstage.com/). Unfortunately, the conference was canceled due to the ongoing conflicts in Ukraine, where the conference organization is based. 🇺🇦 This talk was also presented at [International Women's Day San Jose](https://gdg.community.dev/events/details/google-gdg-san-jose-presents-international-womens-day-2022-1/) and [AngularKC Meetup](https://www.meetup.com/angularkc/) in March 2022._
Payment Ui Using Html Sass and JavaScript
Tags: javascript, webdev, programming, css
Published: 2022-04-05 18:10:20

👉[GitHub Repository](https://github.com/deepakydv9315/payment-sass-project)
👉[GitHub Profile](https://github.com/deepakydv9315)
👉[Codepen link](https://codepen.io/pen?template=jOYZmGa)
👉[Live View](https://deepakydv9315.github.io/payment-sass-project/)

---


## Let's have a look at the final result:-

![Preview](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rvzeh11t7kh9z8oorsj2.png)
👉[GitHub Profile](https://github.com/deepakydv9315)
## Source Code
{% codepen https://codepen.io/deepakydv9315/pen/jOYZmGa %}
👉[Codepen link](https://codepen.io/pen?template=jOYZmGa)
👉[GitHub Profile](https://github.com/deepakydv9315)

Made with ❤️ by [Deepak](https://github.com/deepakydv9315)
Building a Nested Comment App like Reddit
Tags: react, javascript, html, css
Published: 2022-04-05 18:02:36

---
title: Building a Nested Comment App like Reddit
published: true
description: Hello fellow humanoids. In this post we will build a Reddit like comment thread implementation in React Js
tags: React, javascript, html, css
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rv2wqvhq6t1le5hnuj6b.png
---

## What is this post about ?
Hello fellow humanoids. Today we will try to implement a basic nested comments component in React Js. This post won't be focused much on the styling rather the bare minimum logic required. 

Check out the app here : [Nested Comment](https://vigneshiyergithub.github.io/nested-comments-app/)

![Nested comment app](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iysplgb864m3syk2neor.png)

## Content
* How to structure a comment 
* How to fetch all comments
* React Comment component
* Adding new comment

Lets go deep dive into each one and explore how it was implemented.

## How to structure a comment
For this implementation we would be using flat structure to store all comments. This way fetching comment based on ID will be quicker. 

{% gist https://gist.github.com/vigneshiyergithub/24d135813b53f6ba7cf60e4ec40e2e3e %}

```
comments = {
  id1 : comment1,
  id2 : comment2
}
```

## How to fetch all comments
In this case we would enhance the existing comments from flat structure to nested structure so it can be used to render nested comments.

{% gist https://gist.github.com/vigneshiyergithub/fd5afdcd6fedb23311501b0004752de9 %}

## React Comment component
Let's create a basic comment component with basic utility functions

{% gist https://gist.github.com/vigneshiyergithub/a2b50d46a929670a68e9f5934702eab7 %}

## Adding new comment
Once a new comment is added, based on the parentNodeId we can update the parent node and add a new comment to the comments list. 

{% gist https://gist.github.com/vigneshiyergithub/b8542f514f414bbee570c5bcdec50af2 %}

## Conclusion
This app was made as part of learning new components which are used in real life applications. 
Stay safe and lend a hand to another :) 

* [Neste comments App](https://vigneshiyergithub.github.io/nested-comments-app/)
* [Project Source](https://github.com/vigneshiyergithub/nested-comments-app)
* [Vignesh Iyer](https://vigneshiyer.netlify.app/)
Dev Education NFT Utility
Tags: web3, beginners, blockchain, webdev
Published: 2022-04-05 17:45:20

When we started [this project](codewranglrz.xyz), our goal was to learn as much about Web3 as we could. We not only wanted to get a solid understanding of it but to be able to pass on that knowledge with educational content.

![Boos! Gif](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8lscyhu9r2qt3y331kgy.gif)

Today, we’re excited to be announcing the utility of our Boos! NFT collection. Each holder of a Boos! NFT will get access to a restricted portion of [our Discord server](https://discord.gg/nFAWayJRXZ) where we will be sharing exclusive developer-based educational content on topics related to Web3, including an upcoming Series on creating an NFT collection from scratch.

All content will be accessible via [CodeCast](codecast.io), so we recommend that you sign up for an account! It’s entirely free, but you’ll be able to get the most out of its features if you have an account.

Happy hunting, [Ghosthunters](https://t.co/c8qZiPZGF9).
Top Programming Blogs to Improve Your Skills
Published: 2022-04-05 12:55:14

It’s important to follow trends in your field to ensure you’re staying current on standards and protocols and perhaps more so in the field of coding.

Programmers of all specialties can benefit from following industry-leading blogs to stay aware of the latest technologies.
If you’re a coder of any sort you’ll want to subscribe to these useful programming blogs written by the top blogging coders.

Each of these bloggers has made a name for themselves in the programming community by sharing relevant, high-quality information and tips for coders. They maintain their respective blogs well and keep current information posted on a regular basis.

By following the best programming blogs you’ll find tips and shortcuts you may never have otherwise thought to try. Consider using an RSS feed reader through your phone or desktop browser to automatically download each new post from these top coding bloggers.
Coding Horror was started in 2004 by Jeff Atwood, an experienced software engineer from Berkeley, CA. Jeff’s experience, as well as his awareness of the human side of technology, makes his website one of the best programming blogs for anyone interested in web development, software engineering and computers in general.

→ https://blog.codinghorror.com/
Creating multiple RestTemplates in Java/Spring
Published: 2022-04-05 17:44:29

---
title: Creating multiple RestTemplates in Java/Spring
published: true
description: How to create and use multiple RestTemplates in Java/Spring
tags: 
//cover_image: https://direct_url_to_image.jpg
---

In Spring boot I needed to call two different API endpoints that had different credentials and authentication methods. So, I needed a way to create two different `RestTeamplate`s in Spring that handled the two different API calls. 

```java
@Configuration
public class RestTemplateConfig {
  @Bean(name = "basicAuth")
  @Primary
  public RestTemplate basicAuthRestTemplate(RestTemplateBuilder builder) {
    // various configs on your rest template
    return builder().build();
  }

  @Bean(name = "jwtAuth")
  public RestTemplate jwtAuthRestTemplate(RestTemplateBuilder builder) {
    // various alternate configurations
    return builder().build();
  }
}
```
Now in your service the two rest templates can be imported by specifying a qualifier 
```java
@Service
public class MyService {

  @Autowired
  RestTemplate basicAuthRestTemplate;

  @Autowired
  @Qualifier("jwtAuth")
  private RestTemplate jwtAuthRestTemplate;

  ...
}
```
[Source](https://stackoverflow.com/a/53379286)
Web Dev 101 (P:2)
Tags: css, beginners, programming, webdev
Published: 2022-04-05 17:39:34

## Have you heard the term **box model** before?
If you did, then good job but if not let's talk about it.

Briefly, A box model is similar to a box that contains a bunch of stuff inside of it and these stuff are ?
1- Content 
2- Padding
3- Border
4- Margin

This will help you visualize the whole concept a bit
![A visual of box model term](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w5jwcwv9uql442ljpti6.png)

Okay, great! let's know more?

Content:
It's basically the information inside the box, like for example
if we have a code like this
```
<p> Hello World </p>
```
So, the content here is gonna be hello world

Padding:
It's the space around the content 

Border:
it lays between the margin and the padding, basically plays the middle man between them

Margin:
The big boy, if we have 2 div stick to each other and you want to separate them then margin is the one to call here why?
because margin controls the outer space of boxes, the outer space around the box to be exact.

As you can see, it's easy just read this stuff but in fact it's one of the most challenging things you have to face while learning CSS.

Have a great day everyone and thank you <3
Day-59 Training At Ryaz
Tags: javascript, webdev, beginners, programming
Published: 2022-04-05 17:36:26

- Date:5/04/2022
- Day:Tuesday

Today, I started at about 10:15 am as I was assigned with the java script course so, I started with it in the beginning the the instructor give detailed introduction that it is course about learning the java script from scratch to advanced so, as I did the hello world program in java script so, then the instructor started with brief description of java script and i.e java script is high level object oriented , multi paradigm language and we do not want to worry about complex stuff like Memory management and by means of programming language is as it gives or instructs computer to do things and we would make the dynamic effects with web applications in the web and while learning java script we would have to focus upon the es6 components and after this he moved with linking the java script file and taught about variables and after this I am doing the exercises in the course. so, this way my day ended up and I got to learn many new things.
Disabling all the fields in a form (Formik)
Published: 2022-04-05 17:31:09

---
title: Disabling all the fields in a form (Formik)
published: true
description: How to disable all the fields in a form (Formik)
tags: 
//cover_image: https://direct_url_to_image.jpg
---

I needed a way to disable the entire form in Formik until the data fetching or submission was complete. For this I found a tag that can enable or disable the entire form. We simply need to wrap our form components inside the `<fieldset>` tag and pass `true` to attribute `disabled` and then all the elements inside the form will be disabled.

Original [comment](https://github.com/jaredpalmer/formik/issues/1233#issuecomment-502910695)
Reference code from [mdn](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/fieldset#disabled_fieldset)
How To Navigate In The OpenBB Terminal
Tags: opensource, python, showdev, tutorial
Published: 2022-04-05 17:04:52

After a successful installation, it's a good idea to quickly review how to navigate through the various menus. The documentation is available here for reference: https://openbb-finance.github.io/OpenBBTerminal/

Two helpful commands to know right away:

- help:(https://www.reddit.com/r/openBB/comments/tvzkd3/greetings_soldier_this_is_your_daily_command_for/)

- home: takes you to the home menu from any location in the Terminal.

![Read the documentation: https://openbb-finance.github.io/OpenBBTerminal/](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/djv60fv0lwdlk6kvhokb.png)

Navigating is easier than you can say MS-DOS. When you see ">" beside a menu item, that indicates a submenu to a group of related functions.

```
>   economy
```

To get into the economy submenu from home, simply enter:
```
economy
```

![Read the documentation: https://openbb-finance.github.io/OpenBBTerminal/](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8g6s1dlvdursdcu3zotx.png)

Entering ".." lets you return to the parent menu.
```
2022 Apr 05, 12:22 (🦋) /economy/ $ ..
2022 Apr 05, 12:26 (🦋) / $ 
```

What if you want to jump to another section from another submenu? This is easily accomplished by prefixing a "/" to any absolute path in the Terminal.
```
/stocks/disc
```

![Read the documentation: https://openbb-finance.github.io/OpenBBTerminal/](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/264e4gsbyss7e30czm4r.png)

```
/portfolio/po
```

![Read the documentation: https://openbb-finance.github.io/OpenBBTerminal/](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6mqwh81fcf5co1q0z0l5.png)

In the same way that you can navigate the Terminal, commands can be sandwiched into these moves like so:
```
/stocks/load TSLA -i 1 -p -s 2022-04-04/ta/obv 
```

![Read the documentation: https://openbb-finance.github.io/OpenBBTerminal/](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ezjrjfe7g9nt6x0tc7bd.png)

The sequence above navigates you to the stocks menu, loads the ticker TSLA with a one-minute interval starting yesterday and pre/post market prices turned on, enters the technical analysis menu and displays a chart of on-balance volume.

![Read the documentation: https://openbb-finance.github.io/OpenBBTerminal/](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w5zvq3o2p5fdqs7mwbyp.png)

That's all you need to know to comfortably and efficiently navigate through the OpenBB Terminal. If you require assistance, or have any questions, join our community Discord server and someone will gladly help you out: https://discord.com/invite/Y4HDyB6Ypu

Happy trails!  

https://openbb.co