teleren/devto huggingface dataset:
My approach to planning personal projects, tasks, and goals with examples
Tags: productivity, projects, tasks, goals
Published: 2020-04-22 08:33:54

In the article "[Step by step I follow my goal. Planning of personal goals, projects, tasks.](https://ismart.life/articles/planning_goal_project_task)", I want to share the experience of achieving personal goals, project planning and the sequence of forming up the tasks. Also, I will consider what projects are, their optimal duration and the number of tasks. There are examples and approaches.

I tried not to write anything superfluous and I hope the article will be interesting and useful for you and will help you build your own process while achieving your goals.

Also, write in the comments if you have a different approach or there is something that can be improved...
Level Unlocked! x Twilio Hackathon Project Update
Tags: devjournal, twiliohackathon, codenewbie, womenintech
Published: 2020-04-22 08:33:10

_This post was originally published on April 22, 2020 on [my blog](https://alexlsalt.github.io/blog)._

Yesterday, I left off mentioning that I was going to focus on getting each user's account synced up with their own unique settings within my hackathon app. I'm over-the-moon excited and proud to announce that I solved the issue in a relatively short amount of time yesterday (yaaaay).

For a little more context, I was writing logic in my program that basically said 'If a user inputs a certain item into their list (Firestore backend), add an ID property to that item that was an exact match with their own user unique ID (uid) (Firebase authentication).'

The issue was that whenever I'd log in as one user's email address (a@example.com) and add new items to their account list - I'd log out and then log in again as another test user (b@example.com), and the first user's information and input settings would show up (er, not ideal).

After a bit of good ol' fashioned thinking (and a good amount of trial and error), I decided to try to wrap the logic in the Firebase method onAuthStateChanged so that it essentially ran the code again for each new user that logs in. I also had to make sure to remove the list items upon a user logging out so they don't show up for someone else logging in (I'm sure there's a more secure alternative for how to do this, but at this point, I'm trying to focus on getting a *working* model of the app!)

Here's a snippet of the code wrapped in the onAuthStateChanged mentioned above:




```
auth.onAuthStateChanged(user => {
   if(user) {
    db.collection('contacts').get()
    .then(snapshot => {
       snapshot.docs.forEach(doc => {
        if(doc.data().id === 
        auth.currentUser.uid) {
          renderContact(doc);
        }
      })
    })
  } 
});                       
```


Today, I'm focused on rendering the list items in realtime (so as soon as the user enters an input value to be rendered, it won't be necessary to refresh the page to get the info to appear on the UI - it will automatically update. That'll be pretty easy, I know I've watched a tutorial about this - just need to refresh my brain!

Also, I'm going to spend some time going over the Twilio documentation to figure out what needs to be done to implement the SMS reminder functionality (I *might* look into Whatsapp messaging instead if it's simpler - we shall see). Onward!
Education in a 5 feet economy
Tags: sogetilabs
Published: 2020-05-04 06:35:20

---
title: Education in a 5 feet economy
published: true
date: 2020-04-22 08:01:00 UTC
tags: SogetiLabs
canonical_url: https://peterrombouts.nl/2020/04/22/education-in-a-5-feet-economy/
---

<small><em>Originally posted on SogetiLabs: <a href="https://labs.sogeti.com/education-in-a-5-feet-economy/" rel="nofollow">https://labs.sogeti.com/education-in-a-5-feet-economy/</a></em></small>

Our Prime Minister Mark Rutte prepared us; the [5 feet economy could be here for a while](https://nos.nl/artikel/2329866-1-5-meter-samenleving-als-nieuwe-normaal-blijf-updaten-en-wees-duidelijk.html). How does that work in education? And what problems do we see around us?

### Technology Leaders

I (try to) teach coworkers and clients on a regular basis, and do this mostly on-site to get the interaction going between everyone in the room, and also to get a sense of how people react to my presentation or my talk. I personally find it hard to get the same feedback while working remotely.

Mind you; we are [‘Technology Leaders](https://www.youtube.com/watch?v=kN4FWkz0hwE)‘ and are capable of doing our job and all sessions remotely. We have the tech, but do we really have the same impact? At this moment, we do not have a choice, and have to do things online.

### Education Online

As a father-of-three, I see these issues also on the side of education. Kids in pre-school really learn a lot in the classroom, and also from their friends in class. Want to be engaging and keep the attention of your coworkers? Try doing that for 6 or 7-year-olds…

My belief is that, especially for children, learning from each other is key. This cannot be replaced by an online tool. Still, in these ‘5 feet times,’ you have to make concessions. Digital skills are important, so make sure your kids and your friends can work online.

I see schools struggle with Microsoft Teams, Skype, with MOOC environments and with technology in general. I see this as a fail from IT companies; We always talk about inclusion, but it is still difficult to get everyone online working together. We have done a very good job making sure ‘we’ the IT people can do everything online, but we see educators or parents in general struggling with technology.

### Help the educators, help each other

Big things start small; My door is always open, and I (time permitting) am always available for a quick tip or some help. Keep in mind that using Teams or Skype or Zoom is second-nature to ‘us’, for some parents or teachers this can be challenging. By helping another parent, simply by explaining how a tool works, you already have **one more** person that uses the tool. Maybe you can lend out a spare laptop for someone not having those resources. Maybe you can fix their internet, or setup their environment.

### **Small things count, we can make a difference together.**
How to Build web applications using Kotlin/JS and React JS 
Tags: kotlin, react, javascript
Published: 2020-04-22 07:19:36

---
title: How to Build web applications using Kotlin/JS and React JS 
published: true
description: in this video I've explained how to build web apps using Kotlin/JS and React JS
tags: kotlin, reactjs, javascript
---

{% youtube FjZ5UCnVNpk %}
TwilioHackathon - The First issue
Tags: twiliohackathon
Published: 2020-04-22 07:16:00

Apparently didn't have HyperV installed which means no vagrant therefore no homestead q.q

Fixed with an annoying reboot of windows

##Update 1

After installing HyperV it came time to mess around with the Homestead configuration, in Hyper-V manager I created a bridged switch called "Bridge"

I also had to create a local use for SMB shares so that the code can be seen by the Vagrant/homestead VM.

This is my current Homestead configuration
```yaml
---
networks:
    - type: "public_network"
      bridge: "Bridge"
memory: 2048
cpus: 2
provider: hyperv
backup: true

authorize: ~/.ssh/id_rsa.pub

keys:
    - ~/.ssh/id_rsa

folders:
    - map: E:\clients\Internal\HackaThon2020\www
      to: /home/vagrant/code

sites:
    - map: homestead.test
      to: /home/vagrant/code/public
      schedule: true
      php: "7.4"

databases:
    - homestead
    - stackcoms

features:
    - elasticsearch: true
    - golang: true
    - mariadb: true
    - minio: true
    - ohmyzsh: true
    - webdriver: false
    - mongodb: true
    - python: true
    - rabbitmq: true
```

It now works and the "share" command is running ngrok tunnels so I can move onto actually making the backend now :)

<https://www.twitch.tv/alicetheawoo>
[Feedback Welcome] Introducing Safe Stream: giving content consumers a safe choice before they click play.
Tags: saas, startup, mentalhealth
Published: 2020-04-22 07:11:47

Check it out here.

[safestream.info](https://safestream.info/)

You can also read the [documentation](https://app.safestream.info/docs/1.0/overview) and get started using the API.

I built a "Tech for good" MVP SaaS in less than 10 days, including the main landing page, API (that anyone can access right now), dashboard with authentication, documentation, a basic automated deployment process, and request tracking.

My eventual goal is to pitch this API to streaming businesses to display this information to their consumer before they click play. I'll be creating client SDKs and demos around the API too as well as simple ML models.

We have content guidance review for over 20k movies and TV shows, and over 55k comments that describe the graphic and mature content.

If you are a developer, with time on your hands I highly encourage you to solve a problem that has affected you and get building.

That would be one of the best ways for developers looking to build their portfolios and experience, and if it is good enough it could have the potential to be sustainable.

Please note, I also work in 2 roles as an IT contractor for a Blockchain company and Lead/Solo Developer for an Edtech company.

Happy to answer any questions on the stack I use and the money I spend to handle this project and my personal tech stack.

Thank you for reading.
будь полезен [перевод]
Tags: career, computerscience
Published: 2020-04-22 07:08:28

Вольный перевод статьи Laurie Voss "[Be useful](https://seldo.tumblr.com/post/161335444560/be-useful)"

# Будь полезен

С некоторой регулярностью люди, только недавно начавшие свой путь в разработке, просят у меня совета по поводу карьеры. Не знаю, достаточно ли я квалифицирован, чтобы раздавать советы, но суть в том, что они обычно очень различны и зависят от многих обстоятельств. Однако, есть одна рекомендация, которая подойдет каждому: будь полезен.

Что я имел ввиду: если ты выбрал компанию и получил работу - делай эту работу. Если поменяются задачи или сама компания - делай новую работу или уходи. Но не пытайся делать что-то другое. Будь полезен. Будь человеком, который прямо сейчас нужен твоей компании.

Это же очевидно, можно подумать, но обратное происходит постоянно. После получения работы человек думает, что будет выполнять задачу A, но когда обнаруживает, что нужно сделать и задачу B, заявляет, что “это не моя работа”. Окей, конечно, тебя расстраивает то, что ты так и не занялся задачей A, но компания не станет создавать для тебя вакансию с одной только A задачей. Либо ты делаешь B или уходишь, либо тебя увольняют.

События развиваются по другому пути, когда кто-то из лучших побуждений пытается расти по карьерной лестнице внутри компании. Он делает задачу A, но и хочет заниматься задачей B, и подбирают любую B, когда та появляется. Это великолепно! Ты должен делать также, но не вместо задачи A. Когда компания разрастется до того, что ей понадобятся два человека, которые будут решать задачи A и B - ты сможешь выбрать, какую из них делать тебе. Но не раньше.

Быть полезным - еще один способ сказать “делать то, чего требует рынок, а не то, что хочется”. В 2005-м году я думал, что стану Java разработчиком, но Yahoo наняла меня на роль разработчика PHP. Я мог отказаться и пойти в любую другую компанию, где работают с Java, но это было бы плохой идеей. В Yahoo я должен был разрабатывать десктопное ПО, но как-то моей команде был нужен сайт, и я сделал сайт. Потом в компании произошла реорганизация. Я думал, что останусь веб разработчиком, но им был нужен администратор баз данных, и я стал администратором баз данных. За всю свою карьеру я снова и снова делал работу, которую было нужно делать, что сделало меня более ценным сотрудником на текущем месте и еще более ценным инженером в целом.

Сейчас я в должности исполнительного директора (COO). Я бы не сказал, что мне нравится разговаривать с юристами и бухгалтерами целыми днями. Постоянная работа с таблицами меня не удивляет, а даже приносит некое удовольствие. Но это работа, которую нужно делать, и выполнение её делает лучше компанию. Это делает меня более значимым, и, если я когда-нибудь вновь захочу заняться стартапами, новые знания о финансах мне очень помогут, хоть и получил я их совершенно случайно.

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

Делай работу, которую нужно делать. Будь полезным, и это окупится.
Javascript Notes, Part-01 - Principles of JS 
Tags: javascript, webdev, tutorial, beginners
Published: 2020-04-22 06:52:43

There are five big areas of JS which are foundational pieces to understand JavaScript in-depth:

1. Principles of JavaScript
2. Callbacks & Higher-order functions
3. Closures
4. Asynchronous JavaScript & the event loop
5. Classes & Prototypes (OOP)

In this blog let's talk about Principles of JavaScript. These principles are basic building blocks that you need to remember all the time. These will be foundations for understanding complex concepts later and will also help you in effective technical communication.

## Principles of JavaScript
### Thread of Execution
* JS is a single-threaded programming language hence only one thread handles the code execution, therefore the code is executed line by line known as the **thread
of execution(TOE)**.
* Right now with one thread and without complex code, JS has a **synchronous** programming style.

### Execution Context
* Then there is something called **execution context(EC)** which is an abstract concept that holds information about the environment within which the current code is being executed. Some notes on EC
* easy definition: In the execution context, we go and compartmentalize any data we're storing while we're inside that function
* There are two main components in EC, they are 
    - A Thread of Execution(TOE)
    - Memory (A new memory store for each EC)
* Global EC is created before any code is executed.
* A new function always creates a new EC.
* With a new EC, a TOE is now in that function and also a new local memory store(where all data related to function are stored) is created for each new function.
* When TOE completes in function, it is cleared from memory except for a returned value from the function.
* There is always one TOE alive until the program is exited.
* JavaScript keeps track of the function which it is currently running by using a call stack.
* TOE is always in the function which is on top of the stack.
* There is always a global context on the call stack.

### Functions and call stack
* JavaScript keeps track of what function is currently running using a call stack.
* In JS code, i.e in JS engine, a new function means a new execution context is created and when we call that that function using parenthesis '()' we push that function onto the call stack then our TOE runs the code in the topmost function of the call stack.
* When finished running the function we remove it from the call stack and TOE is also returned to the parent function.
* As call stack is a stack we have the functionality of LIFO(Last In First Out), we execute functions which are most recent.
* Therefore there is a chance of code getting blocked for a longer period of time in the parent function(a function calling another function) when the child function(a function which is being called) takes longer time to be executed and return the TOE to the parent function.
Announcing The New Normal
Tags: security, devops, webdev
Published: 2020-04-22 06:37:40

If you’re like most of us, you’re spending half your day washing your hands, and the other half trying to find a really great Zoom background to impress your coworkers. The days of the office (break rooms filled with snacks and free lunch on Friday!) sounds pretty good right now. Especially if you’re like me and keep finding the same terrible snacks every time I rummage through the cupboards.

What if that day never comes? How will it change if it DOES come? What do I do with the hundreds or thousands of people that I shoved out the door, and what issues I created shoving them out the door?

These are the questions we have been asking, and why we launched The New Normal. The New Normal is a friendly chat with industry-leading experts on what the transition looked like when being forced to work remotely practically overnight. What problems did they have? What solutions have they come up with to solve them? What problems do we have now, a month later? What do we think The New Normal is going to be in 6 months? How about a year from now?

We have been talking with our friends over at Lark Security about what challenges we both have been navigating with our customers, and what we think the new normal might look like. Most importantly, how does the "new normal" look for cybersecurity? So we decided to host a forum together where we can all share our experiences and collectively benefit from the lessons we are all learning.

The format is pretty simple, every other Thursday at 10 am MST, we will host a virtual meeting with a panel and a moderator. Guests are encouraged to ask any questions they have in the chat function of the meeting, and the moderator will get to them when appropriate. Some episodes will have sponsors that are relevant to the topic or cause.


Our first episode will be Thursday. April 23rd, 2020. Guests and panel members are TBD at this point. If you would like to be a panel member or guest, submissions are welcome here. We are also looking for sponsors, so please reach out if you would like to be considered.

**_This post was originally published at [CypressDataDefense.com](https://cypressdatadefense.com/blog/Annoucing-The-New-Normal/)._**
Get current device type with JavaScript
Tags: javascript, webdev, tutorial, beginners
Published: 2020-04-22 06:35:55

When setting up some scripts, we need to know the current device type. Just take the example of analytics scripts or scripts that need to be loaded depending on the device. We will see through this article how to get the current device type with JavaScript using userAgent.

## userAgent

[userAgent](https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent) is a property of the [navigator](https://developer.mozilla.org/en-US/docs/Web/API/Window/navigator) object that indicates the user agent which the browser provides in HTTP headers.

With the value of this property we can test with a Regex if it contains some elements or not and then get the type of the device, tablet, mobile otherwise desktop. We can combine this test with the width of the current window.

Here is a function to get the device type

```javascript
const getDeviceType = () => {
  const ua = navigator.userAgent;
  if (/(tablet|ipad|playbook|silk)|(android(?!.*mobi))/i.test(ua)) {
    return "tablet";
  }
  if (
    /Mobile|iP(hone|od)|Android|BlackBerry|IEMobile|Kindle|Silk-Accelerated|(hpw|web)OS|Opera M(obi|ini)/.test(
      ua
    )
  ) {
    return "mobile";
  }
  return "desktop";
};
```
> userAgent cannot always give us the real device because it can be replaced easily, for example when we use bots the real device can be completely different from what is provided. And the same thing for browser infos. In this case, it will be better to check the availability or unavailability of some methods.

## Let's try this function

### desktop

![desktop device detection javascript](https://dev-to-uploads.s3.amazonaws.com/i/z6kmymvdj2xob4o31dks.png)

### tablet

![tablet device detection javascript](https://dev-to-uploads.s3.amazonaws.com/i/c30rahk22r21nejl2b3u.png)

### mobile

![mobile device detection javascript](https://dev-to-uploads.s3.amazonaws.com/i/wfx0znbygzbtpowcg97v.png)

## Useful links

- [navigator](https://developer.mozilla.org/en-US/docs/Web/API/Window/navigator)
- [userAgent](https://developer.mozilla.org/en-US/docs/Web/HTTP/Browser_detection_using_the_user_agent)
- [List of user agents] (https://developers.whatismybrowser.com/useragents/explore)
- [RegExp](https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/RegExp)
- [test()](https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Objets_globaux/RegExp/test)
- [regex101](https://regex101.com)

Before you leave…
Thanks for reading! 😊
Artificial intelligence research for drug discovery
Tags: datascience
Published: 2020-04-22 06:08:14


The [COVID-19 High-Performance Computing Consortium](https://covid19-hpc-consortium.org/) is a research consortium consisting of tech companies, academia, national laboratories and federal agencies.

The research community have provided their technical capabilities to work on complex research projects to help fight the virus. Researchers are applying artificial intelligence algorithms, building machine learning models, generative networks, and reinforcement learning; for drug discovery, discovering molecular & genome characterization and structures analysis, and simulations.

Companies and agencies are providing free Cloud computational resources of over 402 petaflops, over 3 million CPU cores and over 40,000 GPUs. These supercomputers have empowered top scientists and researchers with the computation needs to ensure rapid results.
🌍Memory Game - Flipping Cards (JS + CSS) [YouTube LIVE]
Tags: javascript, tutorial, console, coding
Published: 2020-04-22 06:07:54


⬇️In this array programming exercise, we will create a JavaScript powered memory game that can be easily enhanced and extended. 

Codepen: https://codepen.io/EleftheriaBatsou
Working project: https://codepen.io/EleftheriaBatsou/pen/wvKzozm
Inspiration: http://www.developphp.com/video/JavaScript
Video tutorial: https://youtu.be/uMeg3Eta8YU

************************************

👋Hello, I' m Eleftheria, an app developer, master student, public speaker, and chocolate lover.

🍩Would you care about buying me a coffee? You can do it here: [paypal.me/eleftheriabatsou](paypal.me/eleftheriabatsou) but If you can't that's ok too!

**************************************

🙏It would be nice to subscribe to my [Youtube](https://www.youtube.com/c/EleftheriaBatsou) channel. It’s free and it helps to create more content.

🌈[Youtube](https://www.youtube.com/c/EleftheriaBatsou) | [Codepen](https://codepen.io/EleftheriaBatsou) | [GitHub](https://github.com/EleftheriaBatsou) | [Twitter](https://twitter.com/BatsouElef) | [Site](http://eleftheriabatsou.com/) | [Instagram](https://www.instagram.com/eleftheriabatsou/)