teleren/devto huggingface dataset:
What would you like to see on your DEV profile?
Tags: meta, discuss
Published: 2019-01-16 16:17:31

---
title: What would you like to see on your DEV profile?
published: true
description: If we were to rethink the DEV profile, what would you like to see on it?
tags: meta, discuss
cover_image: https://thepracticaldev.s3.amazonaws.com/i/un7d4omeyb75t86qy5km.png
---

When you go to a profile page on DEV, [mine](https://dev.to/aspittel) for example, there are a lot of things on there: your featured GitHub repositories, social links, your posts, and your recent comments.

There are two sides to the profile: what you would like to feature on your own profile, and what you would like to see on someone else's.

**For your profile**: what would you ideally use it for? Would you like to send it to prospective employers? Use it as a portfolio of your blog posts? Or, as a landing page for yourself on the internet?

**For someone else's profile**: what would you be visiting their profile for? Are you an employer? Or, interested to learn more about an author?

In each scenario, what information would be helpful to have on that profile? Of those things, which are the most important to you?

Feel free to think big and be creative! Thanks in advance for your feedback and ideas! 😊
Regain access to your old Procurve switch webinterface
Tags: switch, debug, lockedout
Published: 2019-01-16 15:34:53

---
title: Regain access to your old Procurve switch webinterface
published: true
description: How-to regain access to the webinterface of your old Hp Procurve switch
tags: switch, debug, locked-out
cover_image: https://thepracticaldev.s3.amazonaws.com/i/w13ml2dv8gdb2lwhb8m0.jpeg
---
the old procurve has a nice security feature, you can define a management port. only if your are connected to this port, you can access the webinterface.

if your self written documentation says you have used port 2 as managment port and your memory tells you, you have no specific managment port configured but your browser can't connect to the webinterface. how to debug the that?

it has cost me sime time but sometimes it is not your fault, sometimes only the webserver of the switch crashed. 

a simple reboot of your switch solves the problem :)
How to install Tomcat on MacOS
Tags: tomcat, macos
Published: 2019-01-16 15:22:56

---
title: How to install Tomcat on MacOS
published: true
description: This just a note for how to install Tomcat on MacOS
tags: Tomcat, MacOS
---

This is my first post, this post not very special, you maybe can find the same tutorial on other website, it just a note for someone maybe with same problem with me.

