teleren/devto huggingface dataset:
Tips on getting free backlink indexer
Tags: freebacklinkindexer
Published: 2018-08-16 18:06:54

---
title: Tips on getting free backlink indexer
published: true
description: 
tags: Free Backlink Indexer
---

Actually, if you want to know as to why the all backlinks are not getting indexed properly and if you want to know how to make Google index and the backlinks you required. There are lots of factors and reasons as to why the backlinks are not getting indexed and there are lots of different ways to get them as indexed nicely and properly. Actually, building bunch of backlinks sweating and then spending the time money and also the energy is best. It is a reality there is not exactly set timetable and how fast the other next page will be indexed by the Google and any of another search engine.

In order to succeed in organic search and are going too required as lots of backlinks and indexed as possible and then the faster is the better. <a href="https://www.linksmanagement.com/free-link-indexing-service/">Free Backlink Indexer</a> is the way that will complete your website ranking and secure in all the sections.

<h2>Why the backlinks are not worthy of indexing</h2>

If you do as really think that Google exactly will index some kind of the spammy links and that are built on a spammy way along with the Google has raised a complete red flag on that. Google normally does not index the low-quality backlinks which not provide any of the value at all and then the solutions to the way are to build the high-quality value worthy of indexing such backlinks. 
Lots of the Google’s updates it has largely been about getting ahead of such suspicious links building efforts and is now at a certain point and an only very white hat or the ethical. That is the reason as for why different posts are available to explain some smart ways to earn as legitimate and high-quality backlinks that will support show the Google and another search engine that your site is complexly worthy of better and promoted quality of high rankings. It will be the best as a supportive way for you and will examine the next generation to get as control over. 

<h2>How the backlinks quality matter for SEO</h2>

It is reality search engines essentially view each of the links to the site and as a vote of the specific confidence in the quality of the content. Right after all if the other site is willing to the city and then source or direct their users away from their own site in right favor of one the pages and must also offering some kind of the things of great value. As more links and have nicely pointed to the site and more as trustworthy the site will appear exactly.

It is the way how backlink quality matter right for the SEO and the links have always been necessary parts for making your site as promoted and valued. Another thing is that reason for not getting the backlinks indexed and Google is due to content is thin and plagiarized etc. Search Engine hates plagiarized the content so overall it is essential and make sure content is pure and 100 percent unique and free from the mistakes and grammar errors.
The distraction's killer
Tags: beginners, help, career
Published: 2018-08-16 17:42:44

---
title: The distraction's killer
published: true
description: How much time we waste when we're programming.
tags: beginners, help, career,
---

In every activity that requires full concentration, I have a problem, distractions.

Now that I've started coding, I have to face a lot of distractions, because I can't code without my laptop (or can I? 🤔). The most common is Youtube, Netflix, or WOW (World of Warcraft 😍). Usually, when I just can't concentrate I take a 20 minutes break and then I keep working, but a lot of times those 20 mins. become in 1 hour, 2 hours, and I get mad because of the time wasted, and I can't keep working.

I tried the other way, when I don't wanna work I give me 20 mins. of full work and if there's no progress then I take a break. Sometimes the 20 minutes turn in 3 hours, that's awesome, but also sometimes I just can't. 

I listen always the same playlist in Spotify because it's a way to know how much time I've been working, I listen to the whole musical of Hamilton, that's almost 3 hours of concentration and after that, I can take a break of 1 hour, I keep Youtube and Netflix block, that's the most useful strategy till now. 

The distractors are not only online. When I'm home I take a nap, eat, clean, instead of focus. To get out of a comfort zone, I go to coffee shops, does that also happen to you? 

How do you get focus? Can you concentrate more at home or outside? At what time do you prefer to work? what's your strategy or advice? I know there's nothing stronger than discipline, but we always need some help to keep it. 

Thanks a lot! 

Hugs & Husky love! 🐶👩🏻‍💻
Welcome Thread - v15
Tags: welcome
Published: 2018-08-16 16:21:35

