teleren/devto huggingface dataset:
Advice on technical coding interviews. 
Tags: tutorial, career, codenewbie, beginners
Published: 2020-04-17 18:05:02

Technical test are scary for someone with no prior experience. I remember my first interview. It was a live coding test and I was literally shaking. Even though I was not a junior,  as a freelancer, the whole interview process was very foreign. Scary foreign I reckon. 
It was so scary that I was asked simple questions like the filter method and prototypes and I just sat there looking like a fool. 

I did a couple of interviews after that so I'd like to share some tips that will help you as someone who has no experience with dev interviews. 


* Don't lie! If you're asked about a framework, language or methodology you don't know, reply with "I don't know but I am a fast learner". 


* If a task is vague, ask for clarification. 

* It's okay to make mistakes, especially in live technical test. Don't try to justify your mistakes by coming up with excuses, you'd end up embarrassing yourself. 

* Nervousness is a norm in live coding (believe me) . Take a deep breath and remember it's no biggie if you don't get the job, you can apply for another one.

* If you get stuck somewhere, ask for the interviewer's help. 

* And of course, be respectful and polite even if the other person is contrary.
Fruity Html Login Page Template
Tags: Html, CSS
Published: 2020-04-17 17:52:11

Fruity is a free HTML login page template with scss source file.

## Demo

