teleren/devto huggingface dataset:
How To Recommend VSCode Extensions
Tags: vscode, devops, productivity, javascript
Published: 2022-02-28 08:01:09

I'm a big fan of VSCode's ability to store configurations as JSON files in the workspace or repository itself, allowing us to share them with colleagues. Similar to how we see `.eslintrc` or `.prettierrc` files as part of the repository to enforce the same rules and styles for all collaborators, we can also share the same settings with others by storing them in a `settings.json` file inside the `.vscode` folder. We use this file to hide certain folders like `node_modules`, but also to centrally configure extensions like ESLint (I'm referring to the VSCode extension, not the NPM package).

That brings me directly to the reason for this post. If you work in a team, you may also want to use the same tools for your editor. There are certainly advantages to having everyone working with a similar development workflow and toolset. VSCodes allows us to collect these extensions by their IDs in an `extensions.json` file. Below is an example from us:

![.vscode/extensions.json](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nw6xeqbwpqr2dn3d7rqw.png)

When the repository is first opened, the following popup appears to notify the user that there are recommended extensions.

![VSCode Extension Recommendations Popup](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e1gh7izc0w6nh7gsw3j0.png)    

The option to show the recommendations leads to the marketplace with an overview of these extensions. It is also possible to check them later by searching for the tag `@recommended`.

![Show Recommended Extensions](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/w0icm2v4f2pbayccfgb2.png)

I think it's a great feature of VSCode to store this information (i.e. settings, extensions, etc.) close to the actual code in the repository and thus securely controlled by a version control system.
Best Programming Language to Learn First and Why
Tags: html, beginners, devjournal, programming
Published: 2022-02-28 08:00:35

“What is the best Programming language to learn first” is often met with a response of *“It doesn’t matter what programming language you learn first”.* I get it everyone is on a different journey, and one answer may not suit everyone. Well, in this article, I will go out on that limb and provide you with my answer as a beginner. I have been where you are. I am just someone in your shoes that wishes I had an article like this when I started my coding journey **(January 2022).**

**HTML makes up the core structure of pretty much every website that exists, and as an added benefit it is one of the easiest languages to learn, that is why we suggest that no matter if you are doing a front-end or backend route that the best programming language to learn for is HTML.**

**Table Of Contents**

1. [Start with the fundamentals](https://worldofdev.info/what-is-the-best-programming-language-to-learn-first-and-why/#start-with-the-fundamentals)
2. [Why you should learn HTML as your first language](https://worldofdev.info/what-is-the-best-programming-language-to-learn-first-and-why/#why-you-should-learn-html-as-your-first-language)
3. [What will you learn with HTML as your first language](https://worldofdev.info/what-is-the-best-programming-language-to-learn-first-and-why/#what-will-you-learn-with-html-as-your-first-language)
4. [What are the best Programming Languages to Learn First for backend development](https://worldofdev.info/what-is-the-best-programming-language-to-learn-first-and-why/#what-are-the-best-programming-languages-to-learn-first-for-backend-development)
5. [Conclusion](https://worldofdev.info/what-is-the-best-programming-language-to-learn-first-and-why/#conclusion)

# **Start with the fundamentals**

I know how excited you are to build the next “big thing”, I am too. If you want to find out what I am trying to achieve, you can go check out my recent blog, “**[Why I am learning to code](https://worldofdev.info/learn-to-code-with-me-why-i-am-learning-how-to-code/)**.”

In reality, it doesn’t matter if you can build the most advanced algorithm if you don’t know how to register a domain name, build a basic website or add a security certificate.

The above things are easy to do, specifically with tools like WordPress, **[Elementor](https://trk.elementor.com/WorldofDev)** and hosting platforms like **[Siteground](https://www.siteground.com/index.htm?afcode=5c3469edd7a28bfcd5552db524747d52)**.

Understanding the basics of the internet and how computers process and store data will make you a better developer in the long run. The FREE [CS50’s Understanding Technology Course](https://www.edx.org/course/cs50s-understanding-technology) presented by a Harvard lecturer teaches you about all of the above. I found this course extremely helpful.

Read the rest of this article on our blog by [clicking here](https://worldofdev.info/what-is-the-best-programming-language-to-learn-first-and-why/)
Today's Daily Dose of Programming Humor
Tags: jokes, dailydeveloperjokes
Published: 2022-02-28 08:00:09

---
title: "Today's Daily Dose of Programming Humor"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1258f2759b6.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_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:___ What did the server say to his client who was having a bad day?

___A:___ Everything's going to be 200
 -->
Repeat Excel Rows & Columns
Published: 2022-02-28 07:59:26

---
canonical_url: https://ironsoftware.com/csharp/excel/examples/repeating-rows-and-columns-in-excel
---

When Excel spreadsheets span several pages, the data is easier to read when we print the column titles at the top of every page. These are called "Repeating Rows" in Excel.

"Repeating Rows" and "Repeating Columns" are header rows and columns which repeat on every printed page of an Excel WorkSheet

These are also known as also known as "Duplicate Rows and Columns" and "Header Rows and Columns"

**C#:**
```
using IronXL;
 
WorkBook workbook = WorkBook.Load("test.xlsx");
WorkSheet worksheet = workbook.DefaultWorkSheet;
 
// SetRepeatingRows is how we can set repeating rows for the print title of the worksheet.  
// The Int parameters are the start and end zero-based row numbers.
// To remove  repeating rows you can use worksheet.RemoveRepeatingRows();  
worksheet.SetRepeatingRows(1, 2);
 
 
// SetRepeatingColumns is how we can set repeating columns.
// The Int parameters are the start and end zero-based colum numbers (0 is "A");
// To remove repeating columns you can use worksheet.RemoveRepeatingColumns();
worksheet.SetRepeatingColumns(2,3);
 
 
workbook.SaveAs("RepeatingRows.xlsx");
```

**VB:**
```
Imports IronXL
 
Private workbook As WorkBook = WorkBook.Load("test.xlsx")
Private worksheet As WorkSheet = workbook.DefaultWorkSheet
 
' SetRepeatingRows is how we can set repeating rows for the print title of the worksheet.  
' The Int parameters are the start and end zero-based row numbers.
' To remove  repeating rows you can use worksheet.RemoveRepeatingRows();  
worksheet.SetRepeatingRows(1, 2)
 
 
' SetRepeatingColumns is how we can set repeating columns.
' The Int parameters are the start and end zero-based colum numbers (0 is "A");
' To remove repeating columns you can use worksheet.RemoveRepeatingColumns();
worksheet.SetRepeatingColumns(2,3)
 
 
workbook.SaveAs("RepeatingRows.xlsx")
```
Multiple Languages for 1 Document
Published: 2022-02-28 07:57:26

---
canonical_url: https://ironsoftware.com/csharp/ocr/examples/ocr-tesseract-multiple-languages/
---

IronOCR supports 125 international languages.

It is possible to use More than one language at a Time to read documents that contain words in more than one language.

You may also use downloaded or proprietary languages and fonts following the Tesseract **.traineddata** file format standard.

**C#:**
```
//PM> Install-Package IronOcr.Languages.Arabic
 
using IronOcr;
 
var Ocr = new IronTesseract();
Ocr.Language = OcrLanguage.English;
Ocr.AddSecondaryLanguage(OcrLanguage.Arabic);
// Add as many as you like
 
using (var Input = new OcrInput(@"images\image.png"))
{
    var Result = Ocr.Read(Input);
    Console.WriteLine(Result.Text);
}
```

**VB:**
```
'PM> Install-Package IronOcr.Languages.Arabic
 
Imports IronOcr
 
Private Ocr = New IronTesseract()
Ocr.Language = OcrLanguage.English
Ocr.AddSecondaryLanguage(OcrLanguage.Arabic)
' Add as many as you like
 
Using Input = New OcrInput("images\image.png")
	Dim Result = Ocr.Read(Input)
	Console.WriteLine(Result.Text)
End Using
```
Convert Excel to HTML
Published: 2022-02-28 07:55:19

---
canonical_url: https://ironsoftware.com/csharp/excel/examples/convert-excel-to-html
---

How to convert "Excel to HTML" in C#.

**C#:**
```
using IronXL;
using IronXL.Options;
 
WorkBook workbook = WorkBook.Load("test.xlsx");
 
var options = new HtmlExportOptions()
{
    //This is how we can make row/column numbers visible in html document
    OutputRowNumbers = true,
    OutputColumnHeaders = true,
    OutputHiddenColumns = true,
 
    //This is how we can make hidden rows/columns visible in html document
    OutputHiddenRows = true,
    OutputLeadingSpacesAsNonBreaking = true
};
 
//This is how we can export workbook to the HTML file
workbook.ExportToHtml("workbook.html",options);
```

**VB:**
```
Imports IronXL
Imports IronXL.Options
 
Private workbook As WorkBook = WorkBook.Load("test.xlsx")
 
Private options = New HtmlExportOptions() With {
	.OutputRowNumbers = True,
	.OutputColumnHeaders = True,
	.OutputHiddenColumns = True,
	.OutputHiddenRows = True,
	.OutputLeadingSpacesAsNonBreaking = True
}
 
'This is how we can export workbook to the HTML file
workbook.ExportToHtml("workbook.html",options)
```
Architecting Portable Applications with Docker
Tags: docker, devops, tooling, beginners
Published: 2022-02-28 07:34:10

*"But it works on my machine!"*

Thats the endless cry of developers working on a team and developing in different environments. There's always one that just can't get the program to run, no matter what they try.

Sure, this problem is unfortunate, but what's worse is deploying applications across inconsistent environments. The more that an application must scale, the larger chance there is for inconsistency.

Enter Docker- a **containerization** platform that obliterates the problem of inconsistent environments and also provides other benefits like a smaller footprint compared to VM deployments. 

## What is a container?

A container is a [standardized compute environment](https://www.docker.com/resources/what-container) (like a Virtual Machine) that only contains the libraries and components that an application needs to run. Containers have a smaller footprint because they do not run their own kernel, but instead connect to the host's kernel through the containerd runtime.

![Thank you Docker for this great diagram of a container!](https://www.docker.com/sites/default/files/d8/styles/large/public/2018-11/container-what-is-container.png?itok=vle7kjDj)

## How are containers so portable?

Containers can be hardened into images that can be replicated across machines, but it is the automated build process that truly makes containers rock.

When software is ready for deployment, it can be run through an image build pipeline, where a standardized set of commands (a [Dockerfile](https://docs.docker.com/engine/reference/builder/)) can be run to produce a container image.

This is an example of a Dockerfile used to build a NodeJS backend application:

```Dockerfile
FROM node:12

WORKDIR /home/node/app

COPY package.json ./
RUN yarn install

COPY . .

CMD [ "yarn", "start" ]
```

What do all of those commands mean?

- *FROM*: This Dockerfile builds an application backend on top of a nodejs 12 base image
- *WORKDIR*: This changes the working directory of the build process
- *COPY*: This copies files from the host computer into the container as it is being built
- *RUN*: This executes a command within the container itself (i.e., to install the required packages in this case)
- *CMD*: This provides a command that will be run when the container is started

So, when building a container image through a Dockerfile, it is important to think about a few things:

1. What software do I need on my container? This will determine your base image (node, mysql, python, etc.)
2. What files do I need to copy to my container?
3. Do I need to run any commands to build my software?
4. What command or process do I want to start when the container runs?

After considering these questions, you will have enough information to build your container through a Dockerfile. Regardless of the environment or application, these principals can be applied to produce a standardized image that will run anywhere.
Communication Skills and Coding
Tags: communication, interaction
Published: 2022-02-28 07:29:08

Communication Skills are always been an Important whether your working as a coder or as receptionist in any hotel or in corporate world. 

Let us see some of the importance of Communication skills in Coding world
1. Work Efficiency: Completing a particular task in coding job efficiently is always considered as one of the parameter to mark the credibility score for any individual. That's why is it is recommended to enhance communication skills at regular intervals of time which can help you to be more productive for any organization

2. Handling Misconception: In the coding World, Logical communication is required to break down the problems in different sections and then communicate with others in simple terms.

3. Self Confidence: Communication Skills plays an important role in increasing an individuals confidence while working as a Coder. That's why meaning people recommends to enhance [7cs of Communication](https://www.contract-jobs.com/blog/7cs-of-communication/) to interact with others more efficiently.   

4. No-one is Prefect:  Developers do makes mistakes whether your are working at the senior position or have just started working as a fresher. To make this right, Communicating with others is the best solution to get ride of mistakes and get the result.
Stop Tracking Files in .gitignore
Tags: git, github, gitignore, gitcli
Published: 2022-02-28 07:24:15

Git workflow can get out of sync between team members, causing some very frustrating merge conflicts. In the excitement of getting a new project rolling and setting up the repository, it’s easy to start making commits without realizing that you’ve forgotten to add that pesky `package-lock.json` to `.gitignore` or even the target path where all your transpiled files end up.

This can cause things to get ugly fast when working with a team.

Here’s the fastest and easiest solution I have found.

1. edit your `.gitignore` file and add the files you do not want tracked.
2. run the following in the root directory of your project
    ```shell
    git ls-files -c --ignored --exclude-standard -z | xargs -0 git rm --cached
    ```
3. Make a new commit
    ```shell
    git commit -m "Stopped tracking and deleted files in .gitignore"
    ```

**Caution**:

- The ignored files will not automatically be deleted from your local repository after taking these steps. You will have to do that manually if you want to get rid of them.
- If you `push` your changes to a remote repository, when other team members `pull` the changes to their local repositories, git will delete the ignored files from their machines. This means that those team members will have to rebuild those transpiled files with the compiler used in the project or the `package-lock.json` with either
    
    ```bash
    npm install
    ```
    
    or 
    
    ```bash
    npm ci
    ```
Laravel 9 Export Import Excel and CSV File Example
Tags: laravel
Published: 2022-02-28 07:03:00

I am going to show you an example of laravel 9 import export excel. This tutorial will give you a simple example of laravel 9 import export csv. We will look at an example of import export csv file in laravel 9. This article will give you a simple example of laravel 9 import file excel.

we will use maatwebsite/excel composer package for import and export tasks. in this example, i will create a simple form for input where you can upload a csv file and create multiple users. Then I will create an export route that will download all users from the database in an excel file.

so, let's follow the below step to create the import and export function in laravel 9 application. you can export file with .csv, .xls and .xlsx file.

[Laravel 9 Export Import Excel and CSV File Example](https://www.codecheef.org/article/laravel-9-export-import-excel-and-csv-file-example)
Filter Bubbles
Tags: discuss, personal, improvement, growth
Published: 2022-02-28 06:48:34

---
title: Filter Bubbles
published: true
description: They keep you engaged consuming instead of increasing your education or QoL
tags: discuss, personal, improvement, growth
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hppfm626l1maazopvqig.jpg
---

> Filter bubbles have a task to keep you engaged consuming instead of increasing your education or quality of life.

---

_Originally published on [my blog](https://www.nikola-breznjak.com/blog/daily-thoughts/filter-bubbles/)._

This is [why I write](https://www.nikola-breznjak.com/blog/daily-thoughts/why-do-i-write-these-daily-thoughts-posts/) these 'daily thoughts' posts.
Avoid async/await hell
Tags: javascript, programming, typescript, node
Published: 2022-02-28 06:45:44

![Anders Drange Image](https://images.unsplash.com/photo-1645470112452-277c99f78040?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1641&q=80)

Escape from the async/await hell or avoid the chained async tasks

First of all let's talk about async/await hell , and then we'll see how to avoid it

**TL;DR**

This is the async/await hell we're talking about, it's just as an example, there's more.

```js
const user = await getUser(id);
const items = await getItems();
return {
  user,
  items,
};
```

Here we're fetching the specific user details and then fetching a list of items after. You may say, **what's wrong with that?**, the thing is that we're waiting to get the user details before getting the list of items, althought fetching the list of items doesn't depends on the user list. So why bother waiting if we could run them in parallel?. In addition that reduce the perfomance.

Now, consider this example:

```js
  (async () => {
    const user = await getUser(id);
    const items = await getItems();
    return {
      user
       items
    }
  })()
```

We wrapped it using [IIFE](https://developer.mozilla.org/en-US/docs/Glossary/IIFE), but still this code is executed one by one

So what can we do to avoid that.

We have solutions:

we could fix it using something like

In this case, the user and items returns a promise so could await for the promise to fulfil when returning the value

```js
const user = userPromise(id);
const items = itemsPromise();
return {
  user: await whenUser,
  items: await whenItems,
};
```

But I prefer using Promise.all it's a lot cleaner

```js
const [user, items] = await Promise.all([getUser(id), getItems()]);
return { user, items };
```

simple, elegant 😄 and up to twice as fast because the Promise.all execute all of them concurrently.

You can learn more about [Promise.all](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/all) on MDN

> Note: Worth noting that Promise.all will return either when all promises succeed or the first one rejects, whereas Promise.allSettled will wait until every promise has either resolved or rejected
Play with TypeScript in one blog
Tags: typescript, webdev, node
Published: 2022-02-28 06:38:53

Hi JS Developer!

In this blog We will learn pros & cons of typescript.
Hopefully, You get answer of these question Why,where & how to use typescript? 

(**Disclaimer**: Planning & Writing continue....)

### 1. What is TypeScript?


TypeScript is an open-source object-oriented language developed and maintained by Microsoft, licensed under Apache 2 license. It is a typed superset of Javascript that compiles to plain JavaScript. TypeScript was developed under *Anders Hejlsberg*, who also led the creation of the **C#** language. TypeScript was first released in October 2012.


TypeScript extends JavaScript by adding data types, classes, and other object-oriented features with type-checking. It is a typed superset of JavaScript that compiles to plain JavaScript

**[Official Site](https://www.typescriptlang.org)** | **[Source Code](https://github.com/Microsoft/TypeScript)** |  **[Play Ground](https://www.typescriptlang.org/play)**
Rust + Vite = 🚀
Tags: rust, webassembly, vite
Published: 2022-02-28 06:32:10

---
title: Rust + Vite = 🚀
published: true
description: wasm-pack plugin for Vite
tags: rust, webassembly, vite
//cover_image: https://direct_url_to_image.jpg
---

🥳 vite-plugin-rsw released v2.0 version!

Completely refactored the vite-plugin-rsw plug-in, and now open two processes without affecting each other. One process is responsible for watching the rust code build into wasm, and the other process is to start the front-end service.

- reop：https://github.com/lencx/vite-plugin-rsw - 🦀 wasm-pack plugin for Vite
- rsw cli：https://github.com/lencx/rsw-rs - 🦞 wasm-pack based build tool
- wasm demo：https://github.com/lencx/learn-wasm - 🎲 Learning WebAssembly
- wasm scaffold：https://github.com/lencx/create-mpl - ⚡️ Create a project in seconds!
Laravel 9 Upload CSV File Example Without Packages
Tags: laravel
Published: 2022-02-28 06:32:04

Hello,

I am going to show you an example of laravel 9 import export excel. This tutorial will give you a simple example of laravel 9 import export csv. We will look at an example of import export csv file in laravel 9. This article will give you a simple example of laravel 9 import file excel.

we will use maatwebsite/excel composer package for import and export tasks. in this example, i will create a simple form for input where you can upload a csv file and create multiple users. Then I will create an export route that will download all users from the database in an excel file.

so, let's follow the below step to create the import and export function in laravel 9 application. you can export file with .csv, .xls and .xlsx file.
[Laravel 9 Upload CSV File Example Without Packages](https://www.codecheef.org/article/laravel-9-upload-csv-file-example-without-packages)