teleren/devto huggingface dataset:
Igor Wojda Joins the Vonage Developer Relations Team
Tags: developer, android, developeradvocates, team
Published: 2020-11-06 09:24:42

---
title: Igor Wojda Joins the Vonage Developer Relations Team
published: true
date: 2020-03-11 17:00:36 UTC
tags: Developer,android,developeradvocates,team
canonical_url: https://www.nexmo.com/blog/2020/03/11/igor-wojda-joins-the-vonage-developer-relations-team-dr
---
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/go61cvrvufn9fp04jde2.png)

My name is Igor and I am very excited to join Vonage as Android Developer Advocate.

As a kid, I was always fascinated by computers. The mystery and infinite capacities always spiked my levels of curiosity. Now, many years later I am a Software Engineer with over 12 years of experience.

I have been involved in many IT projects, building various applications across industries, organizations types, team sizes, methodologies, and technologies. Every project is unique having its own set of constraints, but one common characteristic is a neverending stream of emerging challenges—this is what I love about IT.

At some point, I decided to share my knowledge and experience with the community, so I became a technical reviewer of the second Kotlin book ever published – [Kotlin In Action](https://www.manning.com/books/kotlin-in-action) and a co-author of [Android Development with Kotlin](https://www.packtpub.com/gb/application-development/android-development-kotlin).

On top of this, I am inspiring developers by writing [articles](https://medium.com/@igorwojda), speaking at conferences and contributing to [open-source projects](http://github.com/igorwojda).

Nowadays I am specializing in mobile development. Android is my platform and Kotlin is my language of choice. However, my personal favorite topic is the [application architecture](https://github.com/igorwojda/android-showcase). With so many moving parts designing high quality modular, scalable, testable architecture that will support an application’s growth can be quite challenging.

At Vonage, I will be working closely with external developers using our [SDK](https://developer.nexmo.com/client-sdk/sdk-documentation/android/release-notes). My goal is to improve the developer experience by writing high-quality documentation, building sample projects, writing tutorials and polishing the Client SDK API.

I want to make the SDK not only more intuitive, easier to use but also more flexible and convenient to integrate into modern Android applications.

Follow me on twitter to stay in touch [@igorwojda](https://twitter.com/igorwojda).

The post [Igor Wojda Joins the Vonage Developer Relations Team](https://www.nexmo.com/blog/2020/03/11/igor-wojda-joins-the-vonage-developer-relations-team-dr) appeared first on [Vonage Developer Blog](https://www.nexmo.com).
BaseCS: Depth First Search Implementing
Tags: computerscience, basecs, beginners, codenewbie
Published: 2020-03-11 17:00:32

---
title: BaseCS: Depth First Search Implementing
published: true
description: We'll start by learning about recursion, the strategy for implementing DFS, and investigate the time complexity of the algorithm.
tags: computerscience, basecs, beginners, codenewbie
series: BaseCS Season 2
cover_image: https://dw71fyauz7yz9.cloudfront.net/video-upload__70cc9518dbb01b6de2587df942ed3950/thumbs-video-upload__70cc9518dbb01b6de2587df942ed3950-00001.png
---

Today's episode of BaseCS explores the logic behind implementing the depth-first algorithm!

We'll start by learning about recursion, the strategy for implementing DFS, and investigate the time complexity of the algorithm. We'll also see how to implement a single node in code and try our hand at implementing a `preOrderSearch` function! Finally, we'll look at the space complexity of DFS, and investigate how running this algorithm impacts the call stack.


This whole series is sponsored by Heroku. A special thank you to Heroku for their ongoing support!

{% organization heroku %}
CSS Art
Tags: css, codepen
Published: 2020-03-11 16:58:58

I have always enjoyed writing CSS to create clean functional websites but could see that it potential to do a lot more. I was first introduced to CSS Art in this [article](https://www.vice.com/en_us/article/9kgx7p/painting-made-with-code-html-pure-css-browser-art-diana-smith). I couldn't believe Diana was able to create such beautiful images using just CSS.  

I found it very inspiring and wanted to try and create my own art. I thought for my first piece I would do a portrait of a true American Hero, Homer J Simpson. 

Homer is a great subject for my first portrait because of his simplicity. His face can be broken down into 8 shapes or so. I was able to accomplish it with 12 different divs. I also took advantage of pseudo elements ::before and ::after whenever I could such as his eyes. 
```
.eyes {
  height: 100px;
  width: 100px;
  background-color: white;
  border-radius: 100%;
  position: absolute;
  border: 8px solid black;
  z-index: 2;
}

.eyes::before {
  content: '';
  height: 20px;
  width: 20px;
  background-color: black;
  z-index: 4;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
}
```

The before element aloud me to make the pupils without having to create more div's. The more I work with CSS the more I learn that those pseudo elements are your best friend. I have included a picture of my portrait so far although it's still a work in progress. He kind of looks a little counterfeit but I like him. Here is also the link to the [codepen](https://codepen.io/benlardie/full/wvayaNg) I am going to continue to clean it up. I am also thinking about trying to make some Marvel characters next. 


![Homer Simpson](https://dev-to-uploads.s3.amazonaws.com/i/8ygt711lf9ken6bn24j0.png)
How to Convert ES6+ into ES5 using Babel

Tags: javascript, productivity, beginners, tutorial
Published: 2020-03-11 16:51:39

So you want to start using ES6 but are worried about browser support and backwards compatibility for your application? Not to worry, [Babel](https://babeljs.io/) can help us there.

Babel is a transpiler (translates code in one language to another computer language at the same abstraction level) that can turn our ES6 code into ES5. I’m going to assume you know how to use both node and npm and have them both installed on your machine. If you don’t, [start here](http://blog.teamtreehouse.com/install-node-js-npm-mac).

### 1. Install Babel as Dev Dependency

First things first is to download the Babel command line interface, which will allow us to use Babel in our terminal. Navigate to your project folder in your command line and type the following command:

    $ npm install -D babel-cli

### 2. Write ES6+ Code

If you already have ES6+ code written then you’re ahead of the game. If you don’t, do that now. My suggestion would be to house your JavaScript files in a folder, such as src or JavaScript. I’m going to make an example file:

```javascript
    // src/example.js

    class Hello {
      static world() {
        console.log('Hello, World!');
      }
    }

    Hello.world();
```

### 3. Install env preset and create .babelrc file

Now that we have our JavaScript code, we need to set up Babel to transpile it for us. Unfortunately, Babel can’t do much out of the box. It needs the appropriate plugins and presets — curated groups of plugins — to do the work.

In our case, we’ll be using env preset and installing it as a dev dependency in your project.

    $ npm install -D babel-preset-env

Now we need our `.babelrc` file. Much like how npm relies on `package.json`, Babel uses `.babelrc` to keep track of the plugins and presets we’ll be using.

Create your .babelrc file:

    $ touch .babelrc

And write the following:

```javascript
    // .babelrc

    {
      "presets": ["env"]
    }
```

### 4. Create a npm build command

You don’t need to do this, but it’ll make it faster and simpler if you need to transpile your code often.

Go to your package.json file where we’ll create a `npm build` script using the babel command. The babel command takes two arguments: the path to your ES6+ code and a path to where you want your ES5 code to go.

If you have all your JavaScript code housed in a directory, then you can add the -d flag to the command to tell Babel for look for directories instead of files. For my example, I have my JavaScript code in my src directory but want my ES5 code to be put in a build directory.

```javascript
    // package.json

    ...
    "scripts": {
      "build": "babel src -d build",
    },
    ...
```

### 5. Run the Babel command

With your .babelrc file created and your build command ready, just run it in your command line.

    $ npm run build

You should see your converted JavaScript files in a build directory. Now all you need to do is include/require them in your application and you should be ready to go!
Bulma Navbar Burger With Javascript
Tags: css, html, javascript, codenewbie
Published: 2020-03-11 16:49:27

Bulma is an open-source CSS framework with a fully responsive UI-components base framework. So we designed here Navbar in Bulma using javascript and css3 properties.

We designed so many different elements using a framework and also pure CSS. But, here we used the Bulma navbar component to make this element attractive and user-friendly. In this element, we modify Bulma custom class with its own css3 properties and to make responsive we used media queries.

Make it yours now by using it, downloading it and please share it. we will design more elements for you.

[Download Sourcecode](https://w3hubs.com/bulma-navbar-burger-with-javascript/)
Function Constructor in Javascript
Tags: javascript, html, webdev, codenewbie
Published: 2020-03-11 16:43:47

Good day viewers,
today we will be looking into the functional base of class-program implementation.

The reason for this article is because many of us love to keep our code in semantic pattern that is; if we are writing functional program,we dont want to see the keyword class in it.So,we will be implementing a contructional program using function and you will never see the class keyword.


Things to learn from this article:

1.constructor

2.new keyword

3.this performance

4.prototype

5.dondo proto

6.The complete code base of the whole implementation.



1. What is a constructor?

a constructor is just a normal javascript function with two main conventions:

a. The naming must start with capital letter

b. The execution must be implemented or invoked using the new operator or keyword.

function IamConstructor(){}
const invokingContructor = new IamConstructor();

2. What is new all about?

The new keyword is a special and most abiding concept when implementing the object-oriented program. The this keyword creates an implicit this object inside the constructor function you created, and it will insert all the properties of the constructor to the new this object. Also, when you now create a variable and pass the new ContructorFunction to the variable, it will pass the this object to the variable you have created as a value.

const invokingContructor = new ConstructorFunction();

3. What is the this keyword doing in our program?

I will explain this with respect to our article which is "implementation of constructional function known as class base program".

So, this creates a global property that will be accessible to any function or code in affiliation to the constructor.

this.$func1 = _func1;
this.$name = name;

4. prototype ???

A proto or prototype means property and in this our program, we will use it to create a property of our constructor which technically means the object of the constructor.

$ContructorFunc.prototype.func1 = function(){}


5. dondo proto???

dondo proto is another technic we can use to create a property of our constructor but, never use it please it exposes your interval prototype!. Always use a prototype pattern or create the object inside your constructor then you implement it.

$ContructorFunc.prototype.prototype.__proto__.funcToImplement = function();


6.Lets implement all this now

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

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

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

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




Finally,i will like to tell you that,i do release new articles every friday by midnight.So, you can always check my blog for new articles:https://you-must-know-javascript.netlify.com/article.html

Also if there is any topic you want us to clarify in javascript,don't hesitate to hit me up in my mail or LinkedIn.

Thanks for reading,

Emmanuel Onah.
What are your top WFH/Remote working tips?
Tags: discuss, remote, wfh, productivity
Published: 2020-03-11 16:32:37

---
title: What are your top WFH/Remote working tips?
published: true
tags: discuss, remote, wfh
---

So many people are having to work from home or work remotely due to COVID-19, what are your tips for them?

Here are mine:

1. Get dressed -- doesn't have to be formal, just avoid pajamas or bathrobes
2. set a regular schedule as you would in office -- even if it's an unconventional schedule
3. work in a space separate from your relax/wind down place -- working on a couch has always been a productivity killer
4. take breaks to make coffee
Makers - Week 10
Tags: techtest, javascript, ruby, juniordeveloper
Published: 2020-03-06 09:53:26

Week 10 has come and gone.....where on earth has the time gone? Every 4 weeks a new cohort turns starts on site, and the general feeling used to be "amazing, we are not the green kids anymore", to now being more of a "oh lord...its coming to an end!?"

As a reflection, I am starting to cherish the time at makers more and more. I have met some truly wonderful people, learnt many things i never even new existed, and now have a new found respect for almost any piece of tech I come into contact with, no matter how basic it is!

The reason I am getting all soppy and emotional is because I have had a wonderful week working on the tech tests. The pace of the course was dramatically chilled this week, a stark contrast to the group projects of the last fortnight. We had several tech tests that were from the 'real world'. Some involved refactoring legacy code, some involved building simple programs, and some involved extending existing ones. I really enjoyed getting back into some good old OOP, and spending several hours a day crunching problems at my own pace. 

My feedback was great, and it really shined a light on how far I had come over the last 10 weeks. Things I didn't know I could do started to appear on the page, basic things like dependancy injection, test doubles and class methods immediately made more sense than before, and the overall procedure of writing code seemed to come to me. Again i'm sure this is part of the Makers madness, but i'm glad I genuinely feel like a better coder than before, with more confidence and knowledge than i've ever had!

This was just what I needed before the final project next week (dum dum dummmmm). I have some ideas about what I will propose, first i will spend time over the weekend playing and will see how it goes on Monday for the selection process!

As always wish me luck,

David
8 Best Productivity Tips for Developers and Programmers
Tags: tutorial, career, beginners, productivity
Published: 2020-03-11 16:30:21

To stay productive as a programmer and developer is not an easy task. It's a stressful job that can make you lose focus very fast or make you feel drained, the understanding of how you can focus on your work, and deal with distractions, can help you a lot in making the most out of your working hours. In this article, we have made a list of the best productivity tips for developers and programmers that should follow for the best productivity.

[**Continue reading...**](https://www.codespot.org/productivity-tips-for-developers-and-programmers/)
Tutorial Matplotlib
Tags: python, matplotlib, tutorial, data
Published: 2020-03-11 16:29:28

---
title: Tutorial Matplotlib
published: true
description: Tutorial for one of the most important libraries.
tags: python, matplotlib, tutorial, data
---

#### What is Matplotlib?
Matplotlib is one of the most popular Python packages used for data visualization. It is a cross-platform library for making 2D plots from data in arrays. It provides an object-oriented API that helps in embedding plots in applications using Python GUI toolkits such as PyQt, WxPythonotTkinter. It can be used in Python and IPython shells, Jupyter notebook and web application servers also.
Matplotlib is often used along with package  like NumPy.

#### Install Matplotlib 
```python
pip install matplotlib
```

#### Import Matplotlib
```python
import matplotlib.pyplot as plt
```

#### Create Title
```python
plt.title("Name")
```

#### Create X and Y Labels
```python
plt.xlabel('Name')
plt.ylabel('Name')
```
```python
plt.xlabel('Name', color='red')
plt.ylabel('Name', color='#ff0000')
```

#### Create Plot
```python
plt.plot()
```
```python
plt.plot(name_x, name_y)
```
```python
plt.plot(name_x, name_y, color='#ff0000')
```
```python
plt.plot(name_x, name_y, color='#ff0000', linestyle='--')
```
```python
plt.plot(name_x, name_y, color='#ff0000', linestyle='--', label="Name")
```

#### Add Labels in Plot
```python
plt.legend()
```

#### Show Plot
```python
plt.show()
```

#### Save Plot In Image
```python
plt.savefig('name.png')
```
```python
plt.savefig('name.png', transparent = True) # Transparent Figure
```

#### Close And Clear
```python
plt.cla() # Clear an axis
plt.clf() # Clear the entire figure
plt.close() # Close a window
```

#### Examples:

##### Example 1:
```python
import matplotlib.pyplot as plt

years_x = [2007,2008,2009,2010,2011,2012,2013,2014,2015,2016,2017,2018]
greece_y = [8.4,7.8,9.6,12.7,17.9,24.5,27.5,26.5,24.9,23.6,21.5,19.3]
europe_y = [7.2,7,9,9.6,9.7,10.5,10.9,10.2,9.4,8.6,7.6,6.8]

plt.title("Comparison of Unemployment")

plt.plot(years_x, greece_y, color='#ff0000', label="Greece")
plt.plot(years_x, europe_y, color='#00ff00', label="Europe", linestyle='--')

plt.xlabel('Years', color='#ff0000')
plt.ylabel('Percentage %', color='#ff0000')

plt.savefig('plot.png')

plt.legend()
plt.show()
```

#### Github: https://github.com/SeijinD/Python-World/blob/master/main/extends_libraries/matplotlib.md
Docker, Code Coverage and Jenkins
Tags: docker, python, testing
Published: 2020-03-11 15:30:04

_These posts are super quick and to the point - mainly, they are solutions that worked for me but were not anything I could easily find googling._

## Problem

Trying to write to `.coverage` inside of docker fails. Here's the dump:

```
INTERNALERROR> Traceback (most recent call last):
INTERNALERROR>   File "/usr/local/lib/python2.7/site-packages/_pytest/main.py", line 206, in wrap_session
INTERNALERROR>     session.exitstatus = doit(config, session) or 0
INTERNALERROR>   File "/usr/local/lib/python2.7/site-packages/_pytest/main.py", line 250, in _main
INTERNALERROR>     config.hook.pytest_runtestloop(session=session)
INTERNALERROR>   File "/usr/local/lib/python2.7/site-packages/pluggy/hooks.py", line 286, in __call__
INTERNALERROR>     return self._hookexec(self, self.get_hookimpls(), kwargs)
INTERNALERROR>   File "/usr/local/lib/python2.7/site-packages/pluggy/manager.py", line 93, in _hookexec
INTERNALERROR>     return self._inner_hookexec(hook, methods, kwargs)
INTERNALERROR>   File "/usr/local/lib/python2.7/site-packages/pluggy/manager.py", line 87, in <lambda>
INTERNALERROR>     firstresult=hook.spec.opts.get("firstresult") if hook.spec else False,
INTERNALERROR>   File "/usr/local/lib/python2.7/site-packages/pluggy/callers.py", line 203, in _multicall
INTERNALERROR>     gen.send(outcome)
INTERNALERROR>   File "/usr/local/lib/python2.7/site-packages/pytest_cov/plugin.py", line 254, in pytest_runtestloop
INTERNALERROR>     self.cov_controller.finish()
INTERNALERROR>   File "/usr/local/lib/python2.7/site-packages/pytest_cov/engine.py", line 197, in finish
INTERNALERROR>     self.cov.stop()
INTERNALERROR>   File "/usr/local/lib/python2.7/site-packages/coverage/control.py", line 782, in save
INTERNALERROR>     self.data_files.write(self.data, suffix=self.data_suffix)
INTERNALERROR>   File "/usr/local/lib/python2.7/site-packages/coverage/data.py", line 680, in write
INTERNALERROR>     data.write_file(filename)
INTERNALERROR>   File "/usr/local/lib/python2.7/site-packages/coverage/data.py", line 467, in write_file
INTERNALERROR>     with open(filename, 'w') as fdata:
INTERNALERROR> IOError: [Errno 13] Permission denied: '/app/.coverage'
```

Woof. The issue is definitely due to permissions issues. Here's my docker command:

```
docker run -v $(PWD):/app some_image pytest --cov=some_dir
```

## The Fix

Adding `--user=root` solved my problem

```
docker run --user=root -v $(PWD):/app some_image pytest --cov=some_dir
```

In this case, as I am simply running some unit tests I don't think running as root user makes much of a difference. (Also note that if you are using docker-compose, there is also a supported method for specifying user either via cmd line or in docker-compose file)

I hope this helps!
Starting my "100 days of code" challenge
Tags: 100daysofcode, codenewbie
Published: 2020-03-11 16:18:17

Hi, Hope everyone's doing great

I'm just starting my "100 days of coding" challenge.

These are the ground rules that I made to myself just to avoid confusion

- Learning new stuff or working at the office will not be included in the challenge

- The coding only should include my side projects or anything that I'm working on for my portfolio. 

- I should also spend at least 30 mins a day to post my daily records on social networks and LinkedIn

- These are the technologies that I'm focussing on React, Node, Mongo, Algorithms and data structures.

- At the end of this challenge, I should be having at least 6 to 7 projects in hand and have my portfolio ready.

Today I thought of making a refresher on React native.

Let's see how it goes and I'll keep you guys posted