teleren/devto huggingface dataset:
Get coding practice while doing good by volunteering
Tags: career, beginners, codenewbie, learning
Published: 2020-09-17 22:26:29

---
title: Get coding practice while doing good by volunteering
description: Time to get your coding practice while also making the world a tiny bit better. Here are 4 sites where you can find a volunteer coding gig that works for you.
published: true
date: 2020-09-11 12:54:00 UTC
tags: career,beginners,codenewbie,learning
canonical_url: https://raddevon.com/articles/get-coding-practice-while-doing-good-by-volunteering/
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/204k1dtzd13lo92g4faw.jpg
---
You have several great options to get your coding practice:

* 🚀 [start a project](https://raddevon.com/articles/10-great-web-development-learning-project-ideas/)  
* 💰 [pick up freelance work](https://raddevon.com/articles/2020-web-developer-roadmap-step-6-time-to-get-paid/)  
* 💻 [contribute to open source](https://raddevon.com/articles/how-do-i-contribute-to-open-source-projects/)

But there’s one I haven’t covered that will let you skill up while also giving you the warm fuzzies: volunteering!

{% youtube FR5BoIQL0_c %}

Here are 4 sites where you can find a volunteer coding gig that works for you.

* ❤ [VolunteerMatch](https://www.volunteermatch.org/virtual-volunteering/Computers%20&%20Technology)  
* ❤ [UNV Online Volunteering](https://www.onlinevolunteering.org/en/opportunities?f%5B%5D=field_task_id:5)  
* ❤ [Idealist](https://www.idealist.org/en/volunteer?actionType=VOLOP&functions=TECHNOlOGY_SUPPORT_WEB_DESIGN&isVirtual=YES&q=&searchMode=true)  
* ❤ [/r/volunteer](https://www.reddit.com/r/volunteer/?f=flair_name%3A%22Opportunity%22)

Bonus option: 🗺 [Volunteer locally](https://greatnonprofits.org/)

If you’re looking for ways to practice, starting a project is another great one. If you're looking for which one to start, I have [10 unique project ideas](https://raddevon.com/articles/10-great-web-development-learning-project-ideas/) you can use.
NodeJS Essentials | Free E-Book
Tags: node, javascript, books
Published: 2020-09-11 12:53:15

Hey there DEV.to community.

Since the quarantine began due to COVID-19 I started a small project of writing a pamphlet about Node.js. Eventually, it grew to become a book. Here I am sharing it with you. I hope you enjoy it and feel free to tell me the mistakes I've made in the book so I can improve it and update it.

[Download it here](https://github.com/AdnanBabakan/NodeJS-Essentials-E-Book/blob/master/NodeJS%20Essentials.pdf)
Responsive Svelte + Tailwind Pagination component
Tags: svelte, tailwindcss, fouita, pagination
Published: 2020-09-11 12:49:55


Simple pagination component built with svelte and tailwindcss 

## Installation
```bash
    $npm i @fouita/pagination -D
```

## Simple usage

![fouita pagination](https://cdn.fouita.com/assets/pics/template/pagination/pagination-simple.png)

```html
<script>
    import Pagination from '@fouita/pagination'
    let current =1
    let num_items=30
    let per_page=3
</script>

<Pagination bind:current={current} {num_items} {per_page} />
```

## Style rounded

![fouita pagination rounded](https://cdn.fouita.com/assets/pics/template/pagination/pagination-rounded.png)

```html
<Pagination rounded bind:current={current} {num_items} {per_page} />
```


## Change Size to small

![fouita pagination small](https://cdn.fouita.com/assets/pics/template/pagination/pagination-small.png)

```html
<Pagination small rounded bind:current={current} {num_items} {per_page} />
```

## Change Color

You can use a color from tailwindcss list `(gray, red, blue, indigo, pink, purple, teal, orange, yellow)`

![fouita pagination small](https://cdn.fouita.com/assets/pics/template/pagination/pagination-color.png)

```html
<Pagination small rounded color="pink" bind:current={current} {num_items} {per_page} />
```


## Per page selection

You can add

![fouita pagination selection](https://cdn.fouita.com/assets/pics/template/pagination/pagination_per_page.png)

```html
<script>
	import Pagination from '@fouita/pagination'

	let current =1
	let num_items=30
	let per_page=3	
</script>
	
<div class="flex justify-between items-center">
	<div class="flex items-center">
		Per page:
		<select class="border px-2 rounded ml-2" bind:value={per_page}>
			<option>3</option>
			<option>5</option>
			<option>10</option>
		</select>
	</div>
	<Pagination small  bind:current={current} {num_items} per_page={per_page} />
</div>			  
```

## Navigate Action

if you like to perform some actions or API requests when navigating through pages, you can do so by calling `on:navigate` event.

```html
<script>
	import Pagination from '@fouita/pagination'

	let current =1
	let num_items=30
	let per_page=3	
	
	// let list_fetch = ... your init data
	async function changePage(evt){
		current = evt.detail
		// list_fetched = ... FETCH DATA HERE
	}
</script>

<Pagination small {current} {num_items} per_page={per_page} on:navigate={changePage} />
```

# Source code
You can find the source code at [fouita pagination](https://github.com/fouita/svelte-tw-pagination)
Leetcode #1 First Unique Character in a String (#387) with TypeScript and HashTable
Tags: typescript, javascript, 100daysofcode, leetcode
Published: 2020-09-11 12:40:21

{% youtube 3BX-RQnQ_8s %}

Enjoy the video 😀🙏

Also written version https://losseff.xyz/leetcode/001-first-unique-character-in-a-string/typescript/
My birthday is today! 🎉🎂
Tags: watercooler, birthday, cakeday, offtopic
Published: 2020-09-11 12:35:39

This is an off topic post, but today is my birthday! I hope you all stay safe! I plan on posting more development challenges, but I’ll see what I can do while school’s still rolling on. Gimme ideas here or anywhere you can find me for a *[dev.to](https://dev.to/)* post and I’ll try to fit it in. If I can’t, I’m sorry.

Bye for now! 👋
Let's build a website with Node.js on Azure
Tags: webdev, javascript, azure, tutorial
Published: 2020-09-11 12:33:34

#### 📺 019 - Tierey Cyren 🎙️ Frank Boucher

{% youtube VgRPDDPkoLY %}

Starting from nothing, Tiemey will create a new application in JavaScript using Express and then show how to deploy it in Azure using [Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azureappservice?WT.mc_id=allaroundazure-blog-ticyren). Because Frank just get started with JavaScript, Tiemey explains all the `npm` commands to initialize the project and provide many interesting tips along the way.

In a first time, the website will be deployed into a [App Service](https://docs.microsoft.com/azure/app-service/overview?WT.mc_id=allaroundazure-blog-ticyren) (aka. web app), for some reason the creation of the resources was failing from VSCode so Tiemey created the resources directly from the Azure Portal and then deploy the code after using the extension.

Finally, the Express App will be modified to be dynamic receiving a parameter and changing the display to xkcd comic display. 

---

### Useful Links

🔗 [App Service overview](https://docs.microsoft.com/azure/app-service/overview?WT.mc_id=allaroundazure-devto-ticyren)

🔗 [Azure Container Instances documentation](https://docs.microsoft.com/en-us/azure/container-instances/?WT.mc_id=allaroundazure-devto-ticyren)

🔗 [Azure App Service for Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=ms-azuretools.vscode-azureappservice?WT.mc_id=allaroundazure-devto-ticyren)

🔗 https://github.com/bnb/step-by-step-express

🔗 [What is the Windows Subsystem for Linux?](https://docs.microsoft.com/en-us/windows/wsl/about?WT.mc_id=allaroundazure-devto-ticyren)



---

### Learn more on Tiemey Cyren

🔗 Twitter: https://twitter.com/bitandbang

🔗 bio: https://developer.microsoft.com/en-us/advocates/tierney-cyren

☁️
HTML Key Factors for SEO friendly Websites
Tags: html, seo, digitalmarketing, sem
Published: 2020-09-11 12:27:13

A lot has been discussed and it is ongoing about how to get your website high on the ranking in search engine.

No matter how unique and creative your design is, if it is very low on ranking in search engine than it is worthless. Because users are not reaching to your website no matter what useful content is over there.

If you want more users to visit your website and be on the higher rank in the search result, then the search engines should able to “read” a website to understand the content.

The way that you design and set up the website from a hierarchical point of view will impact how well the website content can behave from a search engine perspective.

Let’s begin on what are the key factors while designing a web page that can be SEO friendly.

1.Title Tag

A title tag should be maximum 70 characters long. Use unique titles for each web page.

Name of Page - Company name Category - Page description in short
Do’s

Include some words like “top”, “most”, “highest” etc. as users mostly search using such keywords.
Dont’s

Do not overwrite and make messy. Keep it short and understandable.
Avoid commas and special characters.

Heading Tags
Heading tags i.e H1 to H6. They are used to point out the key sections of the page. It should always be in the hierarchy form.

H1 is the main text and it should only be used once. Let’s list out the do’s and dont’s of heading tags.

Do’s

H1 should be the biggest text of all in the content, it should be relevant to the content.
H1 should be somewhere on the top of the page from where user can get an idea about what the whole website is.
H2 should be used in the sub-headlines. Those sections which are primarily important for the users.
H2, H3 can be used number of the times you want to.
H4 and H5 are given to least priority sections and it can also used number of times.
Dont’s

Do not put whole paragraph in H1 tag.
Keep the heading tags short. Long and big fonts makes website messy.
It is easy for search engine to optimize the website if the main text is in H1 tag. Text in heading tags correlates with improved rankings. Content should make more sense for users, and we can help search engines categorize our content.

Here are some of the aspects you need to look at:

As you’ll see the page title as the fist line of the search result, make sure you use keyword phrases in page titles, which is where Google first looks to determine which content is relevant to which search.
Use header tags to show content hierarchy. If your title is formatted as h1, then you use h2 or h3 for subheads.
Use keyword phrases in image alt tags to show how the images are relevant to the main content. Google also has an image search, which is another way for people to find your content.
Create an internal link structure, navigation, and an information architecture that helps the search engines crawl the website effectively and efficiently.

You can check more information about vibidsoft Web Design Services or send email on inquiry@vibidsoft.com
Google tries to translate "Lorem ipsum"
Published: 2020-09-11 12:23:49

As we all know *Lorem ipsum* is a placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.

#Original

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

#From Google Translate

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed tempor and vitality, so that the labor and sorrow, some important things to do eiusmod. Over the years all will I come, so that stimulus efforts if the school district who has nostrud oefening aliquip out of her the advantage of the recipe. Want to be a pain in the cupidatat oute cillum Duis et dolore magna criticized in the run produces no resultant pleasure. Excepteur cupidatat blacks are not excepteur, is soothing to the soul, that is, they deserted the general duties of those who are to blame for your troubles.

I was bored.
:)
How to Apply Multiple Filters in Excel Office 365? – (with Examples)
Tags: applymultiplefilters, excelpreface
Published: 2020-09-14 10:00:28

---
title: How to Apply Multiple Filters in Excel Office 365? – (with Examples)
published: true
date: 2020-09-11 12:17:35 UTC
tags: ApplyMultipleFilters,ExcelPreface
canonical_url: https://geekexcel.com/how-to-apply-multiple-filters-in-excel-office-365-with-examples/
---

## Apply Multiple Filters in Excel:

In this article, you will learn how to **Apply Multiple Filters in Excel Office 365** with an example. 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)

You can apply multiple filters to your data in the Excel spreadsheet by following the below instructions.

- First, you need to **click the drop-down arrow for the column** that you wish to filter.

![Click the Arrow](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/09/1-43.png)<figcaption id="caption-attachment-13770">Click the Arrow</figcaption>

- Now, the filter option will appear. You have to **check** or **uncheck** the boxes depending on the data you want to filter.
- Then, click the **Ok** button.

![Check or Uncheck Boxes](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/09/2-37.png)<figcaption id="caption-attachment-13771">Check or Uncheck Boxes</figcaption>

- Now, the filter is applied and displays the result with the needed items in that selected column. Here, we unchecked the odd numbers in the **ID group** , so it will display only the even numbers, and we selected the two names Harry and Tony in the **Name group**. Now, it shows only the filtered names that are **Tony** and **Harry** as given in the below example.

![Filtered Output](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/09/EXCEL_rqsHcNS2NO.png)<figcaption id="caption-attachment-13775">Filtered Output</figcaption>

From the above steps, you can clearly understand the usage of **Filter** Option in Excel.

## Bottom-Line:

In this article, you will understand the steps to **Apply Multiple Filters in Excel Office 365** with an example. Give your **suggestions** in the below comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!!
How to Display Formula and Value Simultaneously in Excel 365?
Tags: displayformulaandval, excelpreface
Published: 2020-09-14 10:00:15

---
title: How to Display Formula and Value Simultaneously in Excel 365?
published: true
date: 2020-09-11 12:10:32 UTC
tags: DisplayFormulaandVal,ExcelPreface
canonical_url: https://geekexcel.com/how-to-display-formula-and-value-simultaneously-in-excel-365/
---

## Display Formula and Value Simultaneously in Excel:

In this article, you will learn how to **Display Formula and Value Simultaneously in Excel Office 365**. Let’s get started!! 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)

In some cases, we need to view both the formula and its values concurrently, to do this we don’t have any special options in Excel, but we have a simple method to complete this task.

Here is an example to understand how to do that.

### You can do this in two ways:

**Method 1:** You just need to add ( **‘** ) this symbol in front of each formula in the Excel spreadsheet and click enter to see the result.

**Method 2:** Once you have done, you need to press ( **CTRL + `** ) keys, it will show the formula.

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

## Closure:

In this short article, you can clearly understand the steps to **Display Formula and Value Simultaneously in Excel Office 365**. Drop your **feedback** in the below comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!!
How to Sort Data Randomly in Excel Office 365? – {with Examples}
Tags: excelpreface, sortdatarandomlyinex
Published: 2020-09-14 09:59:59

---
title: How to Sort Data Randomly in Excel Office 365? – {with Examples}
published: true
date: 2020-09-11 12:06:39 UTC
tags: ExcelPreface,SortDataRandomlyinEx
canonical_url: https://geekexcel.com/how-to-sort-data-randomly-in-excel-office-365-with-examples/
---

In this tutorial, we will guide you to know how to **Sort Data Randomly in Excel Office 365** with a practical example. Let’s step 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)

We can use [**RAND Function**](https://geekexcel.com/how-to-use-excel-rand-function-in-office-365-with-examples/) to sort the data randomly in Excel. Let’s see the description and syntax of the Excel RAND Function to know how it works.

### RAND Function:

- This function **returns the random number between 0 and 1**.
- Excel returns a new random number each time the worksheet is calculated.

### The syntax of RAND Function:

**=RAND()**
- Random function has no arguments.

### Example:

- In the following example screenshot, you can see the random numbers in the **Column B**.
- Now, you will sort the names according to their random values.

![Sorting using RAND() Function](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/09/1-42.png)<figcaption id="caption-attachment-13754">Sorting using RAND() Function</figcaption>

From the above image, you can easily learn the usage of the RAND function in sorting data in Excel.

## Wind-Up:

In this tutorial, we guided you to understand how to **Sort Data Randomly in Excel Office 365** with an example. Kindly, leave your **feedback** in the below comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!!
Is n divisible by x and y? with TypeScript
Tags: typescript, javascript, 100daysofcode, codenewbie
Published: 2020-09-11 12:06:04

{% youtube RroEPNkWnjA %}

Enjoy the video 😀🙏
Also written version https://losseff.xyz/katas/012-is-n-divisible-by-x-and-y/typescript/
How to Find and Select Any Item From the Excel Spreadsheet?
Tags: excelpreface, findandselectoptioni
Published: 2020-09-14 09:59:40

---
title: How to Find and Select Any Item From the Excel Spreadsheet?
published: true
date: 2020-09-11 12:03:11 UTC
tags: ExcelPreface,FindandSelectOptioni
canonical_url: https://geekexcel.com/how-to-find-and-select-any-item-from-the-excel-spreadsheet/
---

## Find and Select Any Item From the Spreadsheet:

In this guide, we will show you the steps to **Find and Select Any Item** from the Excel Spreadsheet. 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)

If you have huge data that contains many names and you want to search only a few names from that list, you may not find them by searching it manually. In that case, you can use this **Find and Select** Option in Excel Office 365 to make your work quick and efficient.

Let’s see an example data list and will find a few items from that list.

![List of names](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/09/1-41.png)<figcaption id="caption-attachment-13744">List of names</figcaption>

- On the **Home** tab, **select** the **Find & Select** option, and **choose** the **Find** option from the menu list.

![Choose Find & Select option](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/09/2-36.png)<figcaption id="caption-attachment-13745">Choose Find &amp; Select option</figcaption>

- Now, the **Find and Replace** dialog box will open and you need to **enter the term** in the **Find what** option you want to search for.
- Then, **click** the **Find Next** option or **hit** the **Enter** button to see the result.

![Find and Replace Dialog Box](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/09/Find-and-Replace-Dialog-Box.png)<figcaption id="caption-attachment-13746">Find and Replace Dialog Box</figcaption>

- After clicking the **Enter** button, it will select the result as shown in the below image.

![Selected Cell](https://eadn-wc04-371788.nxedge.io/cdn/wp-content/uploads/2020/09/Selected-Cell.png)<figcaption id="caption-attachment-13747">Selected Cell</figcaption>

From the above steps, you can clearly understand about **Find and Select** option in Excel.

## Verdict:

In this article, you will learn the steps to **Find and Select Any Item** from the Excel Spreadsheet. Kindly, leave your **feedback** in the below comment section. Thanks for visiting **[Geek Excel.](https://geekexcel.com/)** Keep Learning!!
Is n divisible by x and y? with JavaScript
Tags: javascript, 100daysofcode, codenewbie, beginners
Published: 2020-09-11 12:01:28

{% youtube uV67T0323d0 %}

Enjoy the video 😀🙏

Also written version https://losseff.xyz/katas/012-is-n-divisible-by-x-and-y/javascript/
Daily Developer Jokes - Friday, Sep 11, 2020
Tags: jokes, dailydeveloperjokes
Published: 2020-09-11 12:00:19

---
title: "Daily Developer Jokes - Friday, Sep 11, 2020"
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%20Sep%2011%2C%202020"
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/5e12591e45d64.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 didn't the `<div />` get invited to the dinner party?

___A:___ Because it had no class!
 -->