teleren/devto huggingface dataset:
8 Free Public APIs That you can use in side projects
Tags: webdev, programming, 100daysofcode
Published: 2021-09-08 10:08:51

### 1. The Open Movie Database (OMDb)
OMDb contains different kinds of movies that you can use in your projects. 

- **Auth:** apiKey

-  **Website:** 🔗 [OMDb](https://www.omdbapi.com/)

### 2. Pokemon API
You would probably remember these amazing creatures that can do awesome stuff. What happens we can use them in our projects;

-  **Auth:** No

-  **Website:** 🔗 [PokéAPI](http://pokeapi.co/)

### 3. Rick & Morty API
These two characters really taught us something. Let us honor them by using inside projects.

- **Auth**: No

-  **Website:** 🔗 [The Rick and Morty API](http://rickandmortyapi.com/)

### 4. Nomics Cryptocurrency & Bitcoin API
So you are interested in blockchain and want to build side projects with it. Nomic is the way to go.

-  **Auth:** apiKey

-  **Website:** 🔗 [Nomics CryptoCurrent API](https://nomics.com/docs/)

### 5. DiceBear Avatar API
If you want to generate unique, beautiful avatars you can check out diceBear's documentation.

-  **Auth:** No

-  **Website:** 🔗 [Getting started | DiceBear Avatars](https://avatars.dicebear.com/docs)

### 6. Json Placeholder API
This one is useful for filling some dummy test data to your application. It contains `/posts`, `/comments` queries that you can and it is completely free to use. Awesome!

-  **Auth:** No

-  **Website:** 🔗 [JSONPlaceholder](http://jsonplaceholder.typicode.com/)

### 7. New York Tİmes
Get the latest news around the world quickly, smoothly.

-  **Auth:** apiKey

-  **Website:** 🔗 [NYTimes API](https://developer.nytimes.com)

### 8. Fixer
See the current currency rate of exchange between different currencies.

-  **Auth:** apiKey

-  **Website:** 🔗 [Foreign exchange rates and currency conversion API](https://fixer.io/)

## Links

- [10 Free Public APIs for developers you need to use for your next projects](https://dev.to/pascavld/10-free-public-apis-for-developers-you-need-to-use-for-your-next-projects-39i)

- [GitHub - public-apis/public-apis: A collective list of free APIs](https://github.com/public-apis/public-apis#weather)
What Can I Do If My Quick App Stutters While Scrolling?
Tags: huawei, android, quickapp
Published: 2021-09-08 10:01:52

When a quick app loads 100 records or more at a time, the screen will freeze when the user scrolls up or down on the page.

{% gist https://gist.github.com/devwithzachary/a5a80c9f20b0f5ebc1c53e5564f7d57d %}

The code above uses the list and list-item elements to load a large amount of data. However, the element usage is improper and an exception occurs, so the views for list-item fail to be reused.

Huawei Quick App Loader is an APK file, and the list and list-item elements are implemented using ListView and BaseAdapter from Android. Therefore, the loader does not create a view for the content beyond the screen range, but instead reuses existing views and refreshes them. The view of each row is actually a list-item.

The code above only contains a single list-item element, and a view is created each time that the for loop is executed. When a large amount of data needs to be processed, more memory space is needed, which can undermine app performance, even causing the app to stutter.

# Solution

You should exercise caution when using the if or for statement for list-item. You can set different types for list-items, reuse list-items as much as possible, and use for in list-items.

{% gist https://gist.github.com/devwithzachary/7f9c486d4c1d4f48931da3c033fbdc26 %}
How to scrape google search results in Google sheets ?
Published: 2021-09-08 09:59:10

I had written this original article on my website aozata.com . Wanted to share this method with the dev community here at Dev.to.

Here are steps to scrape google search results in google sheets. It only gets 10 results per search query. 



1. Create a google sheet in your google drive.
2. Create a google custom search engine.
3. Enable search the entire web.
4. Copy your google custom search engine id.
5. Get your google custom search api key from here
6. Formulate your api key in this format.

https://www.googleapis.com/customsearch/v1?key={YOUR_API_KEY}&cx={CUSTOM_SEARCH_ENGINE_ID}&q={KEYWORD}

key is your API key, 
cx is your google custom search id.

7. In your google sheets, go to tools-> script editor-> paste the following code->save the file as ImportJSON.gs. The ImportJSON.gs can be downloaded from here https://www.aozata.com/importjson-gs/

8. Enter the cx, key, search query (q), API URL in different cells.
9. Use the concatenate function to join all these 4 variables to get your final API URL. For example

=concatenate(D4,D2,"&cx=",D1,"&q=",D3)


10. Use the ImportJSON function to import the google search results. for example to get the title of the search results

=ImportJSON($D$5,"/items/title","noHeaders")



You can buy this google sheet from [here](https://www.aozata.com/product/scrape-youtube-search-results-in-google-sheets/).
Plasthika Furniture Leg Manufacturer From Turkey 
Published: 2021-09-08 09:49:03

---
title: Plasthika Furniture Leg Manufacturer From Turkey 
published: true
description: PLASTHIKA is a manufacturer company for furniture legs, handles, decorative ornaments, knobs and furniture fittings. We are located in furniture city of Turkey, Kayseri. We can send our products from here to all over the world, both in domestic and foreign markets. In today's fast-moving times, We are all living a stressfull life. For this reason, it is all the more important to us that we have a place where we can relax, sit back or lie back. In general, our household items are the things that make this work happen. But not only comfort, but also design and the highest quality play a decisive role in people choice. Because most of the people (especially women) thinks that home furnishings and home decoration has to be pleasing to the eyes. In theory, people do not attach much importance to the furniture leg or furniture accessory, but in practice, the importance of the furniture leg becomes clear when questioning to ourselves whether to buy the this furniture or not. Because, we are adding value, design and quality to furniture. Our motto also points to this. “Small details add elegance to your life.” As Plasthika brand, we have attached great importance to innovation, design and R&D since the first day we started our operations. Our goal ? is to doing goods better quality, more useful, more pleasing to the eye. Everbody is doing that job but we are the always better! Contact mail: export@plasthika.com Whatsapp : +90 541 378 62 11 Website : https://www.plasthika.com
tags:
Best 5 VS Code Extensions[2021]
Tags: vscode, productivity
Published: 2021-09-08 09:33:35

VS Code is one of the best code editors in the developer community. One of the reasons for VS Code’s popularity is its many extensions that speed up the development process.

This guide will cover 5 of the most used extensions every web developer should know in 2021.
So let's get started:

1. Prettier
Let`s start with one of the most downloaded extensions on Visual Studio Code marketplace. Prettier is an opinionated code formatter. That means it enforces a consistent style by parsing your code and re-printing it with its own rules that take the maximum line length into account, wrapping code when necessary.

2. Bracket Pair Colorizer 2
This extension allows matching brackets to be identified with colours. The user can define which tokens to match, and which colors to use. It`s really helpful when you have a lot of nested elements.

3. Visual Studio Intellicode
This extension provides AI-assisted IntelliSense by showing recommended completion items for your code context at the top of the completions list. The example below shows this in action for Python code.

Contextual recommendations are based on practices developed in thousands of high quality, open-source projects on GitHub each with high star ratings. This means you get context-aware code completions, tool-tips, and signature help rather than alphabetical or most-recently-used lists. By predicting the most likely member in the list based on your coding context, AI-assisted IntelliSense stops you having to hunt through the list yourself.

4. Live Server
Live Server launches a local development server with a live reload feature both for static and dynamic pages.

Every time you save your code, you'll instantly see the changes reflected in the browser. You'll be much faster at spotting errors and it's much easier to do some quick experiments with your code.

5. Regex Previewer
Regular expressions can be quite the puzzle to get right. Regex Previewer gives you a side document that matches your regex.

The extension gives multiple examples to match, so it becomes much easier to quickly and accurately write a regex for a variety of use cases.
kubectl -ojsonpath
Tags: k8s
Published: 2021-09-08 09:27:50

bettwen jsonpath and template, there should be a equal sign
right
```
kubectl get pod mysql-0 -n coding -ojsonpath="{.metadata.name}"
```
or
```
kubectl get pod mysql-0 -n coding -o jsonpath="{.metadata.name}"
```

wrong
```
kubectl get pod mysql-0 -n coding -ojsonpath "{.metadata}"
```

will report
> _error: template format specified but no template given_
Creating Database and Containers in Azure Cosmos DB with Terraform
Tags: azure, tutorial, devops, cloud
Published: 2021-09-08 08:16:46

---
title: Creating Database and Containers in Azure Cosmos DB with Terraform
published: true
description: 
tags: azure,tutorial,devops,cloud
//cover_image: https://direct_url_to_image.jpg
---

Terraform is an open-source tool that helps us provision and manage our cloud infrastructure. With Terraform, we can automate our infrastructure management, helping us as developers to understand what is being deployed before it is actually deployed. Terraform supports multiple clouds, providing us with consistent tooling for provisioning infrastructure.

In this video, I show you how you can create databases and containers for your Azure Cosmos DB account using Terraform. 

I also show you how you can use variables in Terraform to make your Terraform code more configurable across different terraform configurations.

{% youtube jgg5s-DPK6s %}

If you have any questions, feel free to comment below or reach out to me on Twitter: https://twitter.com/willvelida
Free ideas for the next startup
Published: 2021-10-28 11:18:12

---
title: Free ideas for the next startup
published: true
date: 2021-09-08 09:09:09 UTC
tags: 
canonical_url: https://boobo94.github.io/startup/free-ideas-for-the-next-startup/
---

I would like to share with you boys some places where you can find ideas, share ideas and why not validate ideas.

1. [Ideas and Validation Group from IH](https://www.indiehackers.com/group/ideas-and-validation)
2. [needgap](https://needgap.com/)
3. [Kern.al](https://kern.al/)

PS: This would be updated
How to set query parameters in angular rest call
Tags: angular, typescript, codever, snippets
Published: 2021-09-08 08:47:09


In [Codever](https://www.codever.dev) we use extensively the [Angular Http Client](https://angular.io/guide/http) to make REST calls against a NodeJs/ExpressJS API - [source code on Github](https://github.com/CodeverDotDev/codever).

In the following snippet you can see hot to set http query parameters to the rest api calls.

Use the `HttpParams` class with the `params` request option to add URL query strings in your HttpRequest:

```typescript
  getFilteredPersonalBookmarks(searchText: string, limit: number, page: number, userId: string, include: string): Observable<Bookmark[]> {
    const params = new HttpParams()
      .set('q', searchText)
      .set('page', page.toString())
      .set('limit', limit.toString())
      .set('include', include);
    return this.httpClient.get<Bookmark[]>(`${this.personalBookmarksApiBaseUrl}/${userId}/bookmarks`,
      {params: params})
      .pipe(shareReplay(1));
  }

```

<hr>

> Shared with :heart: from [Codever](https://www.codever.dev/snippets/5ede90e7116a5754dabe6900/details).  :point_right:  use the [**copy to mine**](https://www.codever.dev/snippets/5ede90e7116a5754dabe6900/details) functionality to add it to your personal snippets collection.
How to Optimize React App and Still Have a Nice Frontend?
Tags: frontend, reactapp, react, optimization
Published: 2021-09-08 08:46:00

{% youtube 1mltzNfkeoY %}
How to optimize your React application? Tomek knows the answer.
Enjoy the video, hope you will find it useful :)

🟣 Performance Measuring Tools
🟣 Component and PureComponent
🟣 Memoization
🟣 Virtualize Long Lists
🟣 Loadable Components
🟣 Dependency Optimization
🟣 Progressive Image Loader
🟣 Live Coding 
🟣 Enable Gzip Compression in Web Server

You can also read the article at [Frontend House](https://frontendhouse.com/experts-zone/how-to-optimize-react-app-and-still-have-a-nice-frontend-experts-zone-4)
Basic Data Types HackerRank solution in C++
Tags: cpp, hackerrank, codingsolution, datatypes
Published: 2021-09-08 08:34:42

Today we will give you the Basic Data Types HackerRank solution in C++. 

Question
Input Format

The input format consists of int, long int, character, float and double.

Output Format

Print each element on a new line in the same order it was received as input.

Note: I have used scanf and printf in my solution, you can use cin and cout too, but if you have to take numbers in million and want to print it out than scanf and printf are faster.

Example

Input: 2 345345345 a 45.3 34323.23423435
Output must be all in separate lines
2
345345345
a
45.3
34323.23423435
Basic Data Types HackerRank solution in C++

To get the Answer of the above problem visit
[https://hecodesit.com/basic-data-types-hackerrank-solution-in-c/]
What do you think would be nice in a developer centric Linux distro?
Tags: linux, question, help, featurerequest
Published: 2021-09-07 20:57:16

*inspired by Mike Bybee's {% user stereoplegic %} <a href="https://dev.to/stereoplegic/what-would-you-like-to-see-in-a-developer-centric-linux-distro-60b">Post</a>*
____

THE MUST HAVES
------
- 1) The option to choose your desktop environment
- 2) AppImage , Flatpak. I could say more and more but that would make the distro more heavy 
- 3) A software center similar to Discover or the Pop shop. With flatpak , appimage , & homebrew , and a Software center [!And maybe pacman!], you can install almost anything ,without hassle.
- 4) Some sort of automated install. Maybe you edit a config file and then start the install script. The script installs based upon your config settings. {% gist   https://gist.github.com/Pandademic/b7cfb7d5a4237afc47a053cd13309bd8 %}
- 5) scripts to install languages eg:
install-java or install-ruby
- 6) [! Nixos(https://nixos.org)] utilities such as 
``` sh
nix-shell
```
or
``` sh
nixpkgs
```


THE MAYBE'S
-------
- 1) Rolling release schedule 
- 2) ssh support by default
- 3) maybe different editions , say Webdev edition or Database edition , you get the idea. 
- 4) Nitrux Utilities , allowing things like pacman and Arch repos
- 5) <a href="https://en.jingos.com">Jing os</a> style desktop environment. Something with a similar dock and a Mac os style navbar in the top. I also really like the idea of a launchpad. Something similar to <a href="https://cutefishos.com/">Cutefish</a> or <a href="https://getcyberos.org/#/">Cyber os</a> ? Basically somethings mac os style , with windows things like the menus in taskbar , being moved to the top navabr
- 6) [ Ravenport package repository](https://www.ravenports.com) ] It seems to be the most up to date package repo I can find
- 7) glibc . Still exploring its value , but raven ports needs it.
- 8) Nixos base. This could help with having nixos utilities


THE NO NO'S
---------
- 1) a package repository where you have to compile everything yourself after installation 
- 2) a command line installation .Instead  the <a href="https://calamares.io/">Calamares</a> installer sounds great
- 3) Lots of packages installed by default. The only packages installed that aren't the package managers would be: vim , nano , and fish
- 4) coming with language specific tools like npm , yarn , or irb. While this could be helpful if you are a javascript or a ruby developer , It's just bloatware if you are a C++ developer.

-----
This list will continue to be updated in the future. Please comment your ideas. If you have a idea about how to actually create this , and get it setup , Please comment it below.
jQuery Clear innerHTML
Tags: javascript
Published: 2021-09-08 08:27:53

## TL;DR Summary
Most important thing you need to remember when trying to clear *innerHTML* with jQuery is that you **do not** touch *innerHTML* at all.

What you need to do is use `.html()` function that is already available in jQuery.

Here is the code example:

```html
<div id="container">
  <div class="myclass">HTML one</div>
  <div class="myclass">HTML two</div>
  <div class="myclass">HTML three</div>
</div>

<script>
  // this is how you can read HTML
  $('#container').html();

  // this is how you delete HTML
  $('#container').html('');
</script>
```
And that is all you need to know about clearing *innerHTML* with jQuery.

Until next time,
*Will*
*[Building an Algo-Trading Hedge Fund From Scratch](https://programmermoney.com/)*
Fixed IP for WSL instances
Tags: devops, development, wsl
Published: 2021-09-08 08:21:50

Bored of having to check for your WSL instance IP everytime you reboot your computer? I found the solution!

## The issue

I recently published an article on [how to find the IP of a WSL instance](https://writtenby.adriengiboire.com/2021/09/06/find-the-ip-address-of-your-wsl-instance/). At the time, something I did not know and just figured out is that the IP is dynamic. Meaning it changes everytime you restart your computer. Maybe even when you stop/start your instance, too lazy to check. Let me know.

This messes with your configuration. For example, I have a GUI app to play with my DB (for the curious, I use [DBeaver](https://dbeaver.io/)). I configured the DB connections like in the image:

![Untitled](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ytb7qu9n6dipcvkrosn3.png) 

Now, it works on setting it up. But then, you have to change this **every time** you reboot your computer.

## The solution

While looking for a way to assigned fixed IP addresses to WSL instances, I figured that there is currently no way to do this.

After more readings, I found out that setting the IP address in the `hosts` file would make things easier. You configure your connections with a custom domain, say `wsl.local`, and now, you have only one place where to update the IP address and all your apps are good to go.

But that's still tedious, and someone worked on that problem. Here comes [WSL2Host](https://github.com/shayne/go-wsl2-host).

### WSL2Host

WSL2Host installs itself as a service. Every time a WSL instance launches, it updates the `hosts` file with the IP of the instance and assign it a domain based on the name of the distribution the WSL instance is running. For example, "*Ubuntu-18.04*" becomes `ubuntu1804.wsl`.

And that's all! It's a great piece of software! Read the installation instructions and you'll be good2go.

### Troubleshooting

When I set it up, I had an issue where the service was registered but was not running at startup. I could run the service manually tho but that's not the purpose of it.

After watching at the system logs, I found an explicit error message (🙏) that stated my current user I was logged in with did not have the rights to run such a service. To fix that, look for the service in *Services*, it's called *WSL2Host*.

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


Access to its properties via right click, go to the *Connexion* tab, and make sure the service log on as Local System account.

![Untitled 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/mmei697wjwgwii2ss8ax.png) 

You should be good2go from there.

Enjoy!
Creating an Azure Cosmos DB account with Terraform
Tags: azure, tutorial, devops, cloud
Published: 2021-09-08 08:00:16

---
title: Creating an Azure Cosmos DB account with Terraform
published: true
description: 
tags: azure,tutorial,devops,cloud
//cover_image: https://direct_url_to_image.jpg
---

Terraform is an open-source tool that helps us provision and manage our cloud infrastructure. With Terraform, we can automate our infrastructure management, helping us as developers to understand what is being deployed before it is actually deployed. Terraform supports multiple clouds, providing us with consistent tooling for provisioning infrastructure.

In this video, I explain what Terraform is and how we can use it to provision resources, before diving into a demo showing you how to provision a Azure Cosmos DB account with Terraform!

{% youtube MZJSTIr45oM %}

If you have any questions, feel free to comment below or reach out to me on Twitter: https://twitter.com/willvelida
How to create Apple developer certificates and profiles.
Tags: ionic, ios, xcode, appledeveloper
Published: 2021-09-08 07:53:53

How to Create Apple Developer Certificates, Provisioning profiles and AppID's?
Creating the iOS Provisioning Profiles
1. Log in to your Apple Developer account and navigate to Certificates, IDs & Profiles - Identifiers -Provisioning Profiles.
2. Add a new provisioning profile.
3. Activate App Store.
4. Click Continue.
5. From the dropdown menu, select the app ID you just created.
6. Click Continue.

Watch more here....
https://youtu.be/-BhyP4BuiZA
Typescript Utility Readonly
Tags: typescript, react, angular, vue
Published: 2021-09-08 07:17:16

Readonly<Type>


Constructs a type with all properties of Type set to readonly, meaning the properties of the constructed type cannot be reassigned.

```

interface Todo {
  title: string;
}
 
const todo: Readonly<Todo> = {
  title: "Delete inactive users",
};
 
todo.title = "Hello";

```
Assigning a title to Todo Interface would throw an error .

Released:2.1

Reference: Official typescript docs
Typescript Utility Partial
Tags: typescript, react, angular, vue
Published: 2021-09-08 07:14:05

Partial<Type>

Constructs a type with all properties of Type set to optional. This utility will return a type that represents all subsets of a given type.

###example

```
interface Todo {
  title: string;
  description: string;
}
 
function updateTodo(todo: Todo, fieldsToUpdate: Partial<Todo>) {
  return { ...todo, ...fieldsToUpdate };
}
 
const todo1 = {
  title: "organize desk",
  description: "clear clutter",
};
 
const todo2 = updateTodo(todo1, {
  description: "throw out trash",
})
```

Released:
2.1

Reference :Typescript official docs