---
title: Welcome Thread - v15
published: true
description: Introduce yourself to the community!
tags: welcome
---

Hey there! Welcome to [dev.to](/)!

![WELCOME TO THE INTERNET](https://media3.giphy.com/media/VeBeB9rR524RW/giphy.gif)

# Welcome!
1. Leave a comment below to introduce yourself! You can talk about what brought you here, what you're learning, or just a fun fact about yourself.

2. Reply to someone's comment, either with a question or just a hello. 👋

3. Or answer this question: what's your favorite non-coding hobby?
What's the difference between web development and web design?
Tags: webdev, beginners, career, discuss
Published: 2018-08-16 14:14:57

---
title: What's the difference between web development and web design?
published: true
description: Let's stop the confusion now.
tags: #webdev, #beginners, #career, #discuss
---

People use the terms web developer and web designer interchangeably when they shouldn't because they are completely different professions. The confusion comes from ~~poorly organized projects~~ web developers doing a little web design and web designers doing a little development. In reality, the two work together to make a website. Their roles are just different.

**<u>Web Developer</u>**

The developers are responsible for writing the code and making sure that the website will function right. They get the design from the web designer and make it real. Web developers don't have to worry about usability ~~if the designers have done their job right~~ because it's been built into the design.

A web developer will use HTML, CSS, JavaScript, and a back-end language to make the design into a functional website. They aren't worried about if the website looks good or not, they just want to make sure it works. Web devs use programs like Atom and Visual Studio when they are ready to write code. Thankfully, a web developer doesn't need to know much about how colors work together or what's the best font to use.


**<u>Web Designer</u>**

The designers focus on the user flow through a website. They take into consideration where to place buttons, pictures, links, text, videos, and everything else you see on a web page. Web designers make the layout for everything on the website and they make it easy to use.

A web designer will focus on things like color, typography, and user experience.  They use software like Photoshop or Sketch to layout their designs so they can hand them off to developers. Unlike a web developer, a web designer doesn't need to have any coding experience. It's helpful, but not necessary.

**<u>Reality</u>**

Of course no roles are never kept this clean. What really happens is that the web designer might need to know a little HTML and CSS to understand what the developer is doing. A web developer might need to know a little about web layouts because last minute changes aren't unusual.

Most good designers know at least a little HTML and CSS and most developers know a few of the best design practices. There are some unicorns out there that can do both really well, but for the most part it's best to focus on one or the other because they require different kinds of thinking.

Web development is a lot more logical in it's approach. There are rules to follow and an order in which things should be done ~~(whether they are done or not)~~. Web design is a lot more artistic because you are trying to appeal to people's emotions and make your website stand out while still matching your brand.


<hr>

Hey! You should follow me on Twitter because reasons: https://twitter.com/FlippedCoding

Thanks for reading! :)
Rebuild GitHub traffic graph
Tags: discuss
Published: 2018-08-16 13:59:57

---
title: Rebuild GitHub traffic graph
published: true
description: How can I rebuild the GitHub traffic graph?
tags: discuss
---

I would like to rebuild a graph similar to the one shown for the GitHub traffic visitors:

