teleren/devto huggingface dataset:
Interview Tests/Challenges, what companies are looking for?
Tags: career, jobhunting
Published: 2020-01-23 19:47:35

---
title: Interview Tests/Challenges, what companies are looking for?
published: true
description: Why do a company apply some kind of tests like the ones of Hackerrank? are they useless?
cover_image: https://cdn.dribbble.com/users/2618259/screenshots/6632070/new-01_2x.png
tags: #career #jobhunting
---

I was recently looking for a new job as middle developer, spent about one and a half month having interviews, applying here and there to whatever job opportunity I thought it was a good match for me or if it looked like something I'd like to get involved in as a new technology or a new programming language even if it meant to apply as a junior dev.

And to be honest, it has been exhausting doing those code challenges which some of them took me about a week to complete; others were shorter but even though I guess doing those code challenges like a short project is quite more legit to test a developer's skill than some kind of timed quizzes, which ask you to make some sort of math algorithm in short period of time as 30 mins for example.

## My reasons? there we go:

Real life is about solving problems and getting things done, which is one of the hardest skills to get for most of the developers.

That's why I say challenging developers this way is even more legit for making a developer probe their skills and look if they are good at finishing stuff even if they had some issues during the process with any of the technologies implied.

**Buuut!** and here is where I want to be careful: _when you are hunting for a job_ you *Must* be careful about what kind of company are you targeting and plan ahead your expectations for it (same as companies does).

although I think those kind of challenges are good at choosing the right developer, it will depend on what the company is looking for, what is the company's developer target, some companies look for:
- devs who are good at finishing things even if they don't have a degree in computer science at all
- devs with a deep understanding in certain technologies

And that's the reason why I say that you better target the type of company you are looking for, the kind of company you think you fit better based on your personality.

Do you homework and know more about the company you want to work in, the kind of culture, the kind of developers this company grows, how much long in depth this company goes for in the tech field!

good luck!
WillCore.Data (Entity Framework for Node.JS)
Tags: orm, node, javascript
Published: 2020-01-23 19:14:17

A while back I wanted to use MySQL in a NodeJS project. Coming from a C# background, I wanted to use something like Entity Framework. To my surprise I found that there is no Entity Framework equivalent for Node, so I decided to write my own.

I wanted something that supports code-first database creation, migrations and to write my queries using nothing else than JavaScript.

So I built a library (or framework) that is small and yet powerful to allow me to do what I wanted to do. It turned out pretty well (or I think), and just wanted to share it.

https://github.com/PhilipCoder/willcore.data

Features:
1) Code-first database generation.
2) Simple API.
3) Supports queryables.
4) Database migrations.
5) Async
6) Using only JS to query a DB.

Please note that it is still the first release, so any feedback on improvements would be wellcome.
How to be a super-effective remote developer?
Tags: remotedeveloper, dev, frontend
Published: 2020-01-23 18:52:10

---
title: How to be a super-effective remote developer?
published: true
description: 
tags: remote developer, dev, frontend
---

######Hello coding people, As you might know, I always write articles about coding, Programming, Freelancing, and Web. In this article, I am going to explain to you How to be a Super Active as a Programmer as you expect here. So get ready

##1-Work goal. 🎯🎳

######Define your goals before you start - Create a list and work your way through the list.

> Tip: I recommend to use a whiteboard or prototyping tool.


##2-Set working hours like you are working at the office! ⏰

######Begin with setting 4-6 hours in your day for work. start and end at the same time. Your brain will understand your schedule and adapt to your workflow to work better. 

> Tip: I recommend to work 4-6 hours per day. 


##3-Use Pomodoro technique 🥋🥊

######The main thing is to rest every 25 minutes. So your cycle will be like 25 mins work + 5 mins rest.

> Tip A: Don’t use your computer or smartphone when rest! Make some sport exercises to cheer up your brain. 
> Tip B: Turn off all notifications when you are working to improve your concentration. 


##4-Use to-do lists📃

######When you have a plan it’s much more easy to concentrate on work. Make max 2-3 complex big items and max 5-6 small. 

> Tip A: Start your day by finishing the hardest ones.
> Tip B: use apps to manage your time and work. 


##5-Divide big tasks to smaller ones.🪓

