teleren/devto huggingface dataset:
Array In Javascript | Javascript Crash Course
Tags: tutorial, javascript, webdev, codenewbie
Published: 2020-08-05 12:02:33

In this video, we are going to learn about arrays. We will take a look at what actually are arrays then we will learn how to implement and use an array.

Connect With Me:
Youtube: <a href="https://www.youtube.com/c/ShubhamSauravYT" target="_blank" rel="noopener noreferrer">ShubhamSauravYT</a>.
Twitter: <a href="https://www.twitter.com/hiShubhamSaurav" target="_blank" rel="noopener noreferrer">@hiShubhamSaurav</a>
Instagram: <a href="https://www.instagram.com/hiShubhamSaurav" target="_blank" rel="noopener noreferrer">@hiShubhamSaurav</a>
Facebook: <a href="https://facebook.com/hiShubhamSaurav" target="_blank" rel="noopener noreferrer">@hiShubhamSaurav</a>
Side projects as an employee KPI
Tags: productivity, discuss, watercooler
Published: 2020-08-05 12:01:57

**Working long hours — at the office, a coffee house, or at home — is one of the more obvious indicators that an employee is dedicated to their job, but is it indicative of how productive or how good they are?**

It's possible the long hours are a sign that someone is struggling to accomplish in 5 hours what could or should have been done in 1 or 2, and if that's the case, the job is encroaching on their personal life, which in turn would have a commensurate negative affect on their work like — and that's when the downward cycle begins. Unchecked, these long hours would have negative consequences for both employer and and employee alike.

Gmail, Google Maps, Twitter, Slack, and Groupon started started as side projects, as did Under Cloud, the digital research assistant, which I've since spun out as a startup of sorts.

Side projects should be considered key performance indicator of an employee, something I imagine Google figured out a long time ago, giving rise to their famous 20% time set aside for their employees to focus on side projects. The powers at Google are no fools, and the fruits of that 20% me time become Google products, but that needn't be the case for everyone else.

>"Should I tell my boss I have a side project?"

… is a question I see asked a lot while on a number of groups for entrepreneurs, developers, and designers to talk, share ideas, and learn from their peers. If it were me, I’d want to know if an employee had a side project, not because I’d feel threatened, but because I’d like to help, where possible. As an employer, I see side projects as evidence of some notable qualities:

- proactive, forward thinking, and a willingness to look beyond their immediate environment;
- inventiveness, and a mind for both identifying and fixing problems, or seeking out new and novel niches;
- and a demonstration of a commitment to self improvement, and a desire to learn.

These are commendable qualities that are beneficial to the employer, too — more so if these side projects are work-related activities. It's feasible an employee could be working on a side project without me knowing — and that's not a problem in and of itself — but it's inconceivable that their out-of-hours dedication to their craft wouldn't be of benefit Octane to some extent, since they'd either be:

- learning new or honing existing skills;
- collaborating with others and improving their own project management and communication skills;
- and perhaps learning to make more effective use of their time, and — through trial and error — create a productive work-life balance.

I'm sure there are other benefits, so what'd I not include, and what do you think of side projects?

Image by <a href="https://pixabay.com/photos/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=731198">Free-Photos</a> from <a href="https://pixabay.com/?utm_source=link-attribution&amp;utm_medium=referral&amp;utm_campaign=image&amp;utm_content=731198">Pixabay</a>
Daily Developer Jokes - Wednesday, Aug 5, 2020
Tags: jokes, dailydeveloperjokes
Published: 2020-08-05 12:00:04

---
title: "Daily Developer Jokes - Wednesday, Aug 5, 2020"
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=Wednesday%2C%20Aug%205%2C%202020"
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/5e1259118e11e.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:___ What's a compiler developer's favorite spice?

___A:___ Parsley.
 -->
Online workshop with eBay
Tags: js13kgames, workshop, ebay, gamedev
Published: 2020-08-05 11:50:47

---
title: Online workshop with eBay
published: true
description: You might remember we had cool events with eBay Tech Berlin in the past years - Launch Party in their office in 2018, and Hackday at GameOn Berlin in 2019. Now given the global situation, we are moving everything online - the workshop is going to be held tomorrow, and the meetup next week.
tags: js13kgames, workshop, ebay, gamedev
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/eb5hbh3vqbeq6kiir68a.jpeg
---