[Tomcat](http://tomcat.apache.org/) website provides different build for Windows, but there is no build for MacOS and also no installation for MacOS. So, this post will teach you how to install Tomcat and run it up on MacOS.

## Download Tomcat for MacOS

For MacOS, you have to download **Core > tar.gz** and unzip it. (you can choose which version you want)

## Create Tomcat folder

I recommend create under your current user not put into system folder, because you may deploy the code into Tomcat folder frequently when development. So, it will prevent you always need root permission to change the file.
```
mkdir -p /User/{current user}/Library/Tomcat
```

## Move Tomcat into that folder

After you unzip Tomcat, you will get a folder, for my example, I'm using version 7.0.92, so, the folder name is **apache-tomcat-7.0.92**.
```
mv ./apache-tomcat-7.0.92 /User/{current user}/Library/Tomcat/
```

## Make all scripts executable

There is some scripts file we will execute later, e.g.: start or stop script, we need to make them executable.
```
chmod +x /User/tony/Library/Tomcat/apache-tomcat-7.0.92/bin/*.sh
```

## Starting Tomcat

After you make all scripts executable, now you can start your Tomcat using:
```shell
/User/tony/Library/Tomcat/apache-tomcat-7.0.92/bin/startup.sh
```
Now you should be able to access [http://localhost:8080/](http://localhost:8080/).

## Stopping Tomcat

If you want to stop your Tomcat, can use:
```shell
/User/tony/Library/Tomcat/apache-tomcat-7.0.92/bin/shutdown.sh
```


That's it, hope this post can help someone in the future.
Scraping tool
Tags: help, scraping, crawler
Published: 2019-01-16 15:04:39

---
title: Scraping tool
published: true
tags: help, scraping, crawler
---

Hello, newbie here.

Been looking for some web scraping tools that would be useful in e-commerce. As in, scraping information that is on page for prices, brands, images, etc., to compare between competitors and plan my own marketing strategies. But im totally new in this. I know that most people write their own scripts and buy proxies. But what about premade tools, that could be used? Found this one: https://oxylabs.io/products/scraper-api and it seems easy to use? Anyone has tried it? Or any recommendations for this kind of thing?
Thanks a lot in advance
ᖕ
Tags: art
Published: 2019-01-16 15:02:33

---
title: ᖕ
published: true
description: ⏧
tags: art
cover_image: https://thepracticaldev.s3.amazonaws.com/i/inikidceguog0ismj3sw.JPG
---

////////////////////////////
ᐊᖏᐋᕐᓂᖅ
////////////////////////////

![ayuda](https://thepracticaldev.s3.amazonaws.com/i/kig15fpwnbo0g2t6ydym.jpg)




pierdo mi alma
camino en el suelo

la existencia
en este planeta siempre
ha estado truncada
para poder crecer

caigo a la base
y debajo
al inverso
las raíces

![ayuda](https://thepracticaldev.s3.amazonaws.com/i/ehbe1keb9r0qzty0ea4v.jpg)

#⏁
Dev.to has implemented Series! Series are cool! Coding Concepts is now a series! Cool!
Tags: learning, webdev, series, programming
Published: 2019-01-16 14:31:27

---
title: Dev.to has implemented Series! Series are cool! Coding Concepts is now a series! Cool!
published: true
description: Dev.to has implemented series! Check out all the Coding Concepts posts here...
tags: learning, webdev, series, programming
cover_image: https://thepracticaldev.s3.amazonaws.com/i/vf7755ge2bawqyqpiad5.png
series: Coding Concepts
---

Afternoon all, I'm Chris and I started the Coding Concepts Series, writing about programming topics which I find interesting.

As Dev.to now officially support 'Series' I thought I'd celebrate with a combination post!

I've linked to each individual post, but at the <b>top</b> and <b>bottom</b> of the article you will now find cool little <b>circles</b> linking to each post within a series, hopefully there will be a way to style them soon!


<h1>How to create Series</h1>

If you were wondering how to create a Series, you need to add
<pre>series: [series name]</pre> to the front-matter part of your blog post header.

See the editor guide below for more details.

<a href="https://dev.to/p/editor_guide">Ref: Editor Guide</a> 

<h1>Series Posts</h1>


{% link https://dev.to/designpuddle/coding-concepts---cargo-cult-programming-1n6b %}

A term called Cargo Cult Programming and it really struck a chord with me. Read more about it above.
<hr/>



{% link https://dev.to/designpuddle/coding-concepts---cyclomatic-complexity-3blk %}
Cyclomatic complexity I feel is a very valuable tool in a developer's arsenal, read more about it above.
<hr/>

{% link https://dev.to/designpuddle/coding-concepts---reflection-4d2c %}
Reflection, what is it? What does it do? How to use it? Read more about it here
<hr/>

{% link https://dev.to/designpuddle/coding-concepts---anonymous-methods-a9o %}

Anonymous methods (The FAT ARROW =>)
<hr/>

{% link https://dev.to/designpuddle/coding-concepts---generics-34cf %}
Generics can be hard to grasp, that's why I started the series writing about what they were, read more about them above. <hr/>

Thanks to everyone that's read, and commented on the series. I hope you've found it useful, I'll be looking at expanding the series with more posts this year, if there is anything you think would make a great post, let me know in the comments below.
Firefox vs Chrome, MD two space vs GFM line breaks
Tags: meta
Published: 2019-01-16 14:27:06

---
title: Firefox vs Chrome, MD two space vs GFM line breaks
published: true
description: It looks different on FF vs Chrome
tags: #meta    
---

Hi guys,

I submitted my first post yesterday. My markdown that I pasted in had line breaks because it makes it easier to adhere to the 80 char rule while looking nice in editor(vim). I use traditional 2 space rule for line breaks.

I submitted my post and it looked fine on Chrome and ugly in Firefox. The content had extra line breaks everywhere in FF. It looks like Firefox supports GFM style linebreaks while Chrome does not? Is that for real or am I missing something?

Thanks,
Assemble your External Documents Dynamically using Java API
Tags: java, api, automation, groupdocs
Published: 2019-01-16 14:25:41

---
title: Assemble your External Documents Dynamically using Java API
published: true
description: post
tags: java, API, automation, groupdocs
---

Document automation is not a one dimensional process, but a multi-faceted, collaborative set of harmonized sub-systems functioning together to deliver desired output. Computer programmers and app developers continuously use document assembly applications to automate the file generation process for themselves and their clients. Case scenarios and development platforms could differ, but the key principle remains constant.

An important aspect of document automation is the ability to work with dynamic content. On many occasions, we might need to dynamically consume documents into our applications. When it comes to utilizing this functionality on Java platform, one of the most well-known options is GroupDocs.Assembly for Java API. It supports dynamically assembling external documents within your Java apps for Microsoft Office and Email file formats.

You can incorporate the contents of external documents into your reports dynamically with the help of the doc tags which are placeholders inside a template for a document to be absorbed at run-time. It works by declaring an expression inside a doc tag, which helps load a document to be added dynamically. The expression declared within the doc tag is evaluated and the output is then used to load the document with its content replacing the dog tag. 

For more help on how the process works with coding samples, please see - http://bit.ly/2VTB7s9


Learn more – http://bit.ly/2HemeNv
Go Micro - A Zero Dependency Microservice Framework
Tags: showdev, githunt, opensource, go
Published: 2019-01-16 14:22:24

---
title: Go Micro - A Zero Dependency Microservice Framework
published: true
description: A simplified experience for building microservices in Go
tags: showdev, githunt, opensource, go
---

Hey all,

Just want to show off my project [Go Micro](https://github.com/micro/go-micro). A microservice framework. It makes building microservices in Go really easy. I'd be interested in feedback and thoughts. I've been working on it for 4 years now!

{% github micro/go-micro %}

Cheers
Asim
What do you do while waiting for tests to finish running?
Tags: discuss
Published: 2019-01-16 14:12:13

---
title: What do you do while waiting for tests to finish running?
published: true
description: 
tags: discuss
---

Depending on what I'm working on, some tests take _just_ long enough to run that I get distracted and move on to a totally different task (responding to a long overdue email, something the opposite of coding, etc.) which results in lots of context switching and re-orientating my focus. 

What do you typically end up doing while waiting for tests to run?

I think this question is sort of similar, but with less predictable waiting time:

{% link https://dev.to/itsjoekent/what-should-a-developer-do-while-waiting-for-a-pull-request-review %}
Most Popular Development Posts Of The Week (16 January 2019)
Tags: vscode, github, javascript, webdev
Published: 2019-01-19 22:29:44

---
title: Most Popular Development Posts Of The Week (16 January 2019)
published: true
tags: vscode,github,javascript,web-development
canonical_url: https://medium.com/daily-now/most-popular-development-posts-of-the-week-16-january-2019-54ae8e4714fa
cover_image: https://cdn-images-1.medium.com/max/1024/1*n1XkZKlMNj6kKPZdX42PYg.jpeg
---

> Get a mentor in the applicable field if you’re at all unsure of what you’re looking for

- [GitHub Private Repos are Now Free and Unlimited](https://app.dailynow.co/r/ec5864435b92b49c5d113ec9a1ddc72d)
- [5 Hottest VS Code Themes To Use in 2019](https://app.dailynow.co/r/b83ae1fe96e470b8dea9d4e1b7ee211a)
- [Here are some super secret VS Code hacks to boost your productivity](https://app.dailynow.co/r/7c827ebdc76be603aa95529d91f7fa70) by [Dylan Tientcheu](https://medium.com/u/8e5a4a00345c)
- [9 UI Components for Every Project](https://app.dailynow.co/r/1057dad0ac3b39ef968d70249bcfc24a) by [siriwatknp](https://medium.com/u/23015220442c)
- [Deno is the new Node?](https://app.dailynow.co/r/c3af70baaae72660edf6839ba3e62981) by [Daniel Ramos Acosta](https://medium.com/u/19f9e334e705)
- [4 tips to stay fit as a software developer](https://app.dailynow.co/r/a513a583369a94b6c95c64d2af80fb3d)
- [8 Productivity Tips for GitHub](https://app.dailynow.co/r/b4bee1dfe30c2279ddeb1a998f4b0f17)
- [How To Be Productive When You Just Don’t Feel Like It](https://app.dailynow.co/r/31bdbeeca90a96b51b2d19b25e52c6d6) by [Patrick Byron](https://medium.com/u/398eea0b4333)
- [Do you leave jokes in your code? If so, please share!](https://app.dailynow.co/r/141e272f842e0095f0783b0477b04390)
- [Build a WhatsApp Bot, fast ⚡](https://app.dailynow.co/r/639db2ef3cf09eb63c6b84efa3d577aa)

* * *

[_Thanks to Daily_](https://www.dailynow.co/) _developers can focus on code instead of searching for news. Get immediate access to all these posts and much more just by opening a new tab._

![](https://cdn-images-1.medium.com/max/1024/1*m8Uf-6F4Q5AOp_wW6tbKSQ.jpeg)
Workaround for font-face Urls in ParcelJS
Tags: javascript, tutorial, devtips
Published: 2019-01-16 13:40:24

---
title: Workaround for font-face Urls in ParcelJS
published: true
description: Hacky workaround for those ecountering path errors when attempting to bundle SASS files with ParcelJS
tags: javascript, tutorial, devtips
cover_image: https://thepracticaldev.s3.amazonaws.com/i/rnjn2r3ysafwx3ba2ll1.png
---
Hello world!

I would like to share my (hacky) workaround for those having issues with trying to get the urls in `font-face` to work without errors in **ParcelJS**.


# Steps
1. Run `parcel` in your terminal to make sure all your `HTML` files have been created inside the `/dist` folder that is generated when you run the command for the first time.
2. Kill the `parcel` process. (Win and Mac: `Ctrl+C`)
3. Create a folder in the `/dist` folder to store your fonts (Example: `/fonts`), and move your font files into it.
4. Create a `.css` file with your `@font-face` code in it. (I named it `font-faces.css`) _(Sample code below)_
5. Import the `font-faces.css` into each of your `HTML` files via the `<link>` tag.
6. Run `parcel <your-html-file.html>` again and refresh your web browser. If done right, you should see your fonts loaded properly.

Sample code:
```css
@font-face{
  font-family: "Montserrat";
  font-weight: 100;
  font-style: normal;
  src: url("./fonts/montserrat/Montserrat-Thin.ttf"), format("truetype");
}
```

# Some Notes/Tips
- Version `1.10.3` of ParcelJS was used at the point of writing this workaround.
- You'll have to resort to plain ol' `css` for importing fonts via `@font-face`.
- Do _not_ include the `<link>` to the `font-faces.css` in the original `HTML` files. As this may result in the same errors as trying to bundle `@font-face` in `SASS`. Include it in the `HTML` files in the `/dist` folder.

Hope this helps anyone facing these issues.

# Others
In case this helps anyone, I'm also sharing the gist I wrote to help generate the `@font-face` code quickly. To use it, simply run `node gen-fontface` in your terminal and copy the output into your `CSS` file.
{% gist https://gist.github.com/DavinaLeong/e29434a24c72b3001f81788bfbd19c24 %}

# Updates
- Added another tip
- Added _Others_ section
Now let's install React already
Published: 2019-01-16 13:18:50

---
title: Now let's install React already
published: true
description: 
tags: 
---

Ok so a lot of information. Now let's install React onto our system.

<b><u>Project Structure</u></b>
1. Create a folder called <b>reactJs</b>.
2. Inside that create a <b>myApp</b> folder.
3. Inside that create a <b>public</b> folder.
4. Inside this folder create an <b>index.html</b> file.


<b><u>The CDN</u></b>

React is a JS library so it is available as a CDN (Content Delivery Network). 

```html
<html>
<head></head>
<body>
    
    <script src="https://unpkg.com/react@16.0.0/umd/react.development.js"></script>
    <script src="https://unpkg.com/react-dom@16.0.0/umd/react-dom.development.js"></script>
</body>
</html>
```

React needs two libraries to work. 
1. The first one [<i>react@16.0.0</i>] we have added contains the core syntax of React like createElement() function etc.
2. The second one [<i>react-dom@16.0.0</i>] is ReactDOM. This is used to render elements basically.


We will need one more guy called <b>Babel</b> to help us out. 


<h3><b>Next: </b><a href=''>What are you Babelling about</a></h3>
let & const
Published: 2019-01-16 12:59:13

---
title: let & const
published: true
description: 
tags: 
---

ES6 introduced two new alternatives to <b>var</b> keyword namely <b>let</b> and <b>const</b>. 

var allows you to define the same variable over and over again without any errors. 

```javascript
var x = 10;
var x = 10; // Doesn't throw up an error

console.log(x);
```

This might lead to accidentaly changing the values of a variable.

However, this is not the case with <b>let</b>. If you try to do the same thing with <b>let</b>, it will throw up an error.

```javascript
let x = 10;
let x = 10; // Duplicate declaration error.

console.log(x);
```

<b>const</b> on the other hand is used when you want to create variable that won't change it's value ever. 


```javascript
const x = 10;
x = 12; // Cannot reassign ever.

console.log(x);
```


<b>Function and Block scoping</b>

While <b>var,let and const</b> have function level scoping, <b>let and const</b> go a step further. They allow block level scoping too.

```javascript

var x = 10;
let x1 = 10;

if (1)
{
   var y = 10;
   let y1 = 10;
}

console.log(y); // Y is available over here.
console.log(y1); // Y is not available over here.

```


<h3><b>Next: </b><a href=''>Coming soon</a></h3>
Monitor-app
Tags: javascript, electron, node
Published: 2019-01-16 12:47:39

---
title: Monitor-app
published: true
description: The simplest ever monitor app that sticks in the corner of the screen and be visible all the time for monitoring CPU, Memory and Network.
tags: #Javascript #electron #nodeJs 
cover_image: https://thepracticaldev.s3.amazonaws.com/i/rawmwlx0pe6dftsoh5b5.png
---

Sometimes it's just convenient to see how much the system is consumed with what programs we are using and that leads us to find some app which can show the usage of CPU, RAM and Network all the time without opening any Activity Monitor or Task Manager in system.

I tried to find some apps but could't find anything for free(Obviously if you PAY you GET stuff easily), so it clicked to me why not write code for it.

So all I needed was NodeJs + some packages to get system stats and Electron to give those stats a face.

 so here is the **output** *[15 | 8 GB | 0.1]* in the image below as of now and its just the basic implementation of it.

> ![Screenshot of Monitor-app](https://thepracticaldev.s3.amazonaws.com/i/eoaz6lfn9m0a5u97u3im.png)


*There are a list of TODOs to be done. Feel free to suggest and contribute if you like*

# Github 
{% github amitgiri0001/monitor-app %}
Putting the duck in docker.
Tags: dynamicdns, duckdns, docker, ip
Published: 2019-01-15 19:31:12

---
title: Putting the duck in docker.
published: true
description: Dynamic DNS using DuckDNS from a docker container.
tags: dynamic dns, DuckDNS, docker, ip.
---

Lets say you are setting up a home automation system, and that you want to access it when you are away from your home.
Having to remember your IP is hard, and your ISP might change in anytime they want to. You need something smarter. You need DuckDNS.

DuckDNS allows you to connect your IP with a DuckDNS domain of your choosing, something like myawesomehomeautomation.duckdns.org. Now that's cool!

But how does DuckDNS know what IP it should direct you to? It doesn't, at least not by pure magic. You need to tell it. You could either do this manually, but again you ISP might change your IP unless you've payed for it.
You need a service to report it.

But running a service is hard, you need to have the correct dependencies installed for that specific service to run and you need to make sure that you restart it if it goes down.

Luckily someone out on the wild internet has you covered, as long as you have docker on your server.

If you don't know about docker, go check it out [here](https://www.docker.com/).

So lets get started.

First go to [DuckDNS](https://www.duckdns.org) and sign in.
Here you can select what you want your domain to be. Here you will also find your token.

Lets create a docker container.

```bash
docker create \
  --name=duckdns \
  -e TZ=Europe/Copenhagen \
  -e SUBDOMAINS=myawesomehomeautomation \
  -e TOKEN=<your_token_here> \
  --restart unless-stopped \
  linuxserver/duckdns
```

Now we have a docker container ready for use. When started this will start sending a request to DuckDNS with our public IP. It also uses docker to keep restarting it it falls over for some reason other than us stopping it ourselves.

So let's run it.

```bash
docker run duckdns
```

There we go. 

We can now navigate to myawesomehomeautomation.duckdns.org and we should hit our own server. We can also see that the reported IP in the DuckDNS interface matches the one from a site like [WhatsMyIp](https://www.whatismyip.com/).
Tools to use
Published: 2019-01-16 11:35:35

---
title: Tools to use
published: true
description: 
tags: 
---

In any task, you will need tools to help you out. 

1. An Editor to write code obviously. I used Microsoft Visual Code because of its fancy extensions.
2. NodeJs which you can download from <a href='https://nodejs.org/en/'>Here</a>. Use the LTS version.
3. An extension called <b>Live-Server</b> from VS Code.

<h3><b>Next: </b><a href='https://dev.to/vjnvisakh/now-lets-install-react-already-50he'>Now let's install React already</a></h3>
What is the big deal with JSX
Published: 2019-01-16 11:26:11

---
title: What is the big deal with JSX
published: true
description: 
tags: 
---

JSX stands for JavaScript XML. This is actually not a part of the core language but rather a syntax-extension. 

You see, normal React is pretty hard to write. For instance, if you want to create an h1 element using core React code it will be something like this -

```javascript
var template = React.createElement(
  "h1",
  null,
  "Hello World"
);

```

However, JSX makes it simple to write it by doing so - 

```javascript
var template = <h1>Hello World</h1>

```

Pretty Cool isn't it. JSX allows you to write plain HTML into JavaScript and believe me when I am saying it makes life so much simpler.


<h3><b>Next: </b><a href='https://dev.to/vjnvisakh/tools-to-use-286b'>Tools to use</a></h3>
Why do I want to use it
Published: 2019-01-16 11:19:00

---
title: Why do I want to use it
published: true
description: 
tags: 
---

Well, for a couple of reasons actually. Although you won't admit to all these right now. 

1. <b><u>Component-Based architecture</u></b>
React uses Components. A component is nothing but a piece of HTML code which you can reuse wherever you want to. This makes coding once a bit too easier.

2. <b><u>Simple Learning Curve</u></b>
React is easy to learn. If you know HTML, CSS and JS then you are half way through. 

3. <b><u>Virtual DOM</u></b>
React uses something called a Virtual DOM whose main aim is to compare the existing DOM with the changes made and make updates using the best way possible. Yes no more hectic DOM manipulations.


<h3><b>Next: </b><a href='https://dev.to/vjnvisakh/what-is-the-big-deal-with-jsx-3hgb'>What is the big deal with JSX</a>