######Big tasks could take 2-4 hours. And it will be much better for your brain to pass 10 small tasks instead of 1 big. it’s like a competition. Closing 10 tasks sound more impressively, right? you will be pleased by yourself and be more motivated. 

> Tip A: like if you have a website project divide it into pages. And if you have a web app divide it into the component.


##6-Work around your most productive parts fo the day.👨🏼‍💻

######If you’re a morning person then jam hard in the AM and take calls and meeting in the afternoon.

Tip: It depends on your chronotype If you don't know yours, then watch.

[![chronotype](https://i.ytimg.com/vi/U7qCF461WPA/maxresdefault.jpg)](https://youtu.be/U7qCF461WPA)


##7-Email time 📧

######Only check email in the morning and night - Set a certain amount of time and shot for inbox zero, if you can’t get there… leave it.


##8-Notifications🔕

######Turn off your notifications - News, Social Media, etc… are all begging for your attention, but 99.9% of the time it’s not an emergency.

> Tip: or logout from apps!


##9-Get rewarded 🏆🥇

######Get in the Habit of rewarding yourself for staying focused - On your breaks get yourself a good coffee or stretch your legs.

> Tip: I look out from my window 🕊🦚🦉

![window view](https://media.giphy.com/media/Ln2uCPRzUekAhKGFFj/giphy.gif)

>[I learn Programming from here](https://www.eduonix.com/offer-zone/UHJvZHVjdC0xMzE1MDIw)


#####So, what do you think about these ideas? Are you going to try it out to increase your effectiveness? 🤔
Are your keys secure on the JAMstack?
Tags: jamstack, jamuary
Published: 2020-01-23 18:49:47

If you use an API in your JAMstack site, chances are you’ll need an API key to access that service. When invoked at build time, API requests can be kept secure since keys are stored server side. For more dynamic functionality like comments however, API requests need to be made in the browser. This poses the risk of exposed API tokens since traffic can be easily analyzed and requests can be traced back to the initial requester. In some unique cases (e.g. Firebase and Mapbox), keys simply identify your project and keeping them public is par for the course. In most, API keys must be kept private. A simple way to keep keys secure when making requests client side is to proxy your request or use an API gateway to sign requests so it passes through an authentication process before returning successfully. 

Many CDN providers like Netlify provide proxying services so requests to an API can properly be verified. In Netlify, an API request can be proxied by adding an `{X-From = "Netlify"}` header attribute in your redirects configuration. Requests can also be signed with a JSON Web Signature (JWS) so that a remote service can properly verify the origin of the requester. In either of these instances, access to an end server is verified at the edge nodes and doesn’t require a full round trip to authentication servers. This means that requests can be made secure without the burden of extra load time. While this is an incredibly easy and efficient way to secure a service from malicious users, it does require having control over that endpoint. An alternative to proxying and signing requests, is to pass an request through a serverless function. Under the hood, serverless functions proxy requests on your behalf and save you the extra configuration time needed to set up proxying. The downside to this is of course that serverless functions often come with hard limitations on response times so ensuring that the API adheres to that is key. 

Contrary to popular opinion, securing API keys and requests on the JAMstack is not impossible. For more tips and tricks on securing your API keys on the JAMstack (using Netlify), check out these resources: 

• [Netlify Docs on proxying requests](https://docs.netlify.com/routing/redirects/#structured-configuration?utm_source=devto&utm_medium=proxydocs-div&utm_campaign=devex)
• [Stack Overflow post on securing API keys on JAMstack](https://stackoverflow.com/questions/53333018/securing-api-keys-in-jam-stack)
• [Keeping API keys safe with serverless functions](https://community.netlify.com/t/common-issue-how-do-i-keep-my-api-keys-tokens-safe-using-netlify-functions/293)
Machine Learning in an Enterprise World is Not Only Machine Learning
Tags: machinelearning
Published: 2020-01-23 18:34:58

*by [Manpreet Singh](https://twitter.com/ms_ghotratweet) (Director, Software Engineering) and [Himanshu Mittal](https://twitter.com/hims_mittal) (Lead Software Engineer)*

Last year, we started work on a new product dealing with temporal data. The stakeholders included two team members with a focus on pure research and machine learning algorithm evaluation. After a few sprints, we realized that we needed to take a step back and look at the bigger picture before diving into work on the machine learning aspect of the product. We needed to examine:

* Data pipelines availability
* The infrastructure and processing engine
* Storage
* The platforms available
* API capabilities open to us
* The user interface

Not to mention, we needed to address some more fundamental questions: are the requirements accurate? How generic or specific do we want to make the service?

In short, we realized that, while the main driving force for this project was machine learning, there was a lot to do before we could start on the data science piece! We needed more team members with software engineering skills to build out the ecosystem and scale it to meet customer needs. Our project wasn’t going to require an entire team focused solely on machine learning.

Through this project and others, we’ve learned that software engineering and machine learning can’t be treated entirely separately unless you are in pure research and your only goal is to publish new findings or patent ideas. Just like NoSQL systems are also sometimes called "Not only SQL“ when they support SQL-like query languages or sit alongside SQL databases ([source](https://en.wikipedia.org/wiki/NoSQL)), we call our team system NoML, for Not Only Machine Learning.

There are many catchphrases in the world of artificial intelligence (AI). There’s machine learning, deep learning, and data science. And it’s easy to get hung up on job titles: “I am a data scientist” or “I’m an AI Researcher.” With the wealth of sources for learning available these days—whether through college courses, online platforms, or conferences—many people are becoming armchair experts in AI. This can lead to a mindset of, “Serving models in production is not my problem. I’m a scientist.”

At an enterprise company like Salesforce, this type of thinking isn’t helpful! It’s our responsibility to make the models we build applicable to the real world, keeping reliability, scalability, and utility to our customers top of mind.

The next time you’re starting a project with a machine learning focus, keep our “NoML” learnings in mind and see how you can branch out of pure machine learning by making an effort to be a well-rounded technician of the services you build.
Kubernetes Architecture simply explained
Tags: kubernetes, devops, beginners, docker
Published: 2020-01-23 18:29:37

Kubernetes is ***very powerful, but at the same time also complex***.
That's why people get overwhelmed, when they read the documentation of how all the processes work. 🤯

However, it's important to _demystify_ the Kubernetes Architecture and how complex this whole mechanism is. Therefore, in this video I show you how the basic setup looks like. ***Which I believe is actually pretty simple and logical in the way how it's built.*** 😎

So, in this short video we look into the master and slave/worker nodes and their respective processes that make up the kubernetes cluster:

***Worker Node:***
- container runtime
- Kubelet
- Kube Proxy

***Master Node:***
- Api Server
- Scheduler
- Controller Manager
- etcd, the cluster brain


{% youtube umXEmn3cMWY %}

-----------------
► Get **30% off** - with this code: UDEMY_NANA_OCT2020: [Udemy course here](https://bit.ly/2IkzZez)
► **Kubernetes 101**: [Compact and easy-to-read ebook bundle 🚀](https://www.techworld-with-nana.com/e-books) 
It's a handy way to quickly look something up or refresh your knowledge at work and use it as your cheatsheet  😎

**Like, share and follow me** 😍 for more content:
- [Private FB group](https://www.facebook.com/groups/techworldwithnana)
- [Twitter](https://twitter.com/Njuchi_)
- [YouTube](https://www.youtube.com/channel/UCdngmbVKX1Tgre699-XLlUA?sub_confirmation=1)
- [Instagram](https://www.instagram.com/techworld_with_nana/)
- [LinkedIn](linkedin.com/in/nana-janashia)
Animated wizard progress
Tags: codepen
Published: 2020-01-23 17:54:27

Here's a little demo for a two-step wizard. I've made it using SVG and CSS animation.

{% codepen https://codepen.io/CiTA/pen/MWYZBMX %}

SVG consists of two paths:

- one that serves as a background and 
- one that serves as a moving line.

The biggest challenge was to calculate the `stroke-dasharray`. I have used [`getTotalLength()`](https://developer.mozilla.org/en-US/docs/Web/API/SVGGeometryElement/getTotalLength) function to get the overall length like in [my previous demo](https://dev.to/starbist/how-to-animate-svg-signature-16gp). The length is `1640`. Since I knew the middle line's length is `400`, getting the length of the circle was quite straightforward:

```
circle = (overall - line) / 2
circle = (1640 - 400) / 2
circle = 620
``` 

The next step was to set the `stroke-dashoffset`. Again, I had to use a little bit of math:

```
offset = overall - circle
offset = 1640 - 620
offset = 1020
``` 

Finally, I have used the CSS Animation to make the animation:


```
.steps__path {
  stroke-dasharray: 1640;
  stroke-dashoffset: 1020;
  animation: line 5s ease-in-out infinite alternate-reverse;
}

@keyframes line {
  100% {
    stroke-dashoffset: -1020;
  }
}
```

I decided to set the `animation-iteration-count` to `infinite` and the `animation-direction` to `alternate-reverse` to make the loop animation.

I have used a modified version on [my site, check it out](https://www.silvestar.codes/contact/).
Have you worked with a third party recruiting agency?
Tags: discuss, career
Published: 2020-01-23 17:41:14

I made a recent post about negotiating with recruiters, and someone brought up the excellent point that when you work with a recruiter they will often handle the negotiation on your behalf.

I'm curious how many folks here have worked with a third party recruiter when they were looking for work. 

For example, maybe you worked with a recruiter and/or agency in order to:

* Get matched with companies you hadn't heard of before
* Increase visibility above random applications
* Negotiate employment terms

Please share your thoughts from this experience:

- What was that experience like? 
- How did you find someone? 
- Is there a recruiter or agency you recommend? 
- Was the recruiter working for you or the company?

Thanks for sharing!
I compiled 200+ design and frontend conferences in 2020. Any more to add?
Tags: discuss, eventsinyourcity, design, ux
Published: 2020-01-23 17:37:59

Hi guys,
I spent this week and last week gathering all the design conferences around the world for 2020. Includes UX conferences, front-end, DesignOps, product design and more. I didn't think I would get to up to 202 of them! I exceeded 11,000 words, my longest article yet. 
Of course, the 200+ conferences list is too long to post (and format) here, so I'll [leave it on my blog](https://creatiffish.com/blog/other/2020-design-conferences-events-summits/). 
The final aim is to make this into a downloadable pdf ebook. Before I do this, I want to make sure I'm not missing anything. Can you please recommend any design/frontend conferences that I should add to this list? 
Thanks!
JavaScript Comparisons – JavaScript Series – Part 6
Tags: javascript, beginners, webdev, codenewbie
Published: 2020-01-23 17:29:22

Up until now, we are not making to remember something. Everything wasn’t stored. But from today we’ll store some value in some variables. It’s like x = 5 in math!

We can do different things with the variables. Like add 5 on the variable or change the string stored there.

In JS we use var to initial a variable. There are some other methods also, but we’ll learn those method later. Because currently we are working with basic.

Now we can do var name = "nerdjfpb" and some other codes. For now don’t think about the undefined.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/tttuewuk1kbjmja5ylk2.png)

Now we can get value by just calling the variable name

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/cn5v2r5641sufz70fnjs.png)

We can do different stuff with the variable, we can change a variable just to new value and it will work like – change the occupation to web developer

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/soaz4jrpkukkq3wg5cfz.png)

We can add some value with occupation and save it inside of the same variable like-

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/gus9f1ouq6c7tsl8jzib.png)

Also we can do the old things we’ve done with values. example –

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/svxha8pqnct2u5jeqdfy.png)

Keep practicing the stuff to learn more!


You can see the graphical version here
{% instagram B7q5Cb1A3ik %}

Source Codes - { Check commits }
{% github nerdjfpb/javaScript-Series %}


Originally it published on [nerdjfpbblog](https://blog.nerdjfpb.com/javascript-part-6/). You can connect with me in [twitter](https://twitter.com/nerdjfpb) or [linkedin](https://www.linkedin.com/in/nerdjfpb/) !
Minimal JSON file for adding a single user in a ghost environment.
Tags: ghost, json, blog
Published: 2020-01-23 17:23:21

---
title: Minimal JSON file for adding a single user in a ghost environment.
published: true
description: Minimal JSON file for adding a single user in a ghost environment.
tags: ghost, JSON, blog
---

https://gist.github.com/IsAmrish/cd0851e0d983cc1a33759eb7c93c6f99
Webpack or Parcel? 🤔 Use this CLI to bootstrap your Package with whichever you want 📦
Tags: typescript, javascript, webpack, productivity
Published: 2020-01-23 17:16:39

<h3>TLDR:It's like <b>create-react-app</b> but for building packages📦</h3>

```
npx create-awesome-package [package-name]
```

-------

This CLI helps to create the package with JavaScript/TypeScript, build system(Webpack/Parcel) and necessary stuff!

<b>You just write your code 🚀🔥</b>


It’s a manual process to arrange all your boilerplate code, Webpack, Parcel or other build systems to transpile to ES5, etc. and then build your desired package.

To fix that, I have published a CLI tool, which will help us to do those things, and you will be ready to do your actual code right away.

The name of the CLI is <b>create-awesome-package</b>


You can find this on 👉[NPMJS https://www.npmjs.com/package/create-awesome-package](https://www.npmjs.com/package/create-awesome-package)


<h3>How to use</h3>

Go to your root of the package you want to build.

Then, Just run this to bootstrap your package with JS

```
npx create-awesome-package my-package
```

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/g3858pwi0130e4fqplqg.png)

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/l5wh6b85kov2uw5wf79u.png)

and you are done! :clap:

<b>Jest</b> Testing is also integrated with it.
Just run-
```
npm run test
```
If you want to build the package into one single file with ES5 transpilation, Just run-
```
npm run build
```

Cheers!
:wave:


*Inspired from create-react-app*
A new version of React Native compiler for Bit
Tags: reactnative
Published: 2020-01-23 17:00:46

I just published a new version of React Native compiler for Bit
and I would appreciate some feedback.

You can write in the comments section, links to React Native components you exported.

To Install and use the compiler:
https://bit.dev/bit/envs/compilers/react-native

Stars to the repository will be welcome 😉💫 
{% github https://github.com/teambit/envs %}
This is something!!
Tags: todayifound, webdev, javascript, discuss
Published: 2020-01-23 16:43:18

So i was wandering over the web and found this [amazing piece of creativity](https://2019.makemepulse.com/).

It is a really cool gift for new year from [makemepulse](https://twitter.com/makemepulse?s=09).

The amazing thing is how the performance of this heavily graphic oriented website is so much smooth. Although it takes some time to load but then the real magic is unleashed.

The sounds are just another feel good touch. While writing this post, i got the idea of encouraging community to share such marvelous applications which made your wow moment. So, Please comment down the pointers to such beautiful ideas/applications.
Advice on building a website to save contact information
Tags: database, webdev
Published: 2020-01-23 16:38:28

This is more of a question for this community for advice on building, deploying and hosting a website to save contact info (name, location of meeting, data of meeting and reason of meeting). All I need is a UI with CRUD capabilities connected to a database.
The most important factors and reason for me asking the community is that I'm not sure what would be the most cost effective (or even free) and low effort option for doing this.
Thanks in advance for your advice!

P.S. I would only be saving on an average 50 new contacts everyday.
lovely article about the web of documents
Tags: web
Published: 2020-01-23 16:38:23

---
title: lovely article about the web of documents
published: true
description: 
tags: web
---

This article/opinion piece is great.

http://blog.danieljanus.pl/2019/10/07/web-of-documents/

It is interested that we have indeed ended up with a web of applications that look like documents.

Not that I think this is a good idea but it would be nice to have a web of PDFs instead of what we have. Or something like a PDF that is more or less fixed. You would have to take out the scripting options from PDF so that it would not morph into a web of PDF applications.

Or maybe a web of static/JAM sites.

It would be fun to have a set of sites that do use these ideas. And have them linked. In the early days of the web I think that concept was called a "web ring." I doubt any still remembers it... :(
My understanding of an event loop in Nodejs
Tags: node
Published: 2020-01-23 16:25:56

## What is the Event Loop?
The event loop is what allows Nodejs to perform non-blocking I/O operations — despite the fact that JavaScript is single-threaded — by offloading operations to the system kernel whenever possible.

### Event loop explained

When Node.js starts, it initializes the event loop, processes the provided input script which may make async API calls, schedule timers, or call process.nextTick(), then begins processing the event loop.

![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/13sco2y5lyecfpoptslw.PNG)

this diagram shows how event loop order of operations


Each phase has a FIFO queue of callbacks to execute. When the queue has been exhausted or the callback limit is reached, the event loop will move to the next phase, and so on.