teleren/devto huggingface dataset:
Sup!👋
Tags: inthirtyseconds, react, redux
Published: 2020-08-19 14:33:11

## **I am Tanvesh Sarve, a "Full-stack 10x" Developer**
(not really! ayy don't tell nobody tho)

ok, we friends now? *cool.*
This right here is my first blog *ever*. 
AND
I have heard that writing blogs or making videos on a topic actually gets you access to
an eight-dimensional world where you are learning at 8x *speeeeed*, just to ensure you don't get it wrong because at the end day, **You** are teaching people!

SOO here I am trying to make great coding tutorials on everything really with the help of this great platform 👋. I really appreciate and thank every one of this tech community and my lovely people on  [twitter](https://twitter.com/Sarve___tanvesh) . 

Please expect a load of tutorials on React and Redux. Because I just **LOOVE** them.

Fun fact: I just gave a coding test from Google India for an internship there. Not my best performance on a coding test for sure. BUT you know how google is? the same ol' google! testing talented people on the thing which they are never going to use in the **JOB ITSELF!** * I mean, I am not mad or anything. *
**So people at DEV reading this somehow and you guys have any position for interns you know who to contact. *wink*.
**
Here is a project i did recently:

{% youtube NspxUX2kMoA %}

I am a MASSIVE fan of hip-hop, so in every blog, I write I'll have some motivational quote from the industry



![Amen](https://dev-to-uploads.s3.amazonaws.com/i/gcm7le1oxo196oo2bawp.png)

*- Logic, Amen, 2020.*
Tailwind CSS Responsive Pricing Table
Tags: css, html, webdev, uiweekly
Published: 2020-08-19 14:24:53

Pricing table is an import section if you have any product or you want a given service with given features which you have. So here we design minimal and user-friendly Pricing Table in Tailwind CSS with the help of CSS and utility classes.

In this element, we used the grid system which is given in tailwind CSS, and also used a button and hover effects of CSS. Here we used a responsive grid class which is more helpful for making mobile view and tablets view attractive. Also here we customize classes with CSS properties.

Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

[Get Source Code](https://w3hubs.com/tailwind-css-responsive-pricing-table/)
How to print your API easily with Handlebars and Ajax. 🎯
Tags: html, javascript, api, ajax
Published: 2020-08-19 14:23:20


Today I want to show you how to use Handlebars for print your API from an Ajax call. 👩‍💻

First of all you need to take Handlebars script on the site:
https://handlebarsjs.com

**FIRST (HTML)**:
1️⃣) On your head you need to add a script:

```html
<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.7.    3/handlebars.min.js"></script>
</head>
```

2️⃣)Create your "div space" where you want to print your handlebars template
```html
<div class="append-here>
   <-- your template append here -->
</div>
```

3️⃣) On bottom of your page you need to add your template:
```html
<head>
 <script id="template" type="text/x-handlebars-template">
      <!-- Insert here the data which you want to print with an Ajax  -->
 </script>
</head>
```

**SECOND STEP (JAVASCRIPT)**

1️⃣) Call your API with a classic Ajax call:
```javascript
var baseUrl = 'https:...';

$.ajax ({
    url: baseUrl,
    method: 'GET',
    success:function(data){
        printData(data);
    },
    error: function(){
        alert('error');
    }
})

```
2️⃣) Cycle your data, determinate a object (in this case dataStamp) and the append the result into your handlebars template like this:

```javascript
var source = $("#template").html();
var templateMissions = Handlebars.compile(source);

function printData(datas){
    for (var i = 0; i < datas.length; i++) {
        var data = datas[i];
        var dataStamp = {
            name: data.name,
            description: data.description,
            img: data.imageUrl
        }
        var template = template(dataStamp)
        $('.append-here').append(template);
    }
}
```

Ok summing up:
❗) Source is your html template, and determinate a variable for compile your handlebars template.

```javascript
var source = $("#template").html();
var template = Handlebars.compile(source);

```

❗)After cycle you need to determinate which data you want to append on your template, and in which div class you want to append/see your API print.

```javascript
var template = template(dataStamp)
$('.append-here').append(template);
```
**THIRD STEP**
Append this on your HTML handlebars template with:

```html
<script id="template" type="text/x-handlebars-template">  
<h1> {{name}} </h1>
<p> {{description}} </p>
<img src="{{image}}" style="height:100px">
</script>
```

