teleren/devto huggingface dataset:
A new beginning.. 🙂
Tags: programming, beginners, codenewbie
Published: 2022-01-21 08:15:59

Hello guys,
I introduce myself, my name is Jerin Jerome Justin(3j) and coming from India, Kerala. I studying Computer application a bachelor. I have more interest in Programming after hear about programming. I have previously recode WhatsApp bots(whatsapp bot are morely written in javascript),change some names and somethings,etc... But I never remove owner name i will be credit there.Then in 2022(this year) January started to learn programming languages one by one. First I learn C programming. I hope from you all a small help. Thank you.
Making Jamstack & Figma Templates for Landing Pages
Tags: jamstack, figma, templates, gumroad
Published: 2022-01-21 08:12:45

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3qji6vk8lxdel3etxbah.png)

I spent time building designs in 2021 on Figma & also Jamstack templates for landing pages, button toggle & resume design and now is available in year 2022. I hope this will help others like finding a job with the resume & landing pages to create a productized services.

Products to help you:
✅ Productized Yours
✅ Create a Modern Resume
✅ Create a Landing Page
🔥 Available now for [download](https://fajarsiddiq.gumroad.com/)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7t77pgsupd02xi6bc6pk.png)

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


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


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


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

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

🔥 Available now for [download](https://fajarsiddiq.gumroad.com/)
Enjoy Programming-Themed Humor? Here's today's daily developer joke!
Tags: jokes, dailydeveloperjokes
Published: 2022-01-21 08:00:11

---
title: "Enjoy Programming-Themed Humor? Here's today's daily developer joke!"
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/5e125880f2f70.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:___ How do you get the code for the bank vault?

___A:___ You checkout their branch.
 -->
How to become a good developer
Published: 2022-01-21 07:57:47

Hi, if you want to become a good developer and looking for some tips to improve yourself then you are in right place. It is difficult for beginners to grasp all concepts of coding. To become a good developer you need to be good at data structures, algorithms, Object-oriented paradigms, and design structure. 

## Best tips to become a good developer
   

**1. Coding**
It is the most difficult and central piece of programming. Coding helps you how to understand the problem and solve it. It enhances your problem-solving skills.

**2. Reading Books**
Reading books is a powerful tool that increases your concepts and improves your skills. It helps to understand the general rules and guidelines of any particular subject. Books Increase your imagination and creativity. 

**3. Practicing data structures, algorithms, and design pattern**
To become a good developer these courses are very important. By learning these things, you take better advantage of what is available. Since data structure is a key piece of any program, solid knowledge of them helps during problem-solving.

**4. Reading Blogs**
Reading blogs is part of reading books. How you can be a good developer using a reading blog is a good question? But you can. Like, blogs written by a designer and someone who knows about it will help you become a better engineer. It enhances your skills and provides a way to move forward in your life. So, reading blogs helps you a lot and polishes your soft and hard skills.

**5. Use the Feynman technique**
Feynman Technique is a learning technique that releases your energy and forces you to develop a deeper understanding. It is sad to point out the cry in your knowledge by thinking that you should teach the concept in class using simple language. When you point out the gasps go back to your books or any source you rely on to teach yourself features you don’t know much about.

**6. Improve your Soft Skills**
Soft skills play a vital role in your professional development. If you are able to communicate with your clients and superior alike in an accessible manner, as well as present yourself and your ideas in a pleasant and engaging way, you will find that many aspects of your professional life become easier. 

**7.  Write lots of code for practice**
"Practice makes a person perfect" and practice helps you clear your goals. Coding is a skill like any other, so the best way to develop a skill like coding is to write a lot of code with complete understanding. You can use GitHub and another open source platform for your work. Then, combine your leading projects into an attractive portfolio to stand out for yourself.

## 
If you follow all these tips you can be a good developer and enjoy your code.
ProveSource: The #1 Social Proof Platform for Your Website
Published: 2022-01-21 07:51:01

**1. ProveSource**

ProveSource is a social proof software tool with an easy to use interface and four different types of social proof notifications: page visits, sales, number of people to take specified action within a set time period, and Stream (measures conversions).

ProveSource makes it easy to create a new social proof notification, using a tab system for user flow. Each tab includes a limited number of options so it’s nearly impossible to make a mistake. Plus, you can add GIFs to your social proof notifications, making things fun and really engaging.

**2. Boast**

Testimonials are a great form of social proof, but collecting and curating them takes a ton of time. Boast is a social proof software tool that makes the process of getting text and video testimonials a lot easier. And, it integrates with Facebook and YouTube so you can use your video testimonials across social media platforms.

Boast also has a mobile app that lets customers record their testimonials through the app, right from their smartphones, making the entire process super simple.

**Reference Blog Credit**
[https://www.gomahamaya.com/provesource-reviews/](https://www.gomahamaya.com/provesource-reviews/)
How to Create / Change Android App Icon Easily?
Tags: android, icon, androidstudio
Published: 2022-01-21 07:48:43

It’s quite easy to create or change app launcher icons for an android app using Android Studio's inbuilt tool called Image Asset Studio. Image Asset Studio lets you generate your own app icon from material icons, custom images and text. The same can be used to change the app launcher icon in flutter as well.

## Steps-to-Step Tutorial
1. Open android app in Android Studio.
2. In the Project Window, navigate to **android -> src -> main -> res**.
3. Create a new Image Asset (Right-click on **res folder -> Select New -> Image Asset**).
![Android Studio - Add Image Asset](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pvdkrvqu4ses8s7uvw1z.jpg)
4. Configure your image asset from the pop-up.

4.1. select ‘**Launcher Icons (Adaptive and Legacy)**'.

4.2. Under ‘**Source Asset**’, set Asset Type as image & provide the path to your image. You can customize the background color from the ‘Background Layer’ tab.
**Note:** If you don’t like to change background color or zooming, etc. you can keep all other options under Foreground Layer, Background Layer & Legacy tabs unchanged.

4.3. Resize image if required using ‘Resize’ slider.
![Configure Image Asset](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/choln0dq62sr26czchmc.jpg)

If you like to add clip-art or text as an icon, just switch the Asset Type to corresponding option. In case of clip-art, a list of clip-art will be provided to select & in case of text, you can add your own text & customize the font-family & color. In such cases, you can switch to the ‘Background Layer’ tab & customize the background color as well.

![Configure Clip-art as App Icon](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/axk8z9nbe50ziuoxa4up.jpg)


![Configure Text as App Icon](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2hu5o94q3rma03t2eeqg.jpg)

5.Click Next & Finish.

Following above steps lets you add your own image / text or a clip-art as an android app icon.

![Image & Text as Android App Icon](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/07rwrifd6xhylr8q3xjx.jpg)
Why chatbots are used in many websites?
Tags: productivity, webdev, discuss, career
Published: 2022-01-21 07:41:12

Recently,  many websites are using chatbots for solving customers queries about their products, services etc.

## What are chatbots?
Chatbots are computer software designed to simulate human conversation through text or voice. Nicely, the primary use of chatbots is to answer basic questions from internet site traffic the use of artificial intelligence (AI).

## Types of Chatbots
There are two types of chatbots:-

1. Linguistic Chatbots
2. AI Chatbots

### 1. Linguistic Chatbot
Linguistic Chatbots are also known as Rule-based chatbots. Facebook messenger is an example of Linguistic Chatbot. These chatbots are can be used to answer some simple questions and also helps in booking tickets, opening mobile apps etc.

###2. AI Chatbots
AI Chatbots uses machine learning and uses technology like natural language processing (NLP) to understand user queries. With NLP these bots can understand the human problem without any human assistance. 

##Why chatbots are used in websites?
Following are reasons why chatbots and used in websites:-

### 1. Provides valuable info at less time
If any visitor want to find any information about the site or have any query about the site, then rather then filling the form he will press the magic button. With Chatbots they can find the valuable information at very less period of time.

### 2. Cost Effective
Rather having a call center you will create a chatbot which is less expensive and solve customer's problem within in a second and you  don't pay salary to chatbot. 

### 3. Available any time 
Call centre will not open 24 hours but chatbot does. Chatbots run on internet which is available 24 hours. You many visit it at any time. Night or day it will work properly. 

### 4. Build Brand trust
As Chatbots are available 24 hours for solving customers' problems, you may also tells your customer about your products/services. Bots create a perfect bond between customer and business. 

For more:-
[Read the full article](https://techwithpie.blogspot.com/2021/10/why-chatbots-are-used-in-many-websites.html)
Тем кому трудно с английском. Отличный переводчик видео от Yandex
Published: 2022-01-21 06:56:28

Я сейчас учусь быть сосредоточенным на одной конкретной работе. У меня есть привычка, наверное у многих есть, а может кто-то уже переболел этим, так вот, она заключается в том, что я не могу сосредоточиться на работе больше чем 10 минут. 

Как только проходит время 8-минут держусь держусь, 9 минута уже хочется посмотреть, что там в соц. сетях, к 10 минуте я уже оставляю работу и спешу нажимать alt+tab.

Все бы нечего каждый из нас сидит в соц. сетях, проблема в этом случаи возникает в времени который платит тебе работодатель, мне отец почти каждый божий день твердит:

> "Какую-бы ты работу не делал, чья бы эта работа не была. Всегда делай работу от души, а если сомневаешься в своей работе, то доделывай его, чтобы твоя совесть была чиста и ты в случае чего мог сказать я сделал это работу от души без корысти". 

Так вот, есть много книг по time management и как фокусировать свое внимания на работе, но сейчас читать книги _(так между нами, мне очень лень😅)_ Поэтому искал вдохновения и начал переспрашивать на разных форумах, кто как поборол эту привычку, мне посоветовали разные видео, но они все на английском, а я с ним ни-ни. 

Но к моему счастью, есть Yandex спасибо ребят за ваш труд. Схема такая: заходите в браузер от Яндекс и прямо в YouTube смотрите перевод в реальном времени. Самое удивительное, переводит то он лучше чем субтитры. 

Само [видео](https://youtu.be/jRyT2UA8Nfg), где я постарался показать вам на сколько это офигительно и удобно. В общем всем незнайкам английского языка, советую взять за оружие ) **Всех обнял🤗. Приятного обучения! 😄**

p.s Если кому интересно, что мне посоветовали, то вот 
[видео](https://www.youtube.com/watch?v=Hu4Yvq-g7_Y)
Git: how can I force pull a distant repository
Tags: github, git, tooling, productivity
Published: 2022-01-21 06:48:02

> Photo by [Vidar Nordli-Mathisen](https://unsplash.com/@vidarnm).

Sometimes you want to set the state of your local branch to its remote version but cannot do so using the `git pull` command because your local version and the remote one have diverged.

This can happen for several reasons. 
For me, the two main ones are:

- I have checked out on a colleague branch for a review, he has made some changes on it that have changed the branch history, and I want to pull this new version
- I have messed up my history during a rebase with conflicts and want to start again from the remote version

In these cases, using `git pull` will try to merge or rebase the remote branch into your local one, which is not the behavior we are looking for.

What we want instead is to start over with the distant branch. Of course, we could naively do so by deleting our local branch before pulling the distant one, but that is a bit cumbersome if you have to do so regularly.

Thankfully, git provides a more handy way to manage this scenario with the `reset --hard` command.

```bash
 git reset --hard origin/my-branch
```

`git reset` is a command that took me some time to understand but is worth knowing.
If you are interested to learn more about it, I have [written an article about its possibilities](https://simondosda.github.io/posts/2022-01-04-git-reset.html).

Basically, the `reset` command set our head to the targeted commit, here to the last commit on `origin/my-branch`. 
Using it with the `--hard` option allows to discard all local changes, committed or not, and therefore force the current state to the distant one.

If you find yourself using it often, I would advise you [to set an alias for it](https://simondosda.github.io/posts/2021-04-13-git-aliases.html).

```bash
git config --global alias.rh '!git fetch && git reset --hard origin/$(git rev-parse --abbrev-ref HEAD)'
git rh  # rebase hard on your local repo after having fetched its last state
``` 

One last thing. When modifying your history, you might end up losing commits that you wanted to keep. Fortunately, [there is a way to retrieve these commits](https://simondosda.github.io/posts/2022-01-06-git-lost-commits.html) that are no longer in your branch.
#22 - Find the unique number CodeWars Kata (6 kyu)
Tags: javascript, webdev, tutorial, 100daysofcode
Published: 2022-01-21 06:26:45

##Instructions

There is an array with some numbers. All numbers are equal except for one. Try to find it!

**For example:**
> findUniq([ 1, 1, 1, 2, 1, 1 ]) === 2
> findUniq([ 0, 0, 0.55, 0, 0 ]) === 0.55

It’s guaranteed that array contains at least 3 numbers.

---

##My solution:

```javascript
function findUniq(arr) {
  let repeated = arr.filter((item, index) => arr.indexOf(item) !== index)
  return arr.filter((item)=> item !== repeated[0])[0]
}
```
---

##Explanation
First I made an array that contained the values that were repeated , I filtered the array leaving only the items that their index in the array isn't equal to the index being iterated, so I get the repeated elements.

`let repeated = arr.filter((item, index) => arr.indexOf(item) !== index)
`
> Input --> [ 1, 1, 1, 2, 1, 1 ]
> Output --> [ 1, 1, 1, 1 ] 

---

After that I filtered the initial array again, and checked if the ietm being iterated is equal to the first element of the repeated array, and after that I returned the first value of that array, because it returned the result inside of an array.

`return arr.filter((item)=> item !== repeated[0])[0]`
> Input --> [ 1, 1, 1, 2, 1, 1 ]
> Output --> [ 2 ] --> 2

---

**What do you think about this solution? 👇🤔**

[My Github](https://github.com/Cesardlr)
[My twitter](https://twitter.com/cesar__dlr)
[Solve this Kata](https://www.codewars.com/kata/585d7d5adb20cf33cb000235)
JavaScript is Crazy 🤯 - Part 1
Tags: javascript, webdev, node, discuss
Published: 2022-01-21 05:54:41

### Hello Folks 👋
What's up friends, this is **SnowBit** here. I am a young self-taught and passionate developer and have an intention to become a successful developer.

Today, I am here with a little crazy thing.

So, let's get started.

```js
console.log("5" + 5)
// Output: 55
```
Here, the output will be `55` as the string is added with a number and that will join the string with the number.
```js
console.log("Hello " + "World")
```
**When adding**:
- Two strings
- A string and a number

**will join with the string.**

When the `+` operator is used with the string is called **concatenation** operator

Now here comes something **crazy**
```js
console.log("5" - 5)
```
Logic of concatenation operator doesn't apply in the case of `-` operator. Let me explain.

**Concatenation operator** can join string and add numbers, but `-` operator can only substract. Therefore, here `"5"` will get converted to integer and the output will be `0` as `5 - 5` is zero.

Let's go with some other examples,
```js
console.log("8" - 4)
// Output: 4
console.log("10" - 100)
// Output: -90
```

***
Thank you for reading, have a nice day!
**Your appreciation is my motivation 😊**
- Follow me on Twitter - [@codewithsnowbit](https://twitter.com/codewithsnowbit)
- Subscribe me on YouTube - [Code With SnowBit](https://www.youtube.com/channel/UCNTKqF1vhFYX_v0ERnUa1RQ?view_as=subscriber&sub_confirmation=1)

Cover Photo by <a href="https://unsplash.com/@michalmatlon?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Michal Matlon</a> on <a href="https://unsplash.com/s/photos/math?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText">Unsplash</a>
Fetch GitHub Markdown and Show on Blog Post or Website ft. showdownjs
Tags: javascript, sh20raj, showdownjs, markdown
Published: 2022-01-21 05:52:40

Previous Post :- https://dev.to/sh20raj/convert-markdown-or-md-url-to-html-markdowntohtml-using-javascript-ft-showdownjs-1med
Video Documentation :- https://youtu.be/omtgsLp9hOI
Article Source :- https://codexdindia.blogspot.com/2022/01/convert-markdown-or-md-url-to-html-using-javascript.html

---

# Convert a Markdown Containing URL to HTML and Show it.


For this we will Use [fetch Api](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch).
Here is the raw URL of [showdownjs](http://showdownjs.com/) readme.md :- https://github.com/showdownjs/showdown/raw/master/README.md .

We will fetch content of this URL then convert it to HTML and show on our website. See Demo on [Codepen](https://codepen.io/SH20RAJ/pen/bGoyJqJ?editors=1010).

```html
<script src="https://cdn.jsdelivr.net/npm/showdown/dist/showdown.min.js"></script>
<div id="mypost"></div>
<script>
fetch('https://raw.githubusercontent.com/showdownjs/showdown/master/README.md').then(response => response.text())
  .then(data => {
  console.log(data);
  var converter = new showdown.Converter();
var md = data;
var html = converter.makeHtml(md);
  document.querySelector('#mypost').innerHTML = html;
});
</script>
```
See the result on Codepen :- https://codepen.io/SH20RAJ/pen/bGoyJqJ?editors=1010
40+ Machine Learning Project Ideas for Beginners
Tags: beginners, webdev, machinelearning
Published: 2022-01-21 05:45:13

Here are the 40+ Machine Learning Project Ideas for Beginners that they can take a ideas and make a project on machine learning


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

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

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


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


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


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


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


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

See If you Find more project Ideas then comment down us!
Getting started with .NET MAUI (iOS) on an M1 Mac
Tags: dotnet, maui, programming, xamarin
Published: 2022-01-21 05:12:51

The easiest way of getting started with .NET MAUI development (iOS) on an M1 Mac.

.NET Multi-platform App UI (.NET MAUI) is a cross-platform framework for creating native mobile and desktop apps with C# and XAML that can run on Android, iOS, macOS, and Windows from a single shared code-base.

1 Install macOS Arm64 .NET SDK on M1 Mac.

https://dotnet.microsoft.com/en-us/download

![Install .NET SDK](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h18haqx8k2nxq8vkb8k6.png)
 

Alternatively you can also install Visual Studio 2022 for Mac preview.

2 Install .NET MAUI workload with the dotnet CLI. A .NET "workload" is a collection of packs. Launch "Terminal" and enter the following:

dotnet workload install maui

Note - You may need "sudo" in front of the command to enable the necessary security privileges.

![MAUI Workload](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hipgaxflubuddn7kdedf.png)
 

Check that the MAUI workload is installed successfully.

dotnet workload list

![dotnet workload list](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1yhr62j76sh1d93ghv4b.png)
 

3 Create a new folder and a new MAUI app.

mkdir MyMauiApp

cd MyMauiApp

dotnet new maui

4 Run the MAUI app in an iOS Simulator.

dotnet build -t:Run -f net6.0-ios

![MAUI on iOS](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i9qxn9n6a3x0ufddhfjb.png)
 

5 Install Visual Studio Code for Mac.

https://code.visualstudio.com/Download

6 Launch Visual Studio Code and open the "MyMauiApp" folder to view the source code.

![.NET MAUI VSCODE](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pngbcsprlqd0kici2c2j.png)
Prometheus
Published: 2022-01-21 05:37:03

**_A few links to go through:_**
[1 Red Hat's View](https://events19.linuxfoundation.org/wp-content/uploads/2017/12/AIOps-Anomaly-Detection-with-Prometheus-Marcel-Hild-Red-Hat.pdf)
[2 Why is monitoring important](https://www.jeremyjordan.me/ml-monitoring/)
[3 Prometheus & Grafana](https://grafana.com/blog/2021/08/02/how-basisai-uses-grafana-and-prometheus-to-monitor-model-drift-in-machine-learning-workloads/)
[4 Journey](https://mlopshowto.com/a-journey-into-machine-learning-observability-with-prometheus-and-grafana-part-i-384da4b2d77f)
[5 On Tensorflow](https://www.tensorflow.org/io/tutorials/prometheus)
[6 Anomaly Detection](https://github.com/AICoE/prometheus-anomaly-detector)
[7 Site Link](https://prometheus.io/)
[8 Demo](https://pythonrepo.com/repo/jeremyjordan-ml-monitoring)