teleren/devto huggingface dataset:
LeetCode - First Bad Version
Tags: programming, solution, java, leetcode
Published: 2022-07-07 08:29:55

You are a product manager and currently leading a team to develop a new product. Unfortunately, the latest version of your product fails the quality check. Since each version is developed based on the previous version, all the versions after a bad version are also bad.

Suppose you have n versions [1, 2, ..., n] and you want to find out the first bad one, which causes all the following ones to be bad.

You are given an API bool isBadVersion(version) which returns whether version is bad. Implement a function to find the first bad version. You should minimize the number of calls to the API.

Example 1:
`Input: n = 5, bad = 4
Output: 4
Explanation:
call isBadVersion(3) -> false
call isBadVersion(5) -> true
call isBadVersion(4) -> true
Then 4 is the first bad version.`

Example 2:
`Input: n = 1, bad = 1
Output: 1`

Constraints:
1 <= bad <= n <= 231 - 1

Solution:

```
public class Solution extends VersionControl {
    public int firstBadVersion(int n) {
        int backword = 1;
        int forword = n;
        while(backword <= forword) {
            int mid = backword + (forword - backword) / 2;
            if(!isBadVersion(mid)) {
                backword = mid + 1;
            }else {
                forword = mid - 1;
            }
        }
        return backword;
        
    }
}
```
For More Solutions Visit: [Leetcode](https://leetcode.com/VaishnveeShinde/)
How To Find Array Triplets With Sum Of Two Elements Equals Third?
Tags: java, codenewbie, programming, interview
Published: 2022-07-07 08:20:34

Technical Round Interview Question ====================================
How To Find Array Triplets With Sum Of Two Elements Equals Third? ====================================
Write a Java program or function to find array triplets with sum of two elements equals third element. For example, [21, 13, 47, 61, 34, 40, 55, 71, 87] is an input array then array triplets with sum of first two elements equals to third element are,

[21, 13, 34]
[21, 40, 61]
[21, 34, 55]
[13, 34, 47]
[47, 40, 87]

See the solution with explanation at https://javaconceptoftheday.com/find-array-triplets-with-sum-of-two-elements-equals-third/
Domain Name Search and Suggestion
Tags: domainnamesearc, domainnamefinder, domain, domainname
Published: 2022-07-07 08:06:57

**Domain Name Search and Suggestions**
The domain generator generates related Domain names instantly for you to check from many names as you type. WPRefers developed [domain name search and suggestion](https://wprefers.com/domain-name-search-and-suggestions/) tools so that it will be easy to search for a name that suits your preference. Just type your name and search among hundreds of domain name that is suitable for your organization or blog.

Your domain name — it’s how the online world finds you.

A domain name, or Web address, is an address where you can be found online. It’s how you’ll express yourself through email or your website and it’s what customers think of when trying to find you.

**Domain Name**
Our domain name generator adds thousands of popular beginnings and endings to your search. Find a website name for your new business or online store.

**Search All Domain Extensions**
Check domain endings like .com, .app, .dev, .store, and hundreds more. Use our domain extensions search tool to search hundreds of country-code domains (ccTLDs) all at once.

**How to do a domain name research?**
Enter your preferred domain name in the search box.
Check the search results to determine if the domain is available or if there is a better option. If it is and you’re ready to purchase the domain.

**How to pick a great domain name?**
Grab a pen and start writing a list of words and phrases related to your personal or business brand, avoid tricky spelling. Start matching up words and start searching with the domain checker tool.
LoremIpsum
Tags: lorem, ipsum
Published: 2022-07-07 08:06:03

Debitis mi congue aliquam fuga sagittis, auctor, asperiores vivamus aliqua sit fringilla montes! Cupidatat, fames, mollis tellus praesentium? Cursus cillum, quisque? Aenean incididunt quod! Sem adipisci? Aute aliqua primis pellentesque asperiores vehicula massa, recusandae nullam mauris? Anim beatae ante, congue voluptatibus pretium voluptates porttitor libero, odio imperdiet nam commodo fuga volutpat culpa? Quaerat erat corrupti quam, dolore, numquam dictumst cubilia, earum montes cillum et incididunt? Illo culpa expedita iure pulvinar! Class cumque. Aperiam architecto! Dictum fermentum atque dolore? Nonummy dui faucibus illo alias, natoque! Aspernatur curabitur, rem placerat, cursus accusamus, cubilia integer tincidunt similique beatae duis, mauris nunc, nonummy mollit.

Molestias leo? Integer velit irure tincidunt architecto nobis exercitationem repellendus placerat aute quo, wisi, urna, lacus similique dolorum, quisquam, ut? Pede aliquam aute molestias, ullamco sapiente aptent? Pede! Deleniti non quaerat dui tempora hymenaeos nisi occaecat, illum porro? Semper quibusdam posuere sodales velit nascetur fringilla fusce saepe facere rhoncus numquam. Molestiae vitae minus sed iste exercitationem, justo dui neque debitis sequi taciti malesuada accusantium, purus anim consequatur consectetuer tincidunt nisl nostrud nullam corporis hac nulla habitant officiis mi ipsa curae torquent, platea? Accumsan quidem. Mus torquent. Adipisicing, nulla ullamco laborum. Libero wisi commodi, cras eleifend totam, primis minima tempus blandit.

Consequat nemo atque sapien, ullam. Incidunt at cubilia veritatis nemo rerum esse. Suspendisse rhoncus aliquip saepe! Nisl ligula, proin feugiat diam assumenda platea facilisi. Orci ante leo mattis nemo aut turpis eos luctus est natoque pellentesque nullam cillum commodo vitae? Porttitor quis ornare vel felis rutrum sagittis tempor? Aliqua suscipit ea sodales leo, proident diamlorem gravida accumsan irure doloremque illo nec congue. Habitasse dictumst! Facilisi quisquam lectus maxime hac dignissimos rem nesciunt? Suscipit aute doloribus? Elementum habitasse laboriosam pede illo ut laoreet, possimus cupidatat nostra aspernatur vulputate veritatis, unde vero litora vivamus, eligendi, expedita iaculis alias, eget netus distinctio eligendi.
How to write “Hello World” in HTML
Tags: html, webdev, beginners, tutorial
Published: 2022-07-07 07:41:00

Writing a simple "Hello World" programme is the first step in becoming familiar with a new language. The text-based approach for defining web-page layouts is HTML (Hypertext Markup Language).

## Code

A simple boilerplate HTML code is supplied in the code below, and a single `<h1>` tag is used to write "Hello World" on the web page.

Any text editor can be used to create HTML files. To be identified as HTML files, the files must be stored with the .html or .htm extension.

```html
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
		  <meta name="viewport"
	     content="width=device-width, initial-scale=1">
        <title>Hello!</title>
    </head>
    <body>
        <h1>Hello World!</h1>
    </body>
</html>
```

## Output

Once created, this file can be opened in any web browser. 

This is what will be displayed in your browser:

![H1 heading displayed in the browser](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p4zsm2t15qu6tjbkzb80.jpg)

Yes, printing anything from a Web page is that simple. To run HTML code in a Web page, you don't need to compile it. Because HTML is a markup language, you can simply edit your code and hit the refresh button to see the changes immediately on your Web page.
Leet Code - Binary Search
Tags: programming, java, leetcode, solutions
Published: 2022-07-07 08:04:38

**Problem Statement:**
Given an array of integers nums which is sorted in ascending order, and an integer target, write a function to search target in nums. If target exists, then return its index. 
Otherwise, return -1.
You must write an algorithm with O(log n) runtime complexity.

Example 1:
`Input: nums = [-1,0,3,5,9,12], target = 9
Output: 4
Explanation: 9 exists in nums and its index is 4`

Example 2:
`Input: nums = [-1,0,3,5,9,12], target = 2
Output: -1
Explanation: 2 does not exist in nums so return -1`

**Constraints:**
1 <= nums.length <= 104
-104 < nums[i], target < 104
All the integers in nums are unique.
nums is sorted in ascending order.

Solution:

```
class Solution {
    public int search(int[] nums, int t) {
        return bsearch(nums,t,0,nums.length-1);
    }
    public int bsearch(int []nums, int t, int l, int high)
    {
        if(high<l)
            return -1;
        int mid = l+(high-l)/2;
        if(nums[mid]==t)
            return mid;
        if(nums[mid]>t)
            return bsearch(nums,t,l,mid-1);
        return bsearch(nums,t,mid+1,high);
    }
}
```

For More Solutions Visit: [Leetcode](https://leetcode.com/VaishnveeShinde/)
You decide the new features!
Tags: javascript, webdev, discuss, npm
Published: 2022-07-07 08:01:53

I did <a href="https://www.npmjs.com/package/makestruct" target="_blank">this little package</a> some time ago and I'd like to request feedback.

The aim was to provide a Dynamic Object Constructor generator and methods to interact with. 

Requirements:
- It can be used in both frontend and backend.
- The package must be kept with 0 dependencies.


Any feature you feel necessary will be analysed to develop. I'll answer asap with the new version so you can test it and validate your idea implementation!

Of course you can add your Pull Request instead and become a collaborator 😁

<img src="https://media.giphy.com/media/Ve1KReZyJLTakI9GRI/giphy.gif" />
A Nice Developer Joke For Today
Tags: jokes, dailydeveloperjokes
Published: 2022-07-07 08:00:13

---
title: "A Nice Developer Joke For Today"
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/5e1259b6d7a73.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:___ Did you hear about the programmer that was scared of IDEs?

___A:___ They retreated back into their shell
 -->
Unique view count in specific object/view django rest framework
Tags: django, python, tutorial, restframework
Published: 2022-07-07 07:59:49

First of all we have to create a data table for storing all IP address like this - 

```py
class IpAddress(models.Model):
    ip = models.CharField(max_length=255)

    def __str__(self):
        return self.ip
```
Then we have to store all unique IP address beside our specific object or view (blog, article, post etc) 

```py
views = models.ManyToManyField(IpAddress,blank=True)
```
![demo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d1phoua0wi9tq46hsg5j.png)

Then we have to extract IP address by passing request in a function and save this IP address into specific object or view

Here is the function which gives us the IP address 

```py
def get_client_ip(request):
    x_forwarded_for = request.META.get('HTTP_X_FORWARDED_FOR')
    if x_forwarded_for:
        ip = x_forwarded_for.split(',')[-1].strip()
    else:
        ip = request.META.get('REMOTE_ADDR')
    return ip
```
And now in our specific view we will pass the request and check extracted IP address already exist in our database table or not. If exist we will save this inside view field or if extracted IP address doesn't match with previous dataset -> we will store new IP address into IP address table and store it as well as inside view field 

```py
 @swagger_auto_schema(tags=['Get a single news'],methods=['get'])
@api_view(['GET'])
def getSingleNews(request,title):
    try:
        obj = News.objects.get(title=title)
    except News.DoesNotExist:
        return Response(status=status.HTTP_404_NOT_FOUND)
    if request.method == 'GET':
        ip = get_client_ip(request)
        if IpAddress.objects.filter(ip=ip).exists():
            obj.views.add(IpAddress.objects.get(ip=ip))
        else:
            IpAddress.objects.create(ip=ip)
            obj.views.add(IpAddress.objects.get(ip=ip))
        serializer = NewsSerializer(obj)
        return Response(serializer.data,status=status.HTTP_200_OK)
```
And now we can declare a method inside serializer and pass our desire view count number. 
In serializers.py
```py
views = serializers.SerializerMethodField()
def get_views(self,obj):
        count = obj.views.count()
        return count

```
Full code in seralizers.py file -->
![demo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gj5ogxqwg4mvbtw9xwxi.png)
How to create/handle multiple sessions in python (django framework) having common files in the backend.
Tags: django, python, ansible, linux
Published: 2022-07-07 07:55:44

Dear Community members,

I need your guidance for my application,

I'm creating an application on django framework and using the rest api. In the backend, I'm using the ansible playbooks which is also importing variable and inventory files. For single request, its working good. My mind get stuck that how I would handle the multiple request to get the right responses because in the backend there are same playbook executing with modified import files. One approach could be at every request, I make a new copy of all of the files with some changes. I hope you can understand it. Sorry, I'm not a professional developer but looking for some automation solutions. Please guide me.
Twitter validator cards
Tags: webdev, programming, twitter, javascript
Published: 2022-07-07 07:32:41

How does twitter show those link cards when you add a link?

**Under the Hood**
I was wondering how Twitter shows the link cards whenever we add links in the tweet input. So after researching a bit I found the Twitter process and how we can build something like that on our own.

But I will not cover this in the text format instead I will share the information via video. Here is the video link, if you like the video please do show some support.

[Video link](https://youtu.be/lX9uRAc9ueI)

Our website [iHateReading](www.ihatereading.in) || [Youtube](https://www.youtube.com/channel/UC6I-Tz6QwYbJpoIK7l0NtXA) || [Twitter](https://twitter.com/treyvijay)
#TestCulture 🦅 Episode 7 - Best practices for working on a collaborative project
Tags: beginners, devops, testing, agile
Published: 2022-07-07 07:29:29

New work practices have been designed and adapted for test specialists to be better organized for collaborative projects. We asked IT teams to give us their successful working methods.

𝟏𝐬𝐭 𝐫𝐮𝐥𝐞: Communicate regularly.
It is important 𝚝𝚘 𝚒𝚗𝚏𝚘𝚛𝚖 colleagues about the project and your own tasks progress. It is always beneficial to know where colleagues are in order 𝚝𝚘 𝚊𝚍𝚓𝚞𝚜𝚝 one's own schedule and to be aware of the evolution of the project.

𝟐𝐧𝐝 𝐫𝐮𝐥𝐞: Centralize each decision and information in writing and prioritize them.

Sometimes information gets lost in conversations. It is also necessary 𝚝𝚘 𝚗𝚘𝚝𝚎 details that are crucial in the development of the project. ‘The words fly away, the writings remain!’

𝟑𝐫𝐝 𝐫𝐮𝐥𝐞: Staying organized and questioning the work organization. Sometimes, it is necessary 𝚝𝚘 𝚛𝚎𝚘𝚛𝚐𝚊𝚗𝚒𝚣𝚎 the work structure, even if the current organization works. It is always good to renew the methods to give a new breath to collaborative work, and it is not recommended to wait until a problem arises to change the way things are done.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pi1wp01nveas8egbyiar.gif)

𝐋𝐚𝐬𝐭 𝐫𝐮𝐥𝐞: Remain vigilant on employees activity. This rule should not be viewed with malice! Sometimes we miss details, and a fresh eye on the situation can help. Having feedback on our work is gratifying and allows us to move forward with confidence in the project.

And you, what are your recommendations to work on collaborative projects ?

Thread [on Twitter](https://twitter.com/agilitest/status/1517156839233757185?s=20&t=dkxuEKujWDhRJ56QRYBgkQ).
[Java vs .NET] void
Tags: java, dotnet, korean, tutorial
Published: 2022-07-07 07:20:51

> 2016년 8월 24일 from [blog.hazard.kr](https://web.archive.org/web/20160824115151/http://blog.hazard.kr/archives/783)

## Java
`void` 라는 타입이 있다.
심지어는 `Void` 클래스까지 있다. `java.lang.Void` 로.
안타깝게도 `Void` 클래스를 통해 상속 불가능하며, `constructor` 도 `private` 라 접근 불가능하다.
그럼 자바는 왜 `void`를 타입으로 만들었냐, 바로 리플렉션 때문이다.
```java
public class Test {
 public static void main(String[] args) throws SecurityException, NoSuchMethodException {
  Class c1 = Test1.class.getMethod("Testt",null).getReturnType();
  System.out.println(c1 == Void.TYPE);
  System.out.println(c1 == Void.class);
 }
}

class Test1{
 public void Testt(){}
}
```
여기서 눈여겨볼 부분이 바로 `getMethod` 에서 메소드 정보를 불러온 다음 `getReturnType` 메소드를 호출하는데,
만약 `voi`d가 키워드로 끝났을 경우 얘가 `void`인지 아닌지 판가름하기 어려워진다.
이런 디자인으로 인해 자바에서는 `Void`라는 클래스를 만들었다.
그럼 `void`는 원시 타입인가? 맞다. 단지 다른 원시 타입처럼 변수 등으로 타입 선언이 안된다는 것 뿐이다. (컴파일러가 막는다)
근데 제네릭은 웃기게 먹힌다. 즉, `Future<Void>` 가 먹혀서 `void` 람다식을 쓸 수 있다는 것이다. 오 시발…

## .NET
.NET Framework에서도 `void`는 `System.Void` 구조체의 별칭으로, 엄밀히 말하자면 타입은 맞다.
하지만, 자바와는 달리 제네릭으로도조차 못쓴다. MSDN에서는 `Void` 구조체를 아래와 같이 설명한다.

> The Void structure is used in the System.Reflection namespace, but is rarely useful in a typical application. The Void structure has no members other than the ones all types inherit from the Object class.

이 구조체는 리플렉션용 구조체라는 것이다. 그 외에는 쓸 곳도 없고. 자바와 용도는 다를 게 없다.
그렇다면 `void` 메소드의 리턴타입을 어떻게 가져오나, 자바와 같이 리플렉션을 사용해 보겠다.
```cs
public class Test {
 public static void Main(string[] args) {
  Type c1 = typeof(Test1).GetMethod("Testt").ReturnType;
  Console.WriteLine(c1 == typeof(void));
  //Console.WriteLine(c1 == typeof(System.Void)); //CS0673 오류
 }
}

class Test1{
 public void Testt(){}
}
```
자바와 비슷하다.

근데 희한하게 `typeof(System.Void)` 식이 안먹힌다. 자바에서 `Void.class` 식으로 타입 가져올 수 있다는 것과 대조적이다.
게다가 자바와 달리 제네릭을 못쓴다. 이렇게 막힌 이유는 ECMA 335 표준에 따르기 때문인데,
Partition II, Section 9.4 에서 제네릭에서 사용하지 말하야 할 유형을 아래와 같이 기술했다.

> 참조형 형식 (예: `System.Generic.Collection.List 1<string&>` 이렇게 하면 안 됨.)
> 값 형식 중 필드에 CIL 평가 영역(어셈블리 상 평가식)을 가리키는 유형 (예:`List<System.RuntimeArgumentHandle>`)
> `void` (예: `List<System.Void>` 이렇게 하면 안 됨.)
즉, 이 표준으로 인해 컴파일러에서 `Void` 구조체 사용을 아예 막은 것이다. 물론 자바도 닷넷에 비해 느슨하지만 막힌 건 마찬가지이다.
만약 `List<System.Void>` 이런 식으로 제네릭이나 할당 식으로 사용하려 하면 컴파일러는 아래와 같은 오류를 내뱉을 것이다.
```
System.Void cannot be used from C# — use typeof(void) to get the void type object
System.Void는 C#에서 사용할 수 없습니다. void 형식 개체를 가져오려면 typeof(void)를 사용하세요.
```
그러므로 `void` 타입을 가져오려면 `typeof(void)` 외에는 방법이 없다.
C/C++ 처럼 `void*` 포인터도 가질 수 있는데 이 글 범주에서 벗어나고 관련도 없기 때문에 설명은 하지 않겠다.

그렇다. 결론적으로 얘기하면 자바나 닷넷이나 void는 리플렉션용으로 메소드 반환 형식을 인식하기 위해서만 존재하는 타입인 것이다.
끗.
M-One Personal Assistant v2.4 - Update: Friday, June 24, 2022 + GUI v1.0
Tags: python, mone, programming, monepersonalassistant
Published: 2022-07-07 07:20:47

Hello friends,

**Update 2.4 of M-One Assistant has been released.**

> Version 2.4 (Update: Friday, June 24, 2022):

M-One in version 2.4 can do 81 things.

Important changes in version 2.4:

change voice, in what language are you written, do you know me, set alarm ([Download Music for Alarm](https://github.com/Mhadi-1382/M-One-personal-assistant/blob/main/alarm.rar)), edit note, open calculator, open disk c & d & e, open task manager, toggle capslock, toggle numlock, start menu, and fix program bugs...

**And a graphic version of M-One has been released.**

> M-One (v2.0) GUI v1.0:

Includes interface Typing and Listening - [GUI_v1.0](https://github.com/Mhadi-1382/M-One-personal-assistant/blob/main/GUI_v1.0.rar)
### Screenshots

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zhz119faapolyrtwkke2.PNG)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1srgox2q5rpco1cr1y2a.PNG)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sh6fkcm4k3xpff2ah280.PNG)

## Core Dependencies
Python 3 (3.9.7)
SpeechRecognition
subprocess (version 2.0)
webbrowser
threading (version 2.4)
winsound (version 2.4)
tkinter (version 2.0 - GUI v1.0)
wikipedia
pyautogui (version 2.0)
translate
requests
pyqrcode
platform (version 2.0)
winshell (version 2.0)
datetime
PyAudio
pyttsx3
random (version 2.0)
urllib
whois (version 2.0)
time
os

Project at GitHub: https://github.com/Mhadi-1382/M-One-personal-assistant

Learn more about M-One: https://dev.to/mhadi2003/m-one-personal-assistant-v10-l0h

> In the future, some features of this program will be added and some of its shortcomings will be eliminated.
You dear ones can also express your opinions and suggestions.
Get recent blog posts from popular blogging platforms with PHP
Tags: showdev, php, opensource, webdev
Published: 2022-07-07 07:17:00

**PHP Blog Client** is a PHP package to get recent blog posts from popular blogging platforms by just providing your username and showcase them on your portfolio or website.

Currently available platforms:
- Dev
- Medium

{% github arifszn/php-blog-client %}

## Step 1

To get started, install via composer.
```sh
composer require arifszn/blog-client
```

## Step 2
Import it.
```php
use Arifszn\Blog\Client;
```

## Step 3
Use it.
```php
$client = new Client();
$devPosts = $client->getDevPost('yourusername');
$mediumPosts = $client->getMediumPost('yourusername');
```

It will return 10 most recent posts. Here is a sample response:

```php
array:2 [▼
  0 => array:6 [▼
    "title" => "Why Enhancing Virtual Reality is Important",
    "description" => "Virtual reality is seen as a “fun” technology to some without much...",
    "thumbnail" => "https://cdn-images-1.medium.com/max/2600/0*kz30LOdXT8CyOymh",
    "link" => "https://medium.com/p/ac19dd21c728",
    "categories" => array:5 [▼
      "vr",
      "technology",
      "virtual-reality",
      "engineering",
      "artificial-intelligence"
    ],
    "publishedAt" => "2020-11-08 18:43:34"
  ],
  1 => array:6 [▼
    "title" => "How to Get Started With Data Science: a Brief Guide",
    "description" => "You’ve heard about data science and machine learning, and you want to get started. Maybe you hear...",
    "thumbnail" => "https://cdn-images-1.medium.com/max/2600/0*Ah0vLtsvxqUvRWuS",
    "link" => "https://medium.com/p/88ec244f2fee",
    "categories" => array:3 [▼
      "beginner-coding",
      "data-science-training",
      "machine-learning-course"
    ],
    "publishedAt" => "2020-26-07 22:55:26"
  ]
]
```

Now, showcase them on your website like this [example](https://arifszn.github.io/gitprofile).
NPM package is also available [here](https://github.com/arifszn/blog.js).

> [Source Code](https://github.com/arifszn/php-blog-client)
> [Packagist](https://packagist.org/packages/arifszn/blog-client)
"ng serve" module building error
Tags: angular
Published: 2022-07-07 07:16:51

I am new in Angular. Facing a "ng serve" module building error with below error messages:

./src/main.ts - Error: Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js):
Error: Emit

./src/polyfills.ts - Error: Module build failed (from ./node_modules/@ngtools/webpack/src/ivy/index.js):
Error: Emit

Error: Failed to initialize Angular compilation - NGCC failed.

** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **

✖ Failed to compile.

My technology versions are :

Angular CLI: 14.0.4
Node: 16.15.1
Package Manager: npm 8.11.0 
OS: linux x64

Angular: 14.0.4

Please let me know the solution so that I can start my first project.