teleren/devto huggingface dataset:
15 websites with free assets for web developers
Tags: webdev, beginners, resources, assets
Published: 2021-04-27 12:29:30

_If you found value in this thread you will most likely enjoy my tweets too so make sure you follow me on [Twitter](https://twitter.com/VladPasca5)  for more information about web development and how to improve as a developer. This article was first published on my [Blog](https://vladpasca.hashnode.dev/)_

1.  [Icons8](https://t.co/sCxIah5tz1?amp=1) - Download design elements for free: icons, photos, vector illustrations, and music for your videos.

2.  [Soundstripe](http://soundstripe.com)  - Every creator's one-stop shop for the best royalty free music, SFX, and stock video.

3.  [Google Fonts](http://fonts.google.com) - Making the web more beautiful, fast, and open through great typography.

4.  [Fonts in use](http://fontsinuse.com) - A searchable archive of typographic design, indexed by typeface, format, and topic.

5.  [Font Space](http://fontspace.com) - Free downloads of legally licensed fonts that are perfect for your design projects. The best place in the universe to search for amazing fonts.

6.  [Simple Icons]( http://simpleicons.org)- 1493 Free SVG icons for popular brands.

7.  [Font Awesome](http://fontawesome.com) - Get vector icons and social logos on your website with Font Awesome, the web's most popular icon set and toolkit.

8.  [Heroicons ](http://heroicons.com) - Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.

9.  [Unsplash ](http://unsplash.com) - Beautiful, free images and photos that you can download and use for any project.

10.  [Shutterstock ](http://shutterstock.com) - Download the best royalty free images from Shutterstock, including photos, vectors, and illustrations.

11.  [Pexels](http://pexels.com) - Finding the perfect photo or video shouldn't take forever.

12.   [Envato elements](http://elements.envato.com)  - Find stock video footages and photos for your next video project.

13.  [Squoosh](http://squoosh.app) - Compress and compare images in your browser.

14.  [Logology](http://logology.co) - No random generation and no symbols from a free database. Everything was crafted from the ground-up!

15.  [Looka](http://looka.com) - Make a logo and build a brand you love with Looka.

### The end

_I hope found this useful and if you did please let me know. If you have any question feel free to DM me on  [Twitter](https://twitter.com/VladPasca5) ._
An update to my no-code html email builder
Tags: showdev, javascript, html, saas
Published: 2021-04-27 12:23:36

- A few weeks ago I shared a post about a no-code tool I built for creating html emails (https://dev.to/tb/stop-coding-your-own-html-emails-i-created-a-no-code-email-template-builder-3f2h)

- I received an amazing response from the dev.to community, with 243 users checking out the tool, and 26 devs signing up over a 3 day period.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/we9x8y6wxkr4evvwo29o.png)

- This response, along with some of the feedback I received, made me realize that creating html emails is still a time intensive process, and a major pain in the butt for devs.

- So, to further help devs create html emails in a no-code manner, I spent my spare time in the last couple of weeks adding to the no-code html email builder with a feature for devs to create their own custom email template layouts.

- As before, this tool is still free and openly available to anybody and everybody.

- If you want to create your own html template layouts for emails:
(1) Log in to https://postheat.com (signup is free)
(2) Go to the template builder page at https://postheat.com/buildTemplate
(3) Drag and drop elements to build your template (and save it!)
(4) Use the template in your email design on https://postheat.com/create (You can export the html here as well)

Any feedback is greatly appreciated!
Best Way to Learn Rust
Tags: rust, beginners
Published: 2021-04-27 12:19:38

Hi all, just starting out learning Rust, and was curious what the best way to go about it would be. I have two books on the subject: 

*Zero to Production in Rust: 
An Opinionated Introduction to Backend Development*

By:
Luca Palmieri

and of course 
*The Rust Programming Language*

By:

Steve Klabnik and Carol Nichols


**What are some other ways to gain practical knowledge here?**

I have access to Pluralsight through work and can do Rust Foundations, but are there are any Udemy Courses that are recommended?
I know this has great reviews, but I'm curious of its worth
[The Rust Programming Language](https://www.udemy.com/course/rust-lang/) ?



And too, I guess I'm curious what path people take. I'm interested of course in web development, but is it worth it to tackle 2D gaming development with Rust as well?
How Much Does it Cost to Develop Medical App for Finding Doctors
Tags: android, ios, devops, javascript
Published: 2021-04-27 12:10:17

The recent pandemic has brought the healthcare sector on the center stage again. Though the entire sector is passing through the transformation from traditional to digital over the last decade, massive changes are visible only during recent years. Thanks to the rise of healthcare app development, the sector can offer improved services and enhanced experiences to patients. 

Gone are the days when people had to schedule their appointment over the phone or were believethat mHealth or mobile health can bring an improvement in the patient’s health. An on-demand medical app enables patients or people to find doctors immediately. Let’s understand more about the mobile medical apps for finding doctors. 

Like any other on-demand apps, you need to keep the necessities of patients, physicians, and healthcare staff in mind while making a roadmap for the mobile medical app. All the necessary features and facilities should be present in the customized healthcare app, and you need to ensure that the app you are going to bring is simple to use and capable of handling emergencies. 

You can consult an Android app development or [iOS app development company](https://www.suriainternational.com/ios-app-development-company/) depending on your target audience to make an app for finding doctors. It is of utmost importance that you take care of UX (User Experience) and security of the patient’s confidential health data while opting for a medical app for finding doctors. Also, it is necessary to manage the profile of the doctors and integrate a payment gateway. Here are the key features. 

Read More: https://www.suriainternational.com/doctor-appointment-app-development-cost-and-features/
Dequeue data structure simplified
Tags: algorithms, javascript
Published: 2021-04-27 12:03:37

Hello friends, in today's article, I'd be writing about my understanding of dequeue data structure, which would be helpful to us in one way or the other.

Recently, I have been reading and practising Data structure and algorithm in javascript, and one of the data structure, I came across that got me into making more research on it is the dequeue data structure. 

So now let's get to know what this structure is, ***Dequeue is a data structure that allows both insertion and deletion of an element from both ends of a list.***

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rb3q3qhomsjdk6qhlhbw.png)

The diagram above shows us clearly what a dequeue structure looks like. Dequeue can also be seen as the combination of Queues (FIFO = first in first out) and Stack (LIFO = last in first out) operations. Stacks and Queues are one ended operations, unlike the dequeue which is a double-ended operation because of what it does.

In the Dequeue system, we have the **rear** (i.e the end of a list) and **front** (which is the beginning). Elements can either be added from the front or from the rear and also can be removed vice-versa.

Now I'd drop a code snippet to show you how the dequeue data structure can be implemented in Javascript,


```
function Deque() {
  this.addFront = addFront
  this.removeFront = removeFront
  this.addBack = addBack
  this.removeBack = removeBack
  this.arr = []
  this.size =size
}

``` 


```
 function size(){
    return this.arr.length // returns the length of the list
 }

 function addFront(el) {
   return this.arr.unshift(el) // Adds an element to the beginning of the list
 }

 function addBack(el){
   return this.arr.push(el) // Adds an element to the rear(end) of the list
 }

  function removeFront(el){
    return this.arr.shift(el) // Removes element from the beginning of the list
  }

  function removeBack(el){
    return this.arr.pop(el) // Removes element from the end of the list
  }
 

```

The above code snippet creates a dequeue constructor and also chains different methods which we'd use to execute our operations.

```
let test = new Deque();
test.addFront('apple');
test.addFront('melon');
test.addBack('ragna')
test.arr // ['ragna', 'apple', 'melon']
test.size() // 3
test.removeBack() // pops out 'ragna'
test.arr // ['apple', 'melon']
``` 

Now we know how this operation work using Javascript.
Let's try to implement a palindrome checker using the dequeue system

```
function palindrome(str){
   let myQueue = new Deque();

   for(let i = 0; i < str.length; i++){
      myQueue.addBack(str[i])
   }

   let isEqual = false;

   while(myQueue.size() > 1){

     let front = myQueue.removeFront();
     let back = myQueue.removeBack();
     if(front === back){
       isEqual = true;

     }
   }
return isEqual
 }
 
console.log(palindrome('racecar')) // true
``` 

And this is how we implement a palindrome checker using a dequeue data structure in javascript. I hope you were able to learn one or two from this article. Kindly leave a reply or a like if you learnt something new thanks 😉.
Daily Developer Jokes - Tuesday, Apr 27, 2021
Tags: jokes, dailydeveloperjokes
Published: 2021-04-27 12:00:23

---
title: "Daily Developer Jokes - Tuesday, Apr 27, 2021"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
cover_image: "https://private.xtrp.io/projects/DailyDeveloperJokes/thumbnail_generator/?date=Tuesday%2C%20Apr%2027%2C%202021"
published: true
tags: #jokes, #dailydeveloperjokes
---

Generated by Daily Developer Jokes, a project by [Fred Adams](https://xtrp.io/) ([@xtrp](https://dev.to/xtrp) on DEV)

___Read about Daily Developer Jokes on [this blog post](https://xtrp.io/blog/2020/01/12/daily-jokes-bot-release/), and check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/).___
### Today's Joke is...
![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1259d077252.png)

---
*Have a joke idea for a future post? Email ___[xtrp@xtrp.io](mailto:xtrp@xtrp.io)___ with your suggestions!*

*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:___ Which programming language is the shortest?

___A:___ HTML. Because it doesn't have a neck between its `<head>` and `<body>`.
 -->
Weekly Challenge 109
Tags: perl, perlweeklychallenge
Published: 2021-04-27 11:57:45

I actually submitted my solutions last week, but forgot to write a blog post. Better late than never, eh? )

[Challenge 109](https://perlweeklychallenge.org/blog/perl-weekly-challenge-109/), [My Solutions](https://github.com/manwar/perlweeklychallenge-club/tree/master/challenge-109/sgreen)

TASK #1 › Chowla Numbers

## Task

Write a script to generate first 20 Chowla Numbers, named after, Sarvadaman D. S. Chowla, a London born Indian American mathematician. It is defined as:

C(n) = sum of divisors of n except 1 and n

## My solution

After submitting my solution, I realised that I over-engineered my solution. It's still functional though. This task is pretty straight forward. Work through the 1 to 20, and for each number find all divisors (other than 1 and the number itself). We can short cut this by only working through the first half since the second half cannot be divisors.

## Example

```
» ./ch-1.pl 
0, 0, 0, 2, 0, 5, 0, 6, 3, 7, 0, 15, 0, 9, 8, 14, 0, 20, 0, 21

```

# TASK #2 › Four Squares Puzzle

## Task

You are given four squares as below with numbers named a,b,c,d,e,f,g. ... Write a script to place the given unique numbers in the square box so that sum of numbers in each box is the same.

## My solution

This is a task where I assume some people will apply some math theory to the solution. For my I took an approach of brutal forcibly finding a solution. 7! = 5040 which is a piece of cake for any CPU these days.

* The first part of the task is to get all 5,040 permutations. I have a rule of not using any module that isn't part of core Perl, so didn't use [Algorithm::Permute](https://metacpan.org/pod/Algorithm::Permute) to generate the sequence.
* I then define an array `@boxes` to contain the values in each square, specifically `[ 0, 1 ], [ 1, 2, 3 ], [ 3, 4, 5 ], [ 5, 6 ]` (where a = 0, b = 1, etc.)
* Finally I work through each permutation to see if it is a valid solution, and end when one is found.

## Examples

My example differs from the one given in the example due to the way I order the numbers.

```
» ./ch-2.pl 1 2 3 4 5 6 7
a = 3
b = 7
c = 2
d = 1
e = 5
f = 4
g = 6
```
TypeScript Berlin/Sevilla Meetup + quiz with prizes!
Tags: typescript, elm, techtalks, meetup
Published: 2021-04-27 11:39:12

😁 Tune in for the next edition of TypeScript Berlin meetup, this time in cooperation with TypeScript Sevilla Meetup group! 🤗 Connect with the TypeScript enthusiasts worldwide, get inspired by the talks, join the Q&A session and win prizes in the quiz. 🎁 Hosted by wonderful Daniel Norman, the MC extraordinaire and Developer Advocate at Prisma. 🎤

🌍

We have three amazing speakers presenting at this event:
◭ [Tițian Cericova-Dragomir](https://twitter.com/TitianCernicova): "Understanding Variance in the Typescript Type System"
◭ [Dillion Megida](https://twitter.com/iamdillion): "PropTypes vs TypeScript"
◭ [Kajetan Świątek](https://twitter.com/KajetanSw): "Elm, a delightful language for learning functional programming"

🌍

During this meetup, we'll host a quiz, where you can win a copy of the "TypeScript in 50 Lessons" by Stefan Baumgartner, a JetBrains license and Prisma swag. 🎁 

🌍

This meetup will be streamed to YouTube, and Prisma will add the subtitles later for accessibility.
[Link to the stream](https://www.youtube.com/watch?v=RH49aarW6sU)
[More info and RSVP](https://www.meetup.com/TypeScript-Berlin/events/277610945/)


![TypeScript Berlin/Sevilla Meetup](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sae49lxvjdpaqlcz8iv6.png)
Order vs. chaos or: plan, and then some more!
Tags: beginners, devjournal, motivation
Published: 2021-04-27 11:33:17

I received good advice to transition to my own project ideas once I got the basics of a language. Excellent idea. I remembered a friend of mine once - many years back - recommending that simple card games (like Uno) are a good practice problem.

Where I live, we have a game called Mau Mau, which is basically like Uno, just with normal cards. If you play a 7, the next person draws 2 cards, unless s/he has a 7 as well - then the following person draws 4 cards. A jack allows you to wish for a colour. Other than that, you have to say "Mau" when you're down to 1 card, and you need to follow colour or value when playing. Like Uno, as I said.

## Boiled spaghettis taste good but are your enemy when on screen

I started, full of energy. Gave it a good 30 hours. And ended with boiled spaghettis. Code I could no longer maintain unless diving a full hour into it. Functions here and there, variables for what again? And then functions fixing functions fixing problems. Variables copied to another scope because that one function handling this important thing wouldn't have access to it - or so I thought. I had to dump it all.

## Lasagne is better

I stepped back, admitted my failure and started to think properly (so I thought!). Laid out a solid structure, worked out a practice problem where I would experiment with my design in a simple environment (yes - it worked well, I now have a website that highlights single entries of a list when you click a corresponding button.) Then started to work on my game again. Surprisingly, in less than 4 hours I had achieved the same level of functionality as before, only with much cleaner code and a perspective to continue.

## Set your ingredients aside before you cook

Well, I'd done my planning, but only halfway. `undefined` this, `undefined` that. I've been chasing these `undefineds` until I realised that I had forgotten another planning step. Concerning one particular object (the card that is played), some functions would use the card itself, others a unique id as a parameter. This over-complicated matters and led to confusion - was this the function with the id or with the object? It also led me on the wrong path - I thought my problem was scope-related, when indeed it was just sloppyness on my part!

I stepped back again and thought about the *inner communication* between my classes. 30min later, my problems were gone.

## What about you?

Have you been organised and well-structured from the beginning of your coding? Do you remember a moment of clarity? Do you have a good advice for me? Love to hear from you!

*Photo by [Paul Bergmeir](https://unsplash.com/@paulbrgmr?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/collections/4300210/order-from-chaos?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)*
Artificial Intelligence in Java
Tags: ai, java
Published: 2021-04-27 11:30:17

This video shows how to code a planning AI application to solve a school timetabling problem with Java, [Quarkus](https://quarkus.io/) and [OptaPlanner](https://www.optaplanner.org/).

{% youtube 7IuOA9n6kh0 %}

[Source code](https://github.com/quarkusio/quarkus-quickstarts/tree/main/optaplanner-quickstart)

OptaPlanner is useful for use cases such as the Vehicle Routing Problem (VRP), Employee Rostering, Maintenance Scheduling, Task Assignment, School Timetabling, Cloud Optimization, Conference Scheduling, Job Shop Scheduling and Bin Packing.
Unofficial Python Binaries - What is it?
Tags: python, web, requested
Published: 2021-04-27 11:28:05

# Your Support was amazing! :bomb:
Thanks for such great support on my previous post! It was awesome and amazing! And since you requested this post, here it is! Keep it up!

# So, what is Unofficial Python Binaries?!
Well, when I first tried to install PyInstaller, it just failed to build the wheel! I got frustrated! I always searched for a solution - YouTube, Google, SO, whatnot! And then I came across this website - [www.lfd.uci.edu](https://www.lfd.uci.edu/~gohlke/pythonlibs/). And then I started searching for PyInstaller. I found it, downloaded it, tried installing using [`pip`](https://pypi.org/project/pip) - and guess what, that worked! And since then I use this website for any python library that fails for some reason!

# Why, use it, though?
Well, this website has built wheels for almost any package! Not Enough? It has wheels for all versions of python ranging from 2.7 - 3.9, based on which the package supports! Not Enough, still? It also has 32-bit and 64-bit wheels for most packages and versions. And if not happy yet, go check out the website yourself! They also, have all tools and environments used listed there!

# Just a **NOTE**
**NOTE** - The website is a bare-bones HTML file! It does not look pretty at all. It contains thousands of direct download links.

# And, that's kind of it, actually!
Well, there is nothing more about this I have to say! If you find the website useful let me know by liking the post! Thanks! and byeeeeeeee!
Kubernetes - Give rights for HostPath volumes to services
Published: 2021-04-27 11:09:57

*I installed FluentD on a Kubernetes cluster on AWS, and I had an issue with the security already in place on the cluster. It wasn't able to write in hostPath volumes.*

---

After a quick search, I found a really good blog post that resumes all that we need to know about hostPath volumes and associated issues.

So if you have an issue with it, go check this link: 
https://suraj.io/post/k8s-hostpat-nuke-nodes/

---

## Solution to my problem
*All that is written below is based on the blog post content.*

Declare a **PodSecurityPolicy** and attach it to the ServiceAccount for my service.

### PodSecurityPolicy
```yaml
apiVersion: policy/v1beta1
kind: PodSecurityPolicy
metadata:
  name: psp-hostpath
spec:
  seLinux:
    rule: RunAsAny
  supplementalGroups:
    rule: RunAsAny
  runAsUser:
    rule: RunAsAny
  fsGroup:
    rule: RunAsAny
  volumes:
  - '*'
  privileged: false  # Don't allow privileged pods!
  allowedHostPaths:
  - pathPrefix: /abc
  - pathPrefix: /def
```

### Role
```yaml
kind: Role
apiVersion: rbac.authorization.k8s.io/v1
metadata:
  name: role-authorize-hostpath
rules:
- apiGroups: ['policy']
  resources: ['podsecuritypolicies']
  verbs:     ['use']
  resourceNames:
  - psp-hostpath
```

### RoleBinding
```yaml
kind: RoleBinding
apiVersion: rbac.authorization.k8s.io/v1
metadata:
  name: rolebinding-hostpath-fluentd
roleRef:
  kind: Role
  name: role-authorize-hostpath
  apiGroup: rbac.authorization.k8s.io
subjects:
  - kind: ServiceAccount
    name: fluentd       # Name of the ServiceAccount 
    namespace: fluentd
```

---

I hope it will help you as much as it helps me! 😃

---

Thanks Suraj Deshmukh for your blog post!


*Don't hesitate to give some feedback to help me to improve my writing skills. Thanks!*
Enter Full-Screen Mode with JavaScript - Fullscreen

Tags: html, css, javascript, uiweekly
Published: 2021-04-27 10:49:42

Enter Full-Screen Mode with JavaScript - Fullscreen

demo == > https://codepen.io/Bilal1909/full/XWpOQEO

<h2>How to use JavaScript to view an element in fullscreen mode</h2>
<img src="https://i.postimg.cc/2jtK7XxR/screenshot-codepen-io-2021-04-27-15-43-26-276.png">

<mark>
To open an element in fullscreen, we use the element.requestFullscreen() method:
</mark>
<h1>Fullscreen Document</h1>
<i>To open the whole page in fullscreen, use the document.documentElement instead of document.getElementById("element"). In this example, we also use a close function to close the fullscreen:</i>
Color Picker (React + Webrix)
Tags: codepen, react, showdev
Published: 2021-04-27 10:41:31

I made this color picker component using [React](https://github.com/facebook/react), [Webrix.js](https://github.com/open-amdocs/webrix), and a nice color utility library called [color-convert](https://github.com/Qix-/color-convert).

It's a stateless component that supports 2-way data binding, so it is able to take a `color` prop, and update that color via an `onChange` handler.

There are 2 slider components here, one for the shade (2-axis slider) and one for the hue (x-axis slider).

The shade slider is made of 3 stacked linear gradients, and the hue slider is made of a single linear gradient with multiple stops.

Initially, I was using `canvas.getImageData()` to get the color of the pixel based on the mouse position, but that proved to be problematic. For example, although getting the color based on coordinates is rather easy, getting the coordinates based on color is difficult and CPU intensive.

Luckily, it turns out that there's a color format that is perfect for this case - HSV. In that format, the 2 first elements are roughly the x/y coordinates of the `<ShadePicker/>`, and the 3rd element is the x coordinate of the `<HuePicker/>`.

See it live on CodePen:

{% codepen https://codepen.io/ykadosh/pen/zYNdyOG %}