[Click here to see live demo](https://mertocak.github.io/fruity-html-scss-login-template/)

## Installation

Install via npm. 

```bash
$ npm i fruityloginpage@1.0.0
```

Just clone the repository and use. 

```bash
$ git clone https://github.com/mertocak/fruity-html-scss-login-template
```

## Usage

Use with any of sass compiler.

## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.

## License
[MIT](https://choosealicense.com/licenses/mit/)
Beeing “lucky”
Tags: personal, devjournal
Published: 2020-04-17 17:51:04

I’m trying to be more aware about the words that I use when talking about my state of being, situations I’m in or possessions that I have. I noticed, I’ve been using the word “lucky” quite a lot for sayings like “*I’m lucky to be alive.*”, “*I’m lucky to have a job during these hard times.*” or “*I’m lucky to own a nice car.*”.

When I read these sentences, the end result is completely correct. But there’s something in the wording that make them sound exclusive and unappreciative. It’s the “*I’m lucky*” part that make them sound very “*I*” centered, as if I as a person am the sole reason for having this luck.

I belive in God and that nothing happens by coincidence. It is He who decrees and controls all things, opens His mercy and blessings to everyone and everything happens for some reason, whether we understand it or not. So saying that “*I’m lucky*” about something doesn’t truly recognize His presence in my life.

A better way to say the above things would be to use “***blessed***”. The above statements then get a completely  different meaning - “*I’m blessed to be alive.*”, “*I’m blessed to have a job during these hard times.*”, “*I’m blessed to own a nice car.*”.

Put that way, the focus shifts. I recognize His presence, I admit that everything is given to me, many times without me even asking, and my only appropriate response is to be appreciative.

---

Photo by Kenrick Mills on [Unsplash](https://unsplash.com/photos/MF9Wy1NA55I).
Jessitron & Avdi Attempt Event Storming
Tags: design, eventstorming, ddd
Published: 2020-04-18 17:31:56

---
title: Jessitron & Avdi Attempt Event Storming
published: true
date: 2020-04-17 17:44:11 UTC
tags: design,event storming,ddd
canonical_url: https://avdi.codes/jessitron-avdi-attempt-event-storming/
---

Recently Jess & I decided we needed an app idea to give us an excuse to write code, and last night we spent 45 minutes sketching it out with post-its on a wall. This was our first _highly_ uneducated stab at event-storming, but it was fun and helped us think through what are the tangible, actionable outputs we want to see from our app.

{% youtube X_Zl9u9EEcI %}
New Episodes of the Hello World Podcast - Finally!
Tags: hwpod, podcast, programming
Published: 2020-04-20 02:38:50

---
title: New Episodes of the Hello World Podcast - Finally!
published: true
date: 2020-04-17 17:43:12 UTC
tags: HWPod,Podcast,Programming
canonical_url: http://wildermuth.com/2020/04/17/New-Episodes-of-the-Hello-World-Podcast---Finally!
---

[![Hello World Podcast Logo](http://wildermuth.com/img/hwpod/logo_125.jpg)](https://hwpod.com)It's been a long time since I started and eventually stopped recording episodes for the Hello World Podcast. My goal has always been to have exactly 100 episodes.

As many of you know, we've had our 100th episode recorded (me telling my story) for a couple of years now. I didn't want to just release it skipping episodes #91-99. So I've started recording new episodes.

So far we have two new episodes with new ones coming in approximately weekly (depending on recording schedules).

The two new episodes are:

> [Martine Dowden (#91)](http://wildermuth.com/hwpod/91/Martine-Dowden)

![Martine Dowden](http://wildermuth.com/img/hwpod/martine-dowden.jpg)Focusing on web interfaces that are beautiful, functional, accessible, and usable. She approaches User Experience from both Art and Science, drawing from her degrees in Psychology and Visual Communications. Martine has worked as an artist, educator, and consultant since 2005. She stays active in the industry, teaching developers at a coding academy, attending and speaking at conferences and meetups. In 2015 Martine published a children's book 'Programming Languages ABC++', and in 2016 the Workbook Edition sold over 20,000 copies. She then went on to write ‘Approachable Accessibility: Planning for Success’ which was released in June 2019 and ‘Architecting CSS: The Programmer’s Guide to Effective Stylesheets’ to be released in 2020.

> [Mikayla Hutchinson (#92)](http://wildermuth.com/hwpod/92/Mikayla-Hutchinson)

![Mikayla Hutchinson](http://wildermuth.com/img/hwpod/mikayla-hutchinson.jpg)Mikayla works on .NET at Microsoft. She's been working on .NET developer tools for more than a decade, including Xamarin and Visual Studio for Mac, and is passionate about user experience and inclusivity. In her free time, she enjoys game development, gardening and silversmithing.

You can subscribe with RSS or on iTunes here:

> [RSS](http://hwpod.libsyn.com/rss)

> [iTunes](https://itunes.apple.com/us/podcast/the-hello-world-podcast/id768018561)

[![Creative Commons License](http://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png)](http://creativecommons.org/licenses/by-nc-nd/3.0/)

          This work by [Shawn Wildermuth](http://wildermuth.com) is licensed under a [Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License](http://creativecommons.org/licenses/by-nc-nd/3.0/).  
          Based on a work at [wildermuth.com](http://wildermuth.com).

* * *

If you liked this article, see Shawn's courses on [Pluralsight](http://shawnw.me/pscourses).
 ![](http://feeds.feedburner.com/~r/ShawnWildermuth/~4/CURpzNgHx5o)
My current project Comfort Foods
Tags: react, sanity, redux, pwa
Published: 2020-04-17 17:33:24

It all started with my hip hurting one afternoon before dinner time. I wondered what I could eat that might make my hip feel better naturally. So I decided to make a progressive web app for that.

I started with just a handful of different ailments like joints, bones, heart, etc. Then I looked up nutrients that were beneficial to those ailments and the foods that were most rich in them. From there it started to take shape.

Since it's unlikely that I will get you to change your diet, the app isn't about recipes. It is more about creative ways to add the ingredients that could comfort you to the foods you already eat. An example would be if you love spaghetti and do not usually eat kale, it recommends chopping up some kale and adding to your spaghetti sauce. When chopped small and cooked in you are likely to not even know it is there and it would still be offering all the healthful benefits of it.
Github Sponsors webhooks enables Open Source SaaS
Tags: github, webhooks, sponsors
Published: 2020-04-17 17:31:59

Github announced its [new webhooks for sponsors API](https://github.blog/2020-04-16-github-sponsors-is-now-available-in-mexico-plus-some-exciting-updates/). 

Offering perks to sponsors is a natural way to express gratitude. Until now that required keeping a list of sponsors based on email notification and makings sure that each sponsor is acknowledged according to their tier.

With the new sponsor webhooks, it is now possible to completely automate perks for sponsors. In fact it makes it relatively straightforward to build incentives into sponsor tiers such as premium feature access to hosted (SaaS) version of a project. This is fitting especially for end-user applications where open source code is an important part of building a dev community, but operating a live service adds real value to end users. 

Open Source SaaS is a strong trend that more new gen open source SaaS products are adopting, including **dev.to**, MongoDB, Kafka/Confulent, Elastic, Wordpress and others.

Another nice touch of the new gitub sponsors update is labeling issues and PRs from sponsors. I suspect there is more to come along these lines to make it simpler (and fairly so) for project maintainers to attract and reward sponsors.

Great work Github team! Keep it up!
Binary Search Trees V/? - Duplicates
Published: 2020-04-17 17:21:01

Okie dokie, where was I? Right, duplicates!

Okay so. Possibly the simplest solution is simply to disallow duplicates. If you don't care how many of a given piece of data you have, then you may be willing to simply say, "Oh, we've got this one, no need to add it to the tree."

In that case, we just need to check for equality before checking whether to move right or left, as we were doing before. See below:  

```
function addNode(currentNode, newNode){

    if (currentNode.data == newNode.data){
        return; // if we have a duplicate, we're done!
    } else if (currentNode.data < newNode.data){ // if our newNode is bigger, move right
        // code for adding
    } else ( // if our newNode is smaller, move left
        // code for adding
    };

};
```

There's many a time, however, when you want to keep track of your duplicates. I have [seen it suggested](https://www.geeksforgeeks.org/how-to-handle-duplicates-in-binary-search-tree/) that you can pick one side of the tree to allow duplicates on, but not only does this have multiple drawbacks to the runtime of searching through the tree, it goes against the spirit of Binary Search Trees (that being that every node is distinct), so as far as I'm concerned it's not really an option. 

A much more elegant solution is to include a count in your nodes. Here is the node class as we have been defining it thus far: 

```
// Node class 
class Node 
{ 
    constructor(data) 
    { 
        this.data = data; 
        this.left = null; 
        this.right = null; 
    } 
} 
```

We'll add to this a place to keep track of the number of instances of that data piece, like so:

```
// Node class 
class Node 
{ 
    constructor(data) 
    { 
        this.data = data; 
        this.count = 1;
        this.left = null; 
        this.right = null; 
    } 
} 
```

Now if we have a node `currentNode` we can call `currentNode.count` to find out how many of that node we have. It should start at one by default, since we'll assume that on creation of a node, you only have the one instance.

So, say we need to add '12' to a tree, but we already have a node of data '12'? We'll create a method on the Node class for increasing its count.

```
// Node class 
class Node 
{ 
    constructor(data) 
    { 
        this.data = data; 
        this.count = 1;
        this.left = null; 
        this.right = null; 
    } 
    
    increase(){
        this.count++
    }
} 
```
So now instead of simply exiting out of our function when we find a duplicate, as we did above, we'll call this increase function.

```
function addNode(currentNode, newNode){

    if (currentNode.data == newNode.data){
        currentNode.increase(); // increase the count on this node
    } else if (currentNode.data < newNode.data){ // if our newNode is bigger, move right
        // code for adding
    } else ( // if our newNode is smaller, move left
        // code for adding
    };

};
```

Those are the methods I've come across - if you have a preferred one let me know!
Hey guys, what is the toughest moments you have lived in programming ?
Tags: git, github, devops
Published: 2020-04-17 17:09:48

On countless occasions, I felt so stressed I didn't figure out the solution of a particular problem.

Especially where I work - I am an accountant but an automation programmer on Visual Basic Applications for Excel - I find it too challenging to automate a process ( creating macros that convert formats to different formats or to automate some reports .. etc ) when I really cannot figure out where the problem is, especially with VBA cause it doesn't show you where exactly is the bug that needs to be fixed.

What is you toughest moments ? Share your experience and let's discuss it
How to Use URL Query String Parameters in Gatsby
Tags: todayilearned, gatsby, webdev
Published: 2020-04-17 16:56:26

In Gatsby, leverage Reach Router's [`useLocation` hook](https://reach.tech/router/api/useLocation) along with the [`query-string` package](https://www.npmjs.com/package/query-string) to parse URL query string parameters and use the value to update state.

First, install:
```bash
npm install @reach/router query-string
```

Reach Router is used by Gatsby, but you'll need it in your `package.json` if linters are in use.

In this example, change the user's selected theme, or expand to any values you need from the URL parameters, available on `location.search` from the `useLocation` hook.

```js
import * as React from 'react';

import { useLocation } from '@reach/router';
import queryString from 'query-string';

const getSelectedTheme = (query) => {
  const fallback = 'light';

  if (query) {
    const queriedTheme = queryString.parse(query);
    const { theme } = queriedTheme;
    
    // Ensure a valid expected value is passed
    if (['light', 'dark'].includes(theme)) {
      return theme;
    }

    return fallback;
  }

  return fallback;
};

const UserTheme = () => {
  const location = useLocation();
  const defaultTheme = (location.search && getSelectedTheme(location.search)) || 'light';
  const [theme, setTheme] = React.useState(defaultTheme);
  
  // rest of component, maybe creates/updates context, or updates a form setting
  
};
```

[Available as a gist >](https://gist.github.com/5t3ph/38d6118139e4b601312c59c603081ca6)

This method is an update to use hooks and a functional component based on the example in the article [How to Get Query String Parameter Values in Gatsby](https://medium.com/@chrisfitkin/how-to-get-query-string-parameter-values-in-gatsby-f714161104f) by Christopher Fitkin.
100daysofcode Flutter
Tags: 100daysofcode, flutter
Published: 2020-04-17 16:51:22

day 39/100 of #100daysofcode #Flutter
Learning Flutter , courses Udemy from
@maxedapps

Today still learning about form, text form field,focus node, Textinput Type,textinput action
https://github.com/triyono777/100-days-of-code/blob/master/log.md
No Conferences != No stickers
Tags: stickers
Published: 2020-04-17 16:38:48

By now, I think it's safe to assume we all know meetups and conferences are canceled for the foreseeable future. But how are we supposed to get our sticker fix?!!?!?!?!?!?!?!?! Have you tried [trading stickers online?](https://stickertrade.me/stickers/)

{% twitter 1251573404043489282 %}

## Digital Sticker Table
@Firesphere, on Twitter, built [this platform](https://stickertrade.me/stickers/) to trade stickers. They wrote a [tiny bit about it here](https://casa-laguna.net/e-log/show/stickertrade-me). The goal is to share the love and wealth of stickers.

### How to Give Stickers
1. Take & upload picture
2. Get request
3. Mail it out!

### How To Get Stickers
1. Find a sticker you want
2. Request & give your address
3. Check your mailbox!

## Shipping
I'm not a pro, but I've done a little research. All of these numbers are based on putting the stickers in a regular letter envelope.
From the USA, it cost me $1.15 to send to Spain and the same to send to New Zealand. 

Today, I found [USPS sells global stamps for $1.20 each](https://store.usps.com/store/results/stamps/_/N-9y93lv/Ntt-international) and that covers USA to anywhere in the world. However, if you're like me, I much prefer the cuteness of the other stamps. I just make sure they add up to $1.20. 

If you're looking for cute af stamps, check out @sublimemarch's stamp thread!

{% twitter 1249828615933624322 %}

## The Wait
I have no answer for this. I don' know how long it takes for stickers to travel the world. All I know is, if you're in the USA and shipping to the USA, it should be no more than 3 days from shipping.

I sent some today to India and THe Netherlands. I'll update this post when I find out they've arrived.
{% twitter 1251159111493808136 %}

---
### Making new stickers?
I wrote a bit about how to get the most out of your stickers. 

{% post https://dev.to/vickilanger/rules-to-stick-to-my-observations-about-stickers-c9c %}

tl;dr of that post:
 - keep them small
 - include name/brand/social handle
 - make sure they have value (cuteness, reminders, funny, etc)
JavaScript Variables & Data Types explained for Beginners 💯
Tags: javascript, webdev, beginners, tutorial
Published: 2020-04-17 16:25:02

In this new video I explain 2 basic building blocks of JavaScript, which are Variables and Data Types.

##Data Types ✅##

I cover JavaScript's 5 data types, which are:
![JavaScript Data Types](https://static.wixstatic.com/media/e7182f_bdf9929554924444b6053f5055beedc4~mv2.png "JavaScript Data Types")

I explain them with simple examples to understand **real life use cases of how these data types are useful in programming**. 👩🏻‍💻

##Variables ✅##
Variables is another very important concept in software development in general. Based on simple use cases you will understand **what variables are and why you need them**.

Some of the scenarios covered in the video:
* online shop
* user input
* social media websites

Online shop prices - **WITHOUT variables**:
![JavaScript without Variables](https://static.wixstatic.com/media/e7182f_95e2b7574bf241acbffe361f9a5321ef~mv2.png "JavaScript without variables")

Online shop prices - **WITH variables**:
![JavaScript with Variables](https://static.wixstatic.com/media/e7182f_febd6c9ead8641db82c85a2655acefb9~mv2.png "JavaScript with variables")

User Input WITH variables
![JavaScript User Input](https://static.wixstatic.com/media/e7182f_5ee651dbe11e490db0352e52e980144b~mv2.png "JavaScript user input")

When working with user input, you must use variables. Because you don’t know what the values will be 🤷🏻‍♀️

You can watch the full video here 🙂:

{% youtube L9-3VBOjNH4 %}

-----------------

✅ I will upload a **complete JavaScript Tutorial for absolute beginners**. So if you are completely new to programming this will give you a step by step guide to learn JavaScript. You can subscribe on Youtube to get notified 🙂 ✅

I'm happy to connect with you on
- [Twitter](https://twitter.com/Njuchi_)
- [YouTube](https://www.youtube.com/channel/UCdngmbVKX1Tgre699-XLlUA?sub_confirmation=1)
- [Instagram](https://www.instagram.com/techworld_with_nana/)
Work From Home
Tags: covid19, hacking, security
Published: 2020-04-17 16:20:39

If you are also working from home due to Covid-19 Outbreak, here are some tips for improving your setup to stay safe from Cybersecurity Threats :

SETUP : Most importantly never use other people equipment or laptop for your work, you're risking the data of your whole organization.

CONNECTION NETWORK : If the staff wants to use company network, you need to ensure that the means of access is secure. For this use VPN to provide encrypted access.

CYBERSECURITY HYGIENE : Rather than taking an "access all areas" approach, establish which parts of your system remote user can access.

HOME ROUTER : Ensure you are aware of any firmware updates affecting the router and apply the highest level of encryption. Also switch off the WPS. .
The importance of your first app
Tags: junior, javascript, frontend, motivation
Published: 2020-04-17 16:12:48


So you are looking for a junior frontend developer position, right? Are you sure you know what you need to be successful? 

Many times when you start to learn a new skill you need to be familiar with the basics of a theoretical part before you move to the practical one. Learning to code is not different and you probably have heard many times that one can learn to code only by coding. It’s true because only this way you can learn the most important skill you need as a developer which is the ability to create. 

You may wonder why it is the most important skill. It is because as a software developer you will be responsible for the creation and it doesn’t matter if you remember all the theoretical parts or not. If you know what you need and where to find it you already have everything to start working and gaining experience. It’s the ability to join all different pieces of code together and create an app that can make you successful. 

I can tell you from my experience that it is good to start with some simple apps that you can make by following Youtube tutorials. This way you will get familiar with a structure of an app and the logic used to create it. Choose different kinds of apps to have a wider perspective and learn how to use different parts of the theory, ex. DOM operations, API, operations on arrays, etc.

After you get comfortable with that comes the next step. Create your app. Think of something you would like to use and what features you would expect to have there as a user. Don’t get discouraged if you don’t know how to do something or the way you wanted to do it doesn’t work. This is where you learn the most important ability I have mentioned in the beginning. 

The first app I’ve ever created was a simple game written in HTML, CSS and pure JavaScript and the main logic that it used were DOM operations like hiding and showing divs. 

It made me very proud because I made it all by myself and as a result I got more courage and motivation to learn and to look for my first Frontend Developer job. 
I am convinced that it can be the same for all of you that are at the beginning of the coding journey and if you think you need some extra motivation or don’t know how to improve your skills remember the importance of your first app. 

 #junior #beginners #motivation #impostersyndrome #career #mindset
Vue 3 is now in Beta 🖖
Tags: vue, webdev, javascript, news
Published: 2020-04-17 16:08:33

Vue.js 3 has now reached [Beta](https://github.com/vuejs/vue-next) 🥳

One of the things I'm most excited about is how to share state and logic between components without props and emits. Look at how we can keep our state and logic in its own JavaScript file and use it in the components we need.

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

I'm really looking forward to the official release. If you want to read about what's new and changed, take a look at my [previous article](https://dev.to/gautemeekolsen/vue-3-is-coming-3icj). And check out [this repository](https://github.com/gautemo/vue-3-playground) for how to set up a Vue 3 project today and more resources.