teleren/devto huggingface dataset:
How to overcome the Netsuite "you provided invalid field type: INLINEHTML"
Tags: netsuite, oraclenetsuite, fix, suitelet
Published: 2021-06-05 08:24:10

Many times, you want to add a field to your SuiteLet Sublist that is able accept dynamic values. For eg: a URL, Text or RichText. 

I am pretty new to NetSuite but this is something I wanted to do for one of the client project. I could create two column fields. But the issue with this approach is that It creates two columns and as I told earlier I want value to be dynamic. It mean only one type of value will be present thus Allocating another empty column is useless here.

For this purpose, I came around `FieldType.INLINEHTML` & `FieldType.RICHTEXT`. But for both of these fields, I got an error saying that **you provided invalid field type: **. First of all, this is very strange why NetSuite is throwing this error at all if they have given these field types.

But I didn't find anything related on internet to resolve this error so I thought of a quirk.

---

I used a `FieldType.TEXTAREA`. Textarea supports rich text and we can embed HTML in them. This works perfectly. You can literally put anything there with styling. 

If I missed something and You know how to fix the original issue, comments are most welcome.
Normalization in Deep learning
Tags: aipool, ai, machinelearning, normalization
Published: 2021-06-05 08:21:02

### Introduction
  Deep learning is an exciting field in Artificial intelligence, it is at the forefront of the most innovative and exciting fields such as computer vision, reinforcement learning, and natural language processing. Deep learning has a complex architecture, which comes with some problems. These deep neural networks have tons of layers, which are difficult to train because they are responsive to the learning algorithm's initial random weights and configuration.