It is an easy way for print all your API result with HTML and Javascript, like a PHP method @foreach. 💁‍♂️
I created a site where you can search for the cheapest PC Games offers. 🤗
Tags: showdev
Published: 2020-08-19 14:11:52

<h4>Hello, internet! 👋</h4>

It's been a while since I last published something in the **showdev** section, but **here it is**!
<br>

So I wanted to create something **useful** by myself, something that actually **works** and it's not just a **to-do app**, and I started searching some free APIs.
<br>

At that moment I found the <a href="https://apidocs.cheapshark.com/?version=latest">CheapShark API</a>, which purpose is **to show cheapest deals for PC games**. So I thought, well, **why not**.
<br>

I started this project some days ago and I think it's good enough to publish it and let it be part of my online porfolio. I present you: **Dealingarden**🌱.
<br>

You can check the site <a href="https://dealingarden.netlify.app/#/">here</a>.
<br>

Some images:
<br>

<figure>
![Dealingarden homepage](https://dev-to-uploads.s3.amazonaws.com/i/i151p9osfx264ptpyf4t.png)
<figcaption>Dealingarden Homepage</figcaption>
</figure>
<br>

<figure>
![Dealingarden search](https://dev-to-uploads.s3.amazonaws.com/i/8z1iq0db8yxs67ssfcr3.png)
<figcaption>Dealingarden search (using Rimworld as an example)</figcaption>
</figure>
<br>

<figure>
![Dealingarden game detail](https://dev-to-uploads.s3.amazonaws.com/i/zw9mqljmm3jz8uuzrol0.png)
<figcaption>Dealingarden game detail</figcaption>
</figure>
<br>

It'd be really nice if you find some inspiration in this project and build your own🙌.
<br>

Thank you, see you around! 💻
#Beginner Javascript - Calculate The Area Of The Triangle 
Tags: javascript, beginners, tutorial, webdev
Published: 2020-08-19 14:09:30

---
title: #Beginner Javascript - Calculate The Area Of The Triangle 
published: true
description:
tags: #javascript #beginners #tutorial #webdev
//cover_image: 
---

I try to share knowledge on how to implement basic math formulas using javascript. I will try with the easiest case, namely by using the formula for the area of a triangle.

### Formula 
The basic formula for the area of a triangle is _**1/2 x base x height**_

### Source Code
```javascript
1. var base = 12;
2. var height = 15;
3. area = 0.5*(base*height);
4. console.log(area)//--> 90
```

### Discussion Of Code Results
The code above consists of 1/2 triangle, base, height and area. each has a value, except for area, because it asks for the area of ​​the triangle.

The base of the triangle has a value of 12 and the height of the triangle is 15, to calculate this simply enter the area of ​​0.5 and multiply it by the base and height of the triangle.

Okay maybe that's all I have taught, if the article I made has an error, I'm sorry and if there is input I am very happy to receive it.
What tips would you have for incoming Computer Science freshman?
Tags: computerscience, career, discuss
Published: 2020-08-19 14:05:36

I’m writing an article on the subject and I think I have a couple good tip but I want to get your pro tips aswell.

What’s things you wish you knew going in to a CS degree or college in general?

What’s something you had a misconception about?

What would you do differently if you could?
What is a programming language ?
Tags: programming, webdev, java
Published: 2020-08-19 14:04:08

So what is a programming language ?
*Yeah, the title asks the same question*

Well, according to Wikipedia, "A programming language is a formal language comprising a set of instructions that produce various kinds of output. Programming languages are used in computer programming to implement algorithms. Most programming languages consist of instructions for computers."

That sounds straight but there is still a confusion going on - and I am going to answer this

⚠️__This is somewhat opinionated at a point but I hope you get the idea__

### Is HTML a programming language ?
 Yes. HTML is a Programming language.

### Why ?
You can think of a Programming language as that set of *__logical__* instructions that you feed to a computer to carry out a task which the computer produces *__various kinds__* of output. So what should you get from this ? See, I made use of the term *__logical__*. But I also said (and according to Wikipedia), to produce various kinds of output. So yeah :
- HTML is a programming language but as the name goes, it's a markup language
- CSS is a programming language, it's a stylesheet language
- XML is a programming language, it's a Markup language too

And you can name all the rest. 


# Is this confusion settled ? You can make use of the comment box 👇
Header tags and how they boost SEO
Tags: html, webdev, todayilearned
Published: 2020-08-19 14:02:52

**What is SEO?**
SEO refers to **S**earch **E**ngine **O**ptimisation. It is a process of increasing the `website` or `webpage` visibility when people search using certain keywords that are related to or rather used in the website. So, a lot of websites use this as a marketing strategy to increase their website traffic and rank higher in searches. 

There are a lot factors that affect SEO when building a site. But how do HTML header tags come into picture? 

Header tags play an important role in on-page SEO. They tell what your website is about, the overall context of the website or the webpage. Search engines give the header tags more importance than the rest. When search engines crawl your website, they read the header tags. So keep your header tags small and specific so that search engines can pickup the accurate keywords. 

The first 3 header tags- `h1`, `h2` and `h3` carry more SEO value than the rest(h4, h5, h6). Choose your title carefully when giving values in these tags. Give importance hierarchically, meaning put more essence to h1, then the subheading h2, and then h3. Keep the context same, as it will be easy for the crawlers to recognise correct keywords. 

Below is a basic example showing how you may use your header tags:

```html
<h1>Header tags and SEO</h1>
<h2>What is SEO and importance of header tags in SEO</h2>
<h3>How should you use header tags effectively?</h3>
```

This example fairly shows certain keywords that might be easily extracted. Well, the game doesn't end here. You may get a lot of competition, only using header tags isn't going to help but is a great factor in deciding the rank of a website.
Design Templates for Zyro and Earn Money💵
Tags: career, webdev, ux, uiweekly
Published: 2020-08-19 13:57:47

Hello, Dev Community hope you all doing well what you do. In this Dev post, I'm going to introduce you to the Earning Opportunity from [Zyro](https://zyro.com) But first before we know about this opportunity Let's talk a little bit about [Zyro](https://zyro.com).

![Zyro](https://dev-to-uploads.s3.amazonaws.com/i/ghcw51ftodnt04jq7nr4.png)

Zyro is a powerful tool – think Swiss Army knife – that makes it easy for anyone to build a beautiful website or launch an online store. Look professional from the get-go and grow your brand or business, online and beyond. 

> "Whatever you do, it's better with a website. Build a website or launch an online store. It's easier than you think."

---

Zyro is introducing, Create stunning website templates for Website designers, UI Designers that people will love and get paid. Join Zyro's curated templates program.

###The benefits of joining
* Make money
![Make money](https://dev-to-uploads.s3.amazonaws.com/i/qh597bml0nkpb0f0wllt.png)
When your website template gets published by a paying user, we'll pay you for it too.

---

* Get your name out there
![Get your name out there](https://dev-to-uploads.s3.amazonaws.com/i/8a8y3k0oukflgxgmq4wh.png)
Whenever a user publishes a website using your template, you'll get extra exposure

---

* Supercharge your portfolio
![Supercharge your portfolio](https://dev-to-uploads.s3.amazonaws.com/i/qe2tuy2swv7451wiv24t.png)
Come build with us. We're the fastest-growing website builder out there.


{% post https://dev.to/atulcodex/eligent-restaurant-website-4m70 %}


##It’s easy to join this earning program
01. Sign up
Whizz through our sign up process. It only takes a few minutes to get started.

02. Design-templates
Flex your creative muscle and build stunning website templates.

03. Get approved
Our designer team will review your templates.

04. Get your name out there
When a free user publishes your template, your name will be featured for all to see. 

05. Get paid
Whenever a paying user publishes your template, you'll get paid.

***

> Get your designs noticed and get paid

[Apply Now](https://zyro.typeform.com/to/hAc3vRpS)
A complete angular progress bar ✨
Tags: angular, webdev
Published: 2020-08-19 13:46:41

Hi guys,

I think I created a great customizable progress-bar for angular2+.

![Screenshot](https://dev-to-uploads.s3.amazonaws.com/i/0mheciq4h8qvf0zg0zlr.gif)

#🧨 Features 🧨

##*Classic features* 🎁 :

• Possibility to choose a bar, a spinner or both of them
• Custom color
• Custom height and diameter
• Indeterminate bar like Material
• Spinner speed

##*Other features* 🎆:

• Possibility to show an overlay
• Custom overlay value
• **Http interceptor** and **urls filtering**
• It supports **multiple requests**. If during the bar progress another request is fired, bar will not reset and keep going until all requests are completed.

##*Killer feature* 🎇:

> It can be instantiated multiple times. Only the deepest one will be displayed

Check it out 👉🏻

{% github kKen94/ngx-progress %} 

Would you like to help me test it and find bugs? 😁
MongoDB Database Design
Tags: mongodb, node, database, help
Published: 2020-08-19 13:43:35

Hi! I'm trying to make an app with the MERN Stack, just for practice. What I want to do is an "eCommerce Maker", where the user can create his eCommerce only saving his products and categories. Some time ago I did the same thing in firebase, there i had a collection with an id per eCommerce, this collection had subcollections for categories with products inside. I want to do the same with MongoDB, I don't know a lot of MongoDB, but I came with two "solutions".

1. Store all the business information (products, categories, etc) in a single document.

2. Store businesses in a collection, create a "global" collection for categories, and reference the categories in the business collection.

What solution do you recommend me to use? I'm new at this. Thanks!

PD: Sorry for my English, I'm from Argentina xd
Tài liệu machine learning
Tags: machinelearning
Published: 2020-08-19 13:42:50

Khi bắt đầu học bất kỳ một lĩnh vực nào thì việc tìm tài liệu nghiên cứu là công đoạn không thể thiếu. Học machine learning cũng vậy. Tài liệu machine learning cơ bản là từ khóa mà mọi học viên nghĩ tới ngay trong đầu khi bắt đầu tiếp xúc với lĩnh vực này. 

Tuy nhiên, với người mới học lập trình sẽ gặp nhiều khó khăn để tìm tài liệu phù hợp.

Do vậy, mình tạo bài viết này để tổng hợp các tài liệu machine learning cơ bản mà mình có cơ hội tiếp cận.

Nguồn bài viết update tại đây: [Machine learning cơ bản](https://vntalking.com/tai-lieu-machine-learning-co-ban.html)
JMeter Online Training
Published: 2020-08-19 13:39:24

JMeter is a popular automated software device with vast software capabilities. It is a JavaScript software framework, and the interface uses the graphical API in the Switch. This was built by Stefano Mazzocchi, an Apache Technology Organization. This was originally designed to run web app software and later extended its capabilities to other monitoring fields. Jmeter Online Training is best for beginners as well as professionals to improve your Testing skills.
Web - https://skillsion.com/jmeter-training
Webinar: Building an executive dashboard with no-code
Tags: webdev, nocode, lowcode, webinar
Published: 2020-08-19 13:37:51

Hey there. 
We’re holding a webinar on creating a dashboard with no coding. Will be glad to see you there!

– August 24, 7 pm CET, 1 pm EST.
– A 40-minute webinar on building an executive dashboard visually.

We’ll show how you can get a data-driven solution in the form of a reporting tool displaying KPIs, various metrics, etc. without spending weeks on it.
No programming skills are needed.

Sign up here: https://hubs.ly/H0tPYWT0
How do you deal with imposter syndrome?
Tags: discuss
Published: 2020-08-19 13:28:26

Imposter syndrome is a huge issue, especially in the tech industry. 

I've started a [collaborative blog site](https://www.errorsshouldneverpasssilently.com) to try to conquer this. Anyone can write something, from your experiences to imposter syndrome, to a mistake you made. Hopefully this will help readers to understand that they're not alone.

How do you normally deal with this feeling of inadequacy? Does it pass for you? Do you let yourself feel that way, or do you take steps to conquer it? What are your tips for overcoming imposter syndrome?
Javascript: Memoization
Tags: javascript, womenintech, codenewbie
Published: 2020-08-19 13:26:57

Memoization is a technique used to save execution time by caching results of frequently used function.

Consider we have a function defined for let's say calculating area of square. Within duration of program execution function needs to be called 'n' number of times. Each time function gets called area of square is computed based on arguments passed and result is returned. It takes lot of execution time to compute area each time and return output. Here, we can make use of *Memoization* technique to cache result and later use the cache result instead of computing each time.


Take a look at below example.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/6c2dyb5qyy9xdh4xyjy4.png)

Here loop runs 100 times which causes function to be called 100 times and each time area is calculated.


Now look at below example.

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

Here loop runs 100 times which causes function to be called 100 times and only once area will be computed for rest 99 times saved value will be returned.

If we look first example takes longer time than the second example. Consider multiple lines of complex computation functionality, in that case obviously *Memoization* will save lots of execution time.

Happy Coding!
Discord Bot Tutorial 2020 - Embeds
Tags: javascript, webdev, tutorial, node
Published: 2020-08-19 13:23:23

So you've already got your discord bot built from the previous tutorial in the series:
{% link https://dev.to/renaissancetroll/discord-bot-tutorial-get-started-in-5-minutes-3beb %}
Now lets add some spice to our Discord Bot by learning how to make embeds with our Discord Bot. Discord Embeds have tons of room for customization in terms of styling and dynamic content.

This tutorial will be used as a building block for a future video  where I'll cover how to make a ranking and currency system in Discord by utilizing a database. The embeds we make in this tutorial will be similar to what we make to show members their rank via commands. You could also combine embeds with the node canvas library to create custom welcome messages and images for users
{% youtube xGg-CXWa0x4 %}
How to Use Excel “FACT Function” in Office 365? – {with Examples}
Tags: excelfactfunctionino, excelfunctions
Published: 2020-08-21 16:57:01

---
title: How to Use Excel “FACT Function” in Office 365? – {with Examples}
published: true
date: 2020-08-19 11:17:03 UTC
tags: ExcelFACTFunctioninO,ExcelFunctions
canonical_url: https://geekexcel.com/how-to-use-excel-fact-function-in-office-365-with-examples/
---

## FACT Function in Excel:

In this tutorial, we will guide you to learn how to use **Excel FACT Function in Office 365** with its syntax, explanation, and examples. Let’s get into this article!! Get an official version of **MS Excel** from the following link: [https://www.microsoft.com/en-in/microsoft-365/excel](https://www.microsoft.com/en-in/microsoft-365/excel)

 

## FACT Function – Explanation:

- FACT Function **returns the factorial of a given number**.
- For example, **FACT(4)**  **=**  **4×3×2×1** , and the result is **24**.

## Syntax:

=**FACT(number)**

### Argument Definition:

**Number** – The input number to which you want to find factorial.

### Note:

- If you give negative number, this function will return **#NUM!** Error value.
- If you use any type of non-numeric values such as symbols and string, it returns **#VALUE!** Error.

## Examples:

Let’s see an example to know how **FACT**  **function** works.

- Refer to the below image.
- You can see the input numbers in **Column A** and its factorial in **Column B**.
- The **Cell A4** contains a number **3** , and its factorial value ( **3×2×1** ) is calculated and placed in the **Cell B4**.

![Example 1](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/08/1-49.png)<figcaption id="caption-attachment-12085">Example 1</figcaption>

- If you give a negative number, this function will return the **#NUM!** Error value.
- The following image has shown the **#NUM!** Error because of its negative input integer value.

![Example 2](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/08/2-33.png)<figcaption id="caption-attachment-12086">Example 2</figcaption>

## Conclusion:

In the above article, you can learn the usage of **Excel FACT Function in Office 365** with its syntax, explanation, and examples. Give your **suggestions** in the comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!!

### Keep Reading:

- [How to use DATE Function in Microsoft Excel 365?](https://geekexcel.com/how-to-use-date-function-in-microsoft-excel-365/)
- [How to Use “IMABS Function” in Microsoft Excel 365?](https://geekexcel.com/how-to-use-imabs-function-in-microsoft-excel-365/)
Remove files or folders from remote git
Tags: git
Published: 2020-08-19 13:18:57

GIT is great, it has made collaboration with other developers so easy, I can't thank GIT enough. But GIT is vast and not every command remains on my mind. I find myself googling over and over again to get that right GIT command that can solve my problem.

Recently when working on one of the project that had just started, I accidentally pushed IDE folder to remote repository and I was there googling again, so I thought, why not write blog for this?. I can always come straight to my blog if this happens again and I can also help my fellow developers this way, right?

All sensitive information and IDE related folders should be added to gitignore so they are not tracked by git. You may already know this, but it doesn't help if your file or folder is already in the remote repository. Today we will learn how we can remove files or folders from remote repository. Let's get started!

## Remove file or folder from remote repo only

```shell
# Remove a single file
git rm --cached password.txt

# Remove a single folder
git rm --cached -rf .idea
```

## Remove file or folder from both remote repo and local

```shell
# Remove a single file
git rm password.txt

# Remove a single folder
git rm -rf .idea
```

After removing file or folder, we shouldn't forget to add them to **gitignore** before we commit and push to the repo again. Or we will be back to the start of the blog removing those again!

Straight and sweet, that's it. Any confusions? Have a better solution? Please comment below, it's never a bad idea to have a healthy conversation. Thank you. See you again!

**References:** <a href="https://stackoverflow.com/a/3469805/9359123" target="_blank">Remove file or folder only from remote repo</a>