![Github Traffic Graph](https://s22.postimg.cc/pny1anqtt/Screen_Shot_2018-08-16_at_15.55.21.png)

What is the best way to do this? Using [D3.js](https://d3js.org/)? Do you know any similar code examples?

Thanks for your help!
To Use Google Cloud Function As Google Chrome
Tags: beginners, javascript, node, testing
Published: 2018-08-16 13:09:45

---
title: To Use Google Cloud Function As Google Chrome
published: true
description: We will take screenshot and info from any url with Google Cloud Function.
tags: #beginners #javascript #node #testing
---

Google announced a couple of days ago; We can use Google Cloud Function as Chromium. For this, we use Node.js 8 runtime on Google Cloud Function. Let's create a function on Google Cloud. Click the **Create Function** button.


![alt text](https://thepracticaldev.s3.amazonaws.com/i/ar1nirp3k1ad7d96h97j.png "")

In order, we will fill in the blanks. 
<ul>
<li>Set a name.</li>
<li>Set the memory less 1 GB.</li>
<li>Our trigger is http.</li>
<li>I set the Source code inline.</li>
<li>You can select Python, Node.js 6 and Node.js 8. Select he Node.js 8</li>
<li>Set screenshot as the function the execute name</li>
</ul>

![alt text](https://thepracticaldev.s3.amazonaws.com/i/zx54vjqkd3qge10718ig.png "")

Then, we are writing our **index.js** as below.

```javascript
const puppeteer = require('puppeteer');
let page;

async function getBrowserPage() {
  // Launch headless Chrome. Turn off sandbox so Chrome can run under root.
  const browser = await puppeteer.launch({args: ['--no-sandbox']});
  return browser.newPage();
}

exports.screenshot = async (req, res) => {
  const url = req.query.url;

  if (!url) {
    return res.send('Url is not found!');
  }

  if (!page) {
    page = await getBrowserPage();
  }

  await page.goto(url);
  const imageBuffer = await page.screenshot();
  res.set('Content-Type', 'image/png');
  res.send(imageBuffer);
};
```

After this, define the **package.json**.

```javascript
{ 
  "name": "screenshot",
  "version": "0.0.1",
  "dependencies": { 
    "puppeteer": "^1.6.2" 
  }
}
```

We use the **puppeteer** library for this. Click the button below the form and function is created. From now on, we can trigger our url. When function is created, you will see this page.

![alt text](https://thepracticaldev.s3.amazonaws.com/i/qd71nvvj6cgxrtsaigav.png
 "")

If you click the url, you will get an error.

![alt text](https://thepracticaldev.s3.amazonaws.com/i/75xtfqlx9j74gb0xoi3o.png
 "")

Right now, add a query string parameter for url. Like as below.

![alt text](https://thepracticaldev.s3.amazonaws.com/i/p6hvunfzsoqpf3udz7ge.png
 "")

That's cool. Of course, you can get fullpage or you can get title of page. You can manipulated the DOM with this way. You should check api of Puppeteer library https://github.com/GoogleChrome/puppeteer.
npm global or local packages
Tags: node
Published: 2018-08-16 18:32:39

---
title: npm global or local packages
published: true
tags: node
canonical_url: https://flaviocopes.com/npm-packages-local-global/
---

The main difference between local and global packages is this:

- **local packages** are installed in the directory where you run `npm install <package-name>`, and they are put in the `node_modules` folder under this directory
- **global packages** are all put in a single place in your system (exactly where depends on your setup), regardless of where you run `npm install -g <package-name>`

In your code, they are both required in the same way:

```js
require('package-name')
```

so when should you install in one way or another?

In general, **all packages should be installed locally**.

This makes sure you can have dozens of applications in your computer, all running a different version of each package if needed.

Updating a global package would make all your projects use the new release, and as you can imagine this might cause nightmares in terms of maintenance, as some packages might break compatibility with further dependencies, and so on.

All projects have their own local version of a package, even if this might appear like a waste of resources, it’s minimal compared to the possible negative consequences.

A package **should be installed globally** when it provides an executable command that you run from the shell (CLI), and it’s reused across projects.

You can also install executable commands locally and run them using [npx](https://dev.to/flaviocopes/npx-4g1p-temp-slug-4919515), but some packages are just better installed globally.

Great examples of popular global packages which you might know are

- `npm`
- `create-react-app`
- `vue-cli`
- `grunt-cli`
- `mocha`
- `react-native-cli`
- `gatsby-cli`
- `forever`
- `nodemon`

You probably have some packages installed globally already on your system. You can see them by running

```sh
npm list -g --depth 0
```

on your command line.
Explain Hashing + salting Like I'm Five
Tags: explainlikeimfive, webdev
Published: 2018-08-16 12:46:55

---
title: Explain Hashing + salting Like I'm Five
published: true
tags: explainlikeimfive, webdev
---

Why password are saved in that way and how they are more reliable to simpler encryption. 

You can easily guess that I have used them while making backend projects but I still don't understand them.
JavaScript Symbolism
Tags: coding, javascript
Published: 2018-08-16 12:39:30

---
title: JavaScript Symbolism
published: true
description: 
tags: coding, javascript
---

With ES2015 JavaScript got a rather huge update that brought many new things to lift it to a more modern place. One of these additions are **symbols**.

## What

`Symbol` is a new basic type in JavaScript that has one main purpose: **being unique**

While `object`s are unique too, `Symbol`s have the advantage of being usable as object keys.

## How

There is a global function called `Symbol()` that returns a new unique symbol every time it's called.

```javascript
const mySymbol = Symbol();
const anotherSymbol = Symbol();

mySymbol === anotherSymbol // -> false
```

### With Description

We can also add an description, to distinguish them later:


```javascript
const mySymbol = Symbol("xyz");

console.log(mySymbol); // -> symbol(xyz)
```

> Be warned, this allows a symbol to be fetched via `Symbol.for("xyz")`. If we want to use a unique key nobody can override, this can be a problem.

Also, every call to `Symbol()` results in an unique symbol, even if we use the same description.

### Well Know Symbols

There are also pre-defined symbols, called [well known symbols](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Symbol#Properties#Well-known_symbols).

They are used by JavaScript to determine object behavior without interfering with our string keys.

There is `Symbol.iterator` for example, this is used to mark the iterator method of an `Array` so it can be used in a `for`-loop.

```javascript
const myObject = {
  [Symbol.iterator] = function*() {
    yield "first value";
    yield "second value";
  }
};

for(let value of myObject) console.log(value);
```

Here we add a [generator function](https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Statements/function*) to our object inside the `Symbol.iterator` key, this allows `myObject` to be used with a `for`-loop.

## Why

One use-case is to add keys to objects only the creator of a symbol knows about.

[React](https://reactjs.org/), for example, marks objects created with the `React.createElement()` function with a custom symbol, so it knows they are React elements later. If they would have used a string, it could be accidentally overriden.

Another use-case, as mentioned above, is the use of _well known symbols_ to make custom objects behave more _native_.
One Click Tensorflow.js with Azure!!!
Tags: azure, docker, tensorflow
Published: 2018-08-16 10:39:45

---
title: One Click Tensorflow.js with Azure!!!
published: true
description: The release of Tensorflow.js (TFJS) enables state of the Art AI in the browser with just a few lines of code but how do we get this in the hands of our users? This post outlines how to get started serving your TFJS models and applications on the cloud with just one click.
tags: Azure, Docker, Tensorflow
---


![](https://cdn-images-1.medium.com/max/900/0*lXZKw32W6hY2oEf9.jpg)

### Click the deploy button to get started!

[![Deploy to Azure](http://azuredeploy.net/deploybutton.png)](https://azuredeploy.net/)



**TL;DR** The release of Tensorflow.js (TFJS) enables state of the Art AI in the browser with just a few lines of code but how do we get this in the hands of our users? This post outlines how to get started serving your TFJS models and applications on the cloud with just one click.

# What is Tensorflow.JS?


![](https://cdn-images-1.medium.com/max/900/1*6FY5xOwBZs66TN_U_WvtIw.png)
Pos detection in the browser using Tensoflow.js


[TensorFlow.js](https://js.tensorflow.org/), is an open-source library you can use to define, train, and run machine learning models entirely in the browser, using Javascript and a high-level layers API.

With just a few lines of code [TFJS](https://js.tensorflow.org/) enables you to:

- Import existing, pre-trained tensorflow models for inference
- Preform transfer learning with pre-trained models on custom data
- Author models directly in the browser.

Once you have a working app you may be thinking how can I best serve this to my users. The Azure [WebApp Container Service](https://docs.microsoft.com/en-us/azure/app-service/containers/quickstart-docker-go?WT.mc_id=blog-medium-abornst) and [ARM templates](https://docs.microsoft.com/en-us/azure/azure-resource-manager/resource-group-authoring-templates?WT.mc_id=blog-medium-abornst) make it easy to serve scale-able web apps from docker with just one click.

##  Prerequisites:
- Azure Subscription (you can get a free one here)
- Docker/Dockerhub
- Git

## Getting started:
1) Create a [Dockerfile](https://github.com/aribornstein/TensorflowJS4Azure/blob/master/Dockerfile) a docker container for your application.
2) Build and push your docker container to [DockerHub](https://docs.docker.com/docker-cloud/builds/push-images/).
3) Fork and Clone TensorflowJS4Azure to a local directory
4) Replace the following to align with your application   
   
```
    “properties”: { “WEBSITES_PORT”:1234,
    “DOCKER_CUSTOM_IMAGE_NAME”: “abornst/tfjs4azure”,
    “DOCKER_CUSTOM_IMAGE_RUN_COMMAND”: “abornst/tfjs4azure” } 
```
5) Push your changes and like magic the deploy to azure button on your forked repo will now deploy your app with one click.


# Conclusion

There you have it, a production web app that serves your tensorflow.js web app on azure to any subscription with just one click. This approach can be used to easily serve any light weight website using docker as well!

If you enjoyed this follow me on github or twitter @pythiccoder and let me know what else you'd like to hear about!
Hi there - just wanted to say hello
Tags: hello, welcome
Published: 2018-08-16 10:09:22

---
title: Hi there - just wanted to say hello
published: true
description: An introductory message to say hello to this new community that I'm looking forward to being part of
tags: hello, welcome
---

Hello there. My name is Chris, and I'm new to Dev, and just wanted to say hello.

I find that not taking the time to introduce yourself to established communities ends up with you [having a bad time](https://media2.giphy.com/media/3oz8xC3tJzjUwoHZ5K/giphy.gif) - and I'm here for a good time! :)
How I become an javascript event magician
Tags: javascript, event
Published: 2018-08-16 09:27:04

---
title: How I become an javascript event magician
published: true
description: MagicEvent is a javascript library to handle event like a magician
tags: javascript, event
---
When I've learn javascript, a few years ago, like a lot of people, I've start JS with a famous framework: jQuery. Event, ajax, dom manipulation, a whole new world to me !

It was simple and easy to use with a good learning curve, but now I've clearly see limitation with it, like a lot of framework, it is extremely slow, and with new navigator, a lot of jQuery feature is directly include in browser, so why not use vanillaJS and fasten up my application and website.

But there are one browser api that haven't much evolved during year: javascript Event. Handle dynamically added elements(delegate) or use custom event is still pain in the ass ! This is why I've developed an utilities to use these functionality like it's magic.

So here come my MagicEvent that extends event functionality to keep it simple with an jQuery like syntax with easy delagate and customs events management.

```javascript
MagicEvent.on("click", ".clickme", myClickFunc);
MagicEvent.on("slideswitch", ".diapo", slideSwitchHandler);
```
Here, I just set two listener, one on click for all .clickme elements, and another on each .diapo when I emit an slideswitch custom Event they're no difference between settings the two for ya !

```javascript
MagicEvent.emit("click", link);
MagicEvent.on("slideswitch", diapoDiv);
MagicEvent.on("slideswitch", diapoDiv, {next: 3});
```
This time I choose to emit events, it's simple, I just need to choose an event and an element, nor more work, event on custom event, and i can embark custom data if I need, it's easy! 

So if you want to try it, here the repo ! And enjoy.

{% github ekanSSS/MagicEvent %}

Even if it's working pretty good, I still working on it so any feedback is appreciated !