You might remember we had cool events with [eBay Tech Berlin](https://ebaytech.berlin/) in the past years - [Launch Party](https://medium.com/js13kgames/launch-party-with-ebay-in-berlin-1103f946b05a) in their office in 2018, and [Hackday](https://medium.com/js13kgames/js13kgames-2019-hackday-in-berlin-b502cb2c3f8c) at GameOn Berlin in 2019. Now given the global situation, we are moving everything online - the workshop is going to be held tomorrow, and the meetup next week.

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

[Sascha Depold](https://twitter.com/sdepold) is hosting [Workshop: Creating a game with less than 13KB of JavaScript](https://www.meetup.com/eBay-Europe-Technology/events/271938367/), and you’re free to join wherever you are, since it’s going to be held entirely online. You’ll have the chance to create an Asteroids game using the popular [Kontra.js](https://straker.github.io/kontra/) micro-library (by [Steven Lambert](https://twitter.com/StevenKLambert)), which is perfect for the 13 kilobytes size limit required by the competition.

The workshop is going to be held via Zoom, in the evening Europe time (6-9 PM CEST), so US folks will be able to join in their morning as well. If you ever wondered about participating in the [js13kGames](https://js13kgames.com/) competition, but had no idea where to start, this is the perfect event for you!
The only state management solution that uses React hooks
Tags: javascript, webdev
Published: 2020-08-05 11:48:58

As of today, we have 2 different ways of managing state and side-effects in React:
1. For local state and side-effects we use hooks *
2. For global state and side-effects, we use a library such as Redux or MobX **

>\* or this.state / lifecycle methods for class components. 
>** or React context, which [has its drawbacks as a state management solution](https://dev.to/adamklein/react-context-to-replace-redux-3g6e)

The main problem is that we are forced to manage local and global state differently. Moreover, **we move local state to global state quite often, and the migration costs us precious development hours**.

This also means that **we don't benefit from the reusability of hooks**, and we can't enjoy our custom hooks in global state management.

### ReusableJS
**ReusableJS** is the only global state management solution that uses native React hooks ***
Sure, you can use hooks to **connect** to Redux or MobX stores, but inside the stores you manage state, side-effects and computed values with a different mechanism. 

**ReusableJS** allows you to manage your global state using native React hooks. It does so by wrapping each global store in a dummy component that executes the hooks, and allows you to subscribe directly to these stores, and use memoized selectors.

This will allow you to manage global state the same way you manage local state, while maintaining high performance, and decoupling your state management from the component tree.

To learn more about how to use ReusableJS, checkout the Repo:
[https://github.com/reusablejs/reusable](https://github.com/reusablejs/reusable)

![ReusableJS Logo](https://dev-to-uploads.s3.amazonaws.com/i/l5azi55nv5a1hp8kaqnz.png)

> *** If you know of another library that allow you to manage global state using native React hooks, please let me know. I haven't encountered one after doing a pretty extensive research.
Hello If You Want To Learn Any Programming Language Or Web Development Read this post
Tags: javascript, html, css, python
Published: 2020-08-05 11:38:57

Hello Everyone. if you want To leay Any Programming Language or Other Online Course Like Web Development Or app Development visit her To get . today I'm Giving you a Chance To Get Any 
*Buy Any Course For 50% Discount + buy one get one Free*
*Visit :*👇👇👇
➖➖➖➖➖
https://bit.ly/Professional_web
➖➖➖➖➖
*Join Channel*
➖➖➖➖➖
https://t.me/joinchat/AAAAAFeXGZxVFp-_Akwe7w
➖➖➖➖➖
*Join WhatsApp Group*
➖➖➖➖➖
https://chat.whatsapp.com/HJKAMBgb61T4e9Dn35mVg8
Why Machine Learning is useful?
Tags: machinelearning
Published: 2020-08-05 11:23:14

Machine Learning involves
1. Fraud Detection
2. Traffic Alerts on Google Maps
3. Google Translate
4. Automatic Spam Filtering
5. Virtual Personal Assistant, Automatic Recommendation system on Netflix, Amazon and many more. It is closely related to the field of mathematical optimization and computational statistics. Enroll Machine Learning Training in Chennai and learn everything about this field with expert support. ML algorithms find natural patterns that generate insights and help to make better predictions and decisions. Various search engines use ML to gather information about user activity. 
Machine Learning is great for simplifying problems, enrich your skills in this field via Machine Learning Training Online. It has multiple methods, such as reinforcement learning, semi-supervised learning, supervised learning and unsupervised learning. Kick start your career in this field with amazing support through the Machine Learning course in Chennai, ML helps in our day to day life and this automates most of the things in upcoming days. For further information about ML check Machine Learning Online Certification Training. 
Check out here for more information:
https://www.fita.in/machine-learning-course-in-chennai/
https://www.fita.in/machine-learning-training/
Understanding Docker: part 2 – Tools: Dive
Tags: docker, devops, beginners, cloud
Published: 2020-08-05 11:19:43

---
title: Understanding Docker: part 2 – Tools: Dive
published: true
description: Serie of sketchnotes about Docker. Explaining in a visual way Docker principles.
tags: Docker, DevOps, beginners, Cloud
series: Understanding Docker in sketchnotes
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/dblzsn5n5bbv3km6ge4j.jpg
---

Understanding Docker can be difficult or time-consuming. In order to spread knowledges about Cloud technologies I started to create sketchnotes about Docker. I think it could be a good way, more visual, to explain Docker (and others technologies like Kubernetes and Istio).

We continue the serie of Docker Sketchnotes with a focus about a useful tool: Dive.

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

If you are interested, I published all the sketchnotes on Docker (and new ones!) to make a "book" of 93 pages: ["Understanding Docker in a visual way"](https://gumroad.com/aurelievache#YTLzM).

As usual, if you like theses sketchnotes, you can follow me, and tell me what do you think. I will publish others sketchs shortly :-).
chat app illustration using only HTML and CSS.
Tags: webdev, html, css, javascript
Published: 2020-08-05 11:08:07

Good day beautiful people on the internet, I just want to share with you what I've created this morning. This is just an illustration I created using only CSS and HTML. This is a challenge from  [frontendmentor.io](https://frontendmentor.io) . I hope some of will be interested in it and decide to also take up this challenge and others as well. Have a nice day !!
Updating your LinkedIn part1
Tags: webdev, linkedin, jobsearch, codenewbie
Published: 2020-08-05 11:03:47

**LinkedIn** is one of the easiest ways to market yourself and build a network, and the majority of recruiters use it to some extent. If you haven’t optimized your profile, you’ll go unnoticed in many searches and you’ll miss out on many interactions, which are crucial to building a network.

Here are some of tips you might find useful.

**First** - what you Cannot have:
- mismatch of information from your LinkedIn and resume
- old data 
- broken links
- grammar mistakes

**Second** - what you should Have/ Make/ Edit:
- set your profile to public
- select job seeking
- set your location
- set your commute preferences
- set your account settings (what industry, what you are looking for, your dashboard)
- edit your public profile (show profile photo, background picture, headline, websites, summary, current experience, details, projects, recommendations)
- update your contact information (current location, websites of your profile page, blog, github, twitter etc)
- update intro

**Third** - order your LinkedIn section:
- current positions
- education
- volunteer experience
- skill endorsements

This is pretty much all you have to work on. In my next blog posts I will go in details about Headline strategy.
TIME MANAGEMENT
Tags: time, management, life, productivity
Published: 2020-08-05 11:03:01

I am making this blog because this is a personal issue of mine that I have from time to time. Between family, working out, and programming how am I going to fix this first world problem of mine. Simple right? The answer is to ctrl + alt + del my family. No but really all jokes aside how did I fix my issue. Well some of you are not going to like the truth and some of you might have already done this. 

_There is three steps to this and here they are:_

* **Categorization:** You need to get everything you do on a daily bases and categorize all of them. This includes who you talk to on a daily bases and typically what the subjects about. The places you go (even though most of us are in quarantine and really should not be out and about anyway.) Or maybe you are just gaming way too much and need to switch from an MMORPG (massive multiplayer online role playing game) to a CCGO (collectible card game online).


* **Prioritization:** You need to mark down what's the most important things in your life right now and put them on the top of your list. If video games are the most important to you right now then I don't really even understand why you are looking at this site that's made for developers? (Games are fun but, time and place dudes/dudettes)


* **Realization:** You are now realizing what is clogging up so much time away from your priorities. After that you realize why that is and how to fix it.


For me personally it was family drama that I did not have the power or no how to fix it. One big issue is people in my family would love to come to me asking what they should do. I would give them my advice and then they would do the complete opposite. Then the following week they would come to me asking for the same advice and tell me they don't know what to do. This is the literal definition of insanity. If you have family or friends who are doing this to you my suggestion is to cut them off (At least for a bit). It really is a form of mental abuse and manipulation.

Right now I seek positive role modals and I try my best to hang out with them when ever possible. There are 6 people in my life that I look up to as of right now. They are a drama free zone and I like that. I am trying to take after them in habit, body language, and routine (in some form or another). The 6 of them are:

* My sister: Felicia
* My sister: Amy
* My cousin: John
* My uncle: Willard
* My aunt: Rachael
* My friend from Scotland: Alan

**I made this blog because I think its really important to try and find out why you are being taken out of focus in your life. My hope is that someone will read this and maybe realize what is getting in there way. No matter if its a person, place, or thing.**

(I did kind of use this blog to vent not going to lie but maybe it will help someone else out as well.)
RSpec + Capybara: Submitting forms
Tags: rails, backend
Published: 2020-08-05 11:01:38

In the past I thought testing my code was a waste of time until the day my web application did not perform well in production -it was embarrassingly buggy.

Since then I discovered [RSpec](https://rspec.info/) and I fell in love with the tool and also behaviour driven development.[RSpec rails](https://github.com/rspec/rspec-rails) becomes even more powerful with [Capybara](https://github.com/teamcapybara/capybara) gem for even more robust testing with a look into how the user will interact with users.

For instance, testing how the user signs up, i.e, filling in the sign up form.

```ruby
require 'rails_helper'

RSpec.describe "User Registration", type: :system do
  before do
    driven_by(:rack_test)
  end

  context "signs up a new user" do
    it "signs a user up" do
      visit '/users/sign_up'
      within("#new_user") do
        fill_in 'Email', with: 'user@example.com'
        fill_in 'Password', with: 'password'
      end
      click_button('Sign up') # submits the form
      expect(page).to have_content 'You have signed up successfully'
    end
  end
end
```
We can take things more deeper to test what parameters users submit to the database through your forms. Let's start with a *User* model that requires *full_name* to be present on new sign ups.

```ruby
class User < ApplicationRecord
  ...  
  validates :full_name, presence: true
  ...
end
```
Then we want to make sure that the form is not submitted unless this parameter is missing.

```ruby
require 'rails_helper'

RSpec.describe "User Registration", type: :system do
  before do
    driven_by(:rack_test)
  end

  context "does not sign up a new user" do
    it "signs a user up" do
      visit '/users/sign_up'
      within("#new_user") do
        fill_in 'Email', with: 'user@example.com'
        fill_in 'Password', with: 'password'
      end
      click_button('Sign up') # submits the form
      expect(page).to have_content 'First name can\'t be blank'
    end
  end
  context "signs up a new user" do
    it "signs a user up" do
      visit '/users/sign_up'
      within("#new_user") do
        fill_in 'Full name', with: 'User Example'
        fill_in 'Email', with: 'user@example.com'
        fill_in 'Password', with: 'password'
      end
      click_button('Sign up') # submits the form
      expect(page).to have_content 'You have signed up successfully'
    end
  end
end
```

The combination of these technologies has made me fall in love with testing (BDD). What are some of the use cases you have implemented with RSpec and Capybara.
Drawing Captain Harty for PAPER TANKS

Tags: gamedev, indiegame, tutorial, 2d
Published: 2020-08-05 10:54:06

Full video:
https://youtu.be/FZSvC1669Q8

Follow the dev:
https://store.steampowered.com/app/1213020/PAPER_TANKS/
https://gamejolt.com/games/PAPER_TANKS/474788
https://twitter.com/PAPERTANKS2
Trending JS / TS repositories - 05 / 08 / 2020
Tags: javascript, typescript, news, opensource
Published: 2020-08-05 10:51:08

Let's look at some trending repositories in the JS / TS community.

# Whistle - request debugging tool

Whistle is a powerful local tool leveraging nodejs to intercept and analyse local requests. 

1. offer HTTP proxying

2. capture, replay or compose requests of HTTP, HTTPS, WebSocket and TCP.

3. manipulate http request and response by configuring hosts, or patterns like domain, path, regular expression, wildcard characters, wildcard path, etc.

4. offer build-in mobile debugging mode

Functional Map:

![functional map](https://raw.githubusercontent.com/avwo/whistle/master/docs/assets/whistle-en_US.png)

Source: 
{% github avwo/whistle %}

---

# GPUJS - GPU accelerated javascript

This library helps you leverage GPU to accelerate various tasks. The repository contains examples on how to use it with leaflet, canvas, path-finding algorithms and more!

Source:
{% github gpujs/gpu.js %}

---

# Master Portfolio - Clean, simple, customizable portoflio

This is a very beautiful portfolio aimed at developers.

1. Easy theme switching

2. Simple Github Pages deployment

3. MIT licensed

Preview: 

![portfolio preview](https://dev-to-uploads.s3.amazonaws.com/i/iafgzaab2ji1o9amll88.png)

Source: 
{% github ashutosh1919/masterPortfolio %}

---

# uPlot - lightweight, simple chart library

This library is based on 2D canvas and will let you simply create charts for your data without crazily slowing your website.

1. Library < 25kb min
2. Can create an interactive chart containing 150,000 data points in 135ms
3. MIT licensed 

Example:
https://leeoniya.github.io/uPlot/bench/uPlot.html

Charts:
![chart examples](https://raw.githubusercontent.com/leeoniya/uPlot/master/uPlot.png)

{% github leeoniya/uPlot %}

---

Burlet Mederic
https://mederic.me
https://twitter.com/crimson_med