![image](https://files.ai-pool.com/a/bc86348d9d3a3ecdceeb6cfa89b13b6f.png)

The input layer may have certain features which dominate the process, due to having high numerical values. This can create a bias in the network because only those features contribute to the outcome of the training. For example, imagine feature one having values between 1 and 5, and feature two having values between **100** and **10000**. During training, due to the difference in scale of both features, feature two would dominate the network and only that feature would have a contribution to the outcome of the model.

### Batch Normalization
  Batch normalization is the most common form of normalization in deep learning. It scales the inputs to a layer to a common value for every mini-batch during the training of deep neural networks. This stabilizes the learning process and significantly reduces the number of epochs required to train deep networks, enabling the network to train faster.

![BN](https://files.ai-pool.com/a/8446673bcaeb050168ff1666aff18bdd.png)

The way batch normalization works are by calculating the mean and variance of every feature in the mini-batch, then the mean is subtracted and each feature is divided by the standard deviation of the mini-batch.

You can find more in the following article [Normalization in Deep learning](https://ai-pool.com/a/s/normalization-in-deep-learning)

### Other Resources
* [Optimization Methods, Gradient Descent](https://ai-pool.com/a/s/optimization-methods)
* [Diving into Object Detection Basics](https://ai-pool.com/a/s/diving-into-object-detection-basics)
* [Understanding of Support Vector Machine (SVM)](https://ai-pool.com/a/s/understanding-of-support-vector-machine--svm)
* [Introduction of Fast Fourier Transformation (FFT)](https://ai-pool.com/a/s/introduction-of-fast-fourier-transformation--fft)
@okikio/animate - demos & examples
Tags: codepen
Published: 2021-06-05 07:47:21

Here are the demos for the `@okikio/animate` [article](https://dev.to/okikio/okikio-animate-animejs-but-built-on-the-web-animation-api-nin) I posted last.
 <https://codepen.io/collection/rxOEBO>
YTmp3 Alternative - Similar Youtube to mp3 converter

Published: 2021-06-05 07:35:03

YTMp3 is one of the best tools that convert youtube video into mp3 easily and without login and Registration this All feature you can use unlimited time without paying single money.

All these tools we mention on basis mechanism, feature and public opinion. 

## Y2mate 
Y2mate has similar to [Ytmp3](https://www-ytmp3.com/).  this second popular website after Ytmp3 in Userbase. this web app allows to convert youtube video into mp3(320 kbps, 256 kbps, 192 kbp, 128 kbps, 96 kbps, 64 kbps) and mp4 ( 3gp to high quality ) format 

Pro 
This totally free and without registration
Fast conversion and download file 
Support multiple formats in the audio file and video file 

Cons
The website has a full popup ad and when we click any element they convert any other page. 

## YT1s
yt1s is the fastest tool for youtube video and audio download. just copy and paste. this website provides an easy interface.  you can download video without app and software install.

Pro 
Virus-free and clean file 
You can upload your data to Dropbox and  [Google Drive](https://drive.google.com/).
Convert unlimited 

Cons 
This tool has no option to download a full youtube playlist 

## Converto
Converto is free browser music and video converter that does not require any specific software to use. Here you will discover a simple site where you must put the YouTube URL before clicking enter. You have the option of selecting both the video quality and the video format at this stage.

Pro
Converto clip to MP3 converter is ideal for converting YouTube videos to MP3.
Converto never displays advertisements or obscures the content of a site.
Clone Tesla website using Nextjs and tailwindcss
Tags: tutorial, tailwindcss, nextjs
Published: 2021-06-05 07:28:20

In this article we are going to make a clone of tesla website specially the model 3 order part. 

Step 0 Make sure you have the last nodejs version install on your local machine.

Clone this repo https://github.com/dommi10/tesla

Once done, open your terminal and run : npm install

After that run : npm run dev

feel free to contribute, any suggestions write on comment below.

The final result is here : https://tesla-gules.vercel.app
This week in Flutter #6
Tags: dart, flutter, news
Published: 2021-06-05 07:23:54

Next week is **WWDC time**, and Apple might introduce new features in iOS, iPadOS, and macOS. Whether they will be available on Flutter depends on the type of feature.

Last year's **biggest announcements** were 1) [widgets](<https://developer.apple.com/widgets/>) and 2) [App Clips](<https://developer.apple.com/app-clips/>) (I bet you forgot about them). The formers are not available directly in Flutter, while there [is a workaround](<https://flutter.dev/docs/development/platform-integration/ios-app-clip>) for the latter, but with some **size limitations**.

I am looking forward to seeing what Apple has in store for developers this year. I am hoping for a way to **effectively develop on iPad**, now that there is an M1 version available.

## 🧑‍💻 Development

### [Explore Streams And Sinks In Dart & Flutter](<https://medium.com/flutterdevs/explore-streams-and-sinks-in-dart-flutter-abd553bc9f99>)

[Shaiq Khan](<https://twitter.com/shaiqkh786>) explains streams and sinks in Dart. If you are used to **reactive programming**, then nothing of this will be new for you. But if you are still learning it, you will definitely benefit from this article.

---

### [How To Validate Emails in Flutter](<https://betterprogramming.pub/how-to-validate-emails-in-flutter-957ae75926c9>)

[Luciano Jung](<https://lucianojung.de/>) is releasing a new article every week about how to use different published Flutter **packages**. This week is about [email\_validator](<https://pub.dev/packages/email_validator>). Although I do not use this package (yet), I thought it was worth mentioning, because I hope he sticks with this series of articles. I am always eager to learn about packages (and widgets) I do not know yet.

---

### [Do you know how to retry a Future in Flutter?](<https://www.linkedin.com/feed/update/urn%3Ali%3Aactivity%3A6806599541014482944/>)

A simple and effective way to **retry a Future** that did was not successful, giving a maximum number of retries and a delay between them. By [Vandad Nahavandipoor](<https://github.com/vandadnp/flutter-tips-and-tricks>).

---

## 🤷‍♂️ Others

### [Book - Flutter Apprentice](<https://www.raywenderlich.com/books/flutter-apprentice/>)

raywenderlich.com announced a new book for developers who are **getting started with Flutter**. Their resources are always of good quality, but I did not have the opportunity to read this book yet. Buy at your own risk :)

---

## 🎤 Events

The [Flutter Global Summit 2021](<https://geekle.us/flutter>) has been postponed to July 21-23. You can still register online. The "junior track" is **free**.
Top 5 Speech Recognition Open-Source Projects and Libraries With Most Stars on Github
Tags: machinelearning, computerscience, datascience, python
Published: 2021-06-05 07:15:18

Speech recognition is an interdisciplinary subfield of computer science and computational linguistics that develops methodologies and technologies that enable the recognition and translation of spoken language into text by computers.

In today’s article, we are going to review the top five options for the best open-source Speech Recognition projects which have no less than 5000 stars on Github and can assist in your next project.

Topic: Top 5 Speech Recognition Open-Source Projects and Libraries With Most Stars on Github

#speechrecognition #computerprogramming  #computerscience #technology #speech #machinelearning #deeplearning #github #translation 

https://medium.com/analytics-vidhya/top-5-speech-recognition-open-source-projects-and-libraries-with-most-stars-on-github-d705408b834
Currying!?
Tags: javascript, react, programming
Published: 2021-06-05 07:09:37

I am sure we all know what currying is, in JavaScript. If not don't worry I have got you covered here.

A lot of people know the theory of currying, but not a lot of them, can implement the same. Implementing currying is extremely simple!

So what is currying?

Currying is a technique of evaluating function with multiple arguments, into a sequence of functions having lesser number of arguments.

Let's say a function can take in 3 arguments, we can curry this function, into a sequence of 3 functions taking 1 argument each, or into 2 functions taking 2 and 1 arguments each. So basically when we curry a function, we reduce the number of arguments it takes in, but still performs all the actions it was intended to.

I am sure you will understand this better with this piece of code. 

```
//Function 1
const sum  = function (a) {
    return function (b) {
      if (b) {
        return sum(a+b);
      }
      return a;
    }
};
//Function 2
function num_sum(a, b){
   return a+b;
}
num_sum(1,2);
sum(1)(2)(3)..(n);
```

Function 2 is a traditional way of adding 2 numbers. Function 1 is the curried version of the same function where, we have reduced the number of arguments it has, in each function. Currying uses many concepts like high-order functions, where we can return a function or assign it to a value or even pass it as an argument to another function!

Let me show you another variant of currying the same sum function:
```
function sum(a,b){  
 return a + b;
}
 
function curry(f){
   return function(a){
       return function(b){
           return f(a,b);
       }
   }
}
 
let curriedSum = curry(sum);
 
let ans = curriedSum(1)(2);
```

In this example, we are currying an already existing function. Basically, by doing this we can re-use it with various number of arguments at different parts of a program depending on our needs.

*Advantages of Currying:*
1) Currying helps you to avoid passing the same variable again and again.
2) It helps to create a higher order function. It extremely helpful in event handling. 
3) Little snippets of code can be written and reused with ease.
Debouncing vs Throttling
Tags: javascript, react, webdev
Published: 2021-06-05 07:07:03

Let us consider an example where we are trying to build a search bar, which has the capability of auto-complete. Now it gets this data that is suggested via an api. Hence it has to make an api call over the internet. Now autocomplete works with each and every character the user enters. But if our api was to be called each and every time when the user types something, it would be an overhead on our webapp, and it would decrease the performance as we have to handle so many network calls. 

Debouncing and throttling could be made use of to improve our performance.

#Debouncing

Debouncing is a technique used to ensure that time-consuming tasks are not called so often, that it negatively impacts the performance of the web page. In other words, it limits the rate at which a function gets invoked.

If we implement debouncing, we can fire an api call only when there is a pause of a certain amount of time between two consecutive keystrokes from the user. In other words, if the user pauses for a certain amount of time, before typing again, we fire an api call in that gap. Here we set a sensible time limit like maybe 500ms or 1s. 

We can make use of setTimeout to implement debouncing:
```
const getData = () => {
	console.log(“Assume this is the API call”);
}
const debouncing = function(fn,d) {
	Let timer;
	return function(){
		let context = this;
		args = arguments;
		clearTimeout(timer);
		timer = setTimeout(() => {
			fn.apply(context,arguments);
		}, d);
	}
}
debouncing(getData, 300);
```

#Throttling
Throttling is a technique in which, no matter how many times the user fires the event, the attached function will be executed only once in a given time interval. Or in other words, we trigger an event only on the first input made by the user. 

Hence debouncing is more suitable on button clicks which perform a critical action like paying bills, or even on window resizing, etc.

If we use throttling in our example above, we can simulate it in such a way that the api would be fired after the user has typed everything. 

This is how we can implement throttling:
```
   function throttleFunction(func, delay) {
     return function (args) {
     let previousCall = this.lastCall;
     this.lastCall = Date.now();
     if (previousCall === undefined || 
          (this.lastCall - previousCall) > delay) {
       func(args);
      }
    }
   }
   const getData = () => {
	console.log(“Assume this is the API call”);
   }
   throttleFunction(getData, 300);
```
My javascript / tech / web development newsletter for 2021-06-05 is out!
Tags: javascript, tech, webdev, discuss
Published: 2021-06-05 06:46:10

---
title: My javascript / tech / web development newsletter for 2021-06-05 is out!
published: true
description: A roundup of all the best javascript, tech and web development links posted to my linkblog in the past week
tags: javascript, tech, webdev, discuss
---
In this week’s edition:

Apple vs Adtech, Esports, Apple podcast subscriptions, Twitter Blue, Trump quits blogging, Stack Overflow acquired

https://markjgsmith.substack.com/p/mark-smiths-newsletter-05-06-2021

Would love to hear any comments and feedback you have.

[@markjgsmith](https://twitter.com/markjgsmith)
15 Best YouTube Channels to Learn Data Science in 2021
Tags: datascience, machinelearning, analytics, analyst
Published: 2021-06-05 06:44:55

YouTube is a great platform for learners and has some best channels for learning data science. That’s why I thought to share with you the **15 Best YouTube Channels to Learn Data Science**. So if you are planning to learn data science, then these data science YouTube channels will help you to understand the fundamentals of data science.

Now without any further ado, let’s start finding the best youtube channels to learn data science-

##**Best YouTube Channels to Learn Data Science**

###**1. 3Blue1Brown**

Subscribers- 3.7M

Math is essential for data science and machine learning to understand how machine learning algorithms work. So if you want to learn **math concepts**, then you should check this YouTube channel.

**Grant Sanderson** has created this channel on March 01, 2015, and reached **3.7M** subscribers. He explains the concepts with the help of animation. I think this is the best approach for teaching some complex concepts.

He covers the following topics- **Linear Algebra, Calculus, Differential equations, and Neural Networks, etc**.

**[Click to continue reading...](https://www.mltut.com/best-youtube-channels-to-learn-data-science/)**
Wait for completion of all tasks with Java Phaser
Tags: java, concurrency
Published: 2021-06-05 06:39:32

#Problem

Producer wants to wait for completion of all tasks before proceeding.

#Solution

##Producer side

```java
// Add producer as a party
Phaser phaser = new Phaser(1);

for (int i=0; i<10000; ++i) {
  // Add each task as a party
  phaser.register();
  queue.put(new Task());
}

// Producer arrived and wait for completion of all tasks
phaser.arriveAndAwaitAdvance();

// At the end, there is only 1 party left which is the producer itself
```

##Consumer side

```java
while (true) {
  Task task = queue.take();
  processTask(task);
  // Task completed and remove itself as a party
  phaser.arriveAndDeregister();
}
```
How to make a vaccine tracker using CoWin public API
Published: 2021-06-05 06:31:30

In this blog I have shown how can you create a simple vaccine tracker using Cowin Public API. The coding language used in this tutorial is PHP - cURL. All the source code and can be downloaded or copied from the link below
<a href="https://codewithbishal.com/example/cowin-vaccine-tracker-php">Vaccine tracker using CoWin API</a>
View More :
<ul>
<li><a href="https://codewithbishal.com/example/responsive-image-gallery">Responsive Image gallery with hover effect</a></li>
<li><a href="https://codewithbishal.com/example/css-login-form">beautiful login form using HTML and CSS</a></li>
</ul>
At first, on our webpage, there is a preview of our vaccine tracker, then there are a few QNA and an overview of the blog. There is a button to copy and Download the codes.

You can view, copy and download the source code files through the link given below. <a href="https://codewithbishal.com/example/cowin-vaccine-tracker-php">View and Download Source Code</a>
Learn peoplesoft hrms functional training	
Published: 2021-06-05 06:25:49

ABOUT COURSE
 
PeopleSoft HRMS Functional Certification is an application system includes payroll management, benefit administration, compliance management, employee data and on-boarding. PeopleSoft HRMS Functional Online Training system further has different modules for talent management which help a company manage the recruitment process, analyze the performance, manage employee compensations and succession plans.

A Human Resources Management System (HRMS) is a software application that combines many human resources functions, including benefits administration, payroll, recruiting and training, and performance analysis and review into one package. PeopleSoft HRMS Functional Courses systems more broadly can be small or enterprise, and manage and support employee information and transactions.
 Enhance your IT skills and proficiency by taking up the [url=https://hkrtrainings.com/peoplesoft-hrms-functional-training]PeopleSoft HRMS Functional Training[/url].
Add favicon into web app
Tags: csharp, beginners, webdev, javascript
Published: 2021-06-05 06:24:21

How to add favicons to your ASP.NET applications

## Learning Objectives

* Generate favicons for different devices online.

* Add favicon or shortcut icon on ASP.Net Website.

## Prerequisites

Install latest visual studio [community edition](https://visualstudio.microsoft.com/downloads/).

## Getting Started

#### What is a favicon?

The favicon, also identified as a shortcut icon, tiny icon, or website icon that browsers advertise next to a page’s title in a browser tab.

Serving the favicons as static files so that we can attach them to our ASP.NET application.

#### Generate Favicons

Go to the following website to generate favicons for various platforms.
[Favicon Generator for perfect icons on all browsers](https://realfavicongenerator.net/)

Currently supported browsers, platforms, and technologies.

![](https://cdn-images-1.medium.com/max/2000/1*R8wHHHPWtatiI_1TdacJVg.png)

#### Step 1: Download any royalty-free images from here
[Beautiful Free Images & Pictures | Unsplash](https://unsplash.com/)

#### Step 2: Upload

Upload the downloaded image as shown in the below screenshot

![](https://cdn-images-1.medium.com/max/2546/1*EY73tazCHW6fDZGZMFOzFg.png)

#### Step 3: Download

In the favicon package, add them to the web-root folder.

![](https://cdn-images-1.medium.com/max/2458/1*KyTCq5tFJS5R_dYKD82xmw.png)

#### Step 4: Create a new file “_Favicons.cshtml”

Now patch the following favicon HTML code in:
```
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
```
#### Step 5: Render partial view

Render it inside the head tag of _layout.cshtml
```
<!DOCTYPE html>
<html>
<head>
    <!-- Other head elements --> 
    @await Html.PartialAsync("_Favicons")
</head>
<body>
</body>
</html>
```
That’s it! Now the website has a magnificent collection of favicons, no matter which browser or device.

Thank you for reading, and I hope you liked the article. Please provide your feedback in the comment section.

## Follow me on

[C# Publication](https://medium.com/c-sharp-progarmming), [LinkedIn](https://www.linkedin.com/in/sukhpinder-singh-532284a2/), [Twitter](https://twitter.com/sukhsukhpinder), [Dev.to](https://dev.to/ssukhpinder), [Pinterest](https://in.pinterest.com/ssukhpinder/_created/), [Substack](https://sukhpinder.substack.com/), [Wix](https://www.csharp-dotnet.com/).
List Rendering in React
Tags: react, webdev, javascript
Published: 2021-06-05 06:21:09

**Why we need List Rendering in React** 

Whenever we need to render same type of components or elements multiple time (with different data) than we use List rendering to automate rendering

**How to do List Rendering in React**  

Javascript map() operator  (Introduced in ES6) is used for List Rendering.


**Benefits**

1. Reduces Line of code
2. Automates Rendering

**STATIC WAY : NOT EFFICIENT**

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

**USING MAP** 


![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qaqu2fabsadv23dfgrww.png)
 
You can follow me on my youtube videos channel.

Videos in Hindi

{% youtube TPcG1fg7_Yg %}

{% youtube KzpayhfZEfM %}
Create your react TODO app!
Tags: react, html, vscode
Published: 2021-06-05 06:20:56

To get started, Create a folder, open it in terminal and type ```npx create-react-app todo-app```
```cd todo-app```
```npm start```
Easy and simple, **Let's Get Started**

You can download the source code, from [Link](https://github.com/Devansh-Singh-Parmar/TODO_APP)
and edit in your code, easy and simple, Let's start it using ```npm start``` command, you will see it in browser, and all set! run ```npm run build``` command to deploy it on any platform, easy!!
If any query, comment down,
Thank you!
5 Projects in JavaScript for Beginners
Tags: javascript, webdev, beginners
Published: 2021-06-05 06:13:23

𝟬. 𝗧𝗼𝗱𝗼 𝗔𝗽𝗽 Build a simple Todo App where users can Add, Update and Delete the task.

𝟭. 𝗪𝗲𝗮𝘁𝗵𝗲𝗿 𝗔𝗽𝗽 You can display the weather of various locations. Use OpenWeatherMap API for displaying the weather details.

𝟮. 𝗣𝗼𝗿𝘁𝗳𝗼𝗹𝗶𝗼 Build your portfolio using Html, CSS, and JavaScript.

𝟯. 𝗤𝘂𝗶𝘇 𝗔𝗽𝗽 Everybody love's to take part in Quiz. So, it could be a great idea to develop a quiz app using JavaScript, Html, and CSS.

𝟰. 𝗚𝗶𝘁𝗵𝘂𝗯 𝗙𝗶𝗻𝗱 𝗮𝗻𝗱 𝗖𝗼𝗺𝗽𝗮𝗿𝗲 You can use Github API to fetch the details. And then, you can make a comparison app between two users or show all the details of the users like Total Stars, Total Repos, etc.