teleren/devto huggingface dataset:
Which Business in IT can you start with 5 Million?
Tags: business, entrepreneur, it, career
Published: 2020-06-14 20:28:17

This is a random question, asked by a friend today, and the response we all are giving was based on our perspective and approach to business. A business mentor (Mr Nnamdi) gave a response which inspire me to publish his response to help you achieve business success in your career.

Firstly, IF YOU ARE GIVEN 5 MILLION FOR AN IT COMPANY WHAT EXACTLY WILL YOU VENTURE ON? I want you to pause here, what will be your answer?

Out of the abundance of your heart, your mouth will speak. Consciously and Unconsciously, you are the product of your MIND.


Here is the response I want to share with you:
In this very tricky situation, if you don’t have a sketch of what you wanted to do before this cash, waste of the cash is assured. This is because “when the purpose of a thing is not defined, abuse is inevitable”

First, assess yourself on business management and your skill set as an I.T professional then choose any of these in no particular order:

1. subscribe for a course on Business Management and Administration.

2. Apply to become an Intern free of charge at a serious company that you admire and understand their dynamics of point one listed above.

3. Marketing and Branding are core components of businesses and you need to acquire them somehow. Please don’t pay for it at the onset.

4. Social media marketing is just a component of marketing.
Therefore, Land your first lead and close a sale.
Then check your stand again and iterate.

The expense here is not priority depending on the type of I.T sector you want to venture into.
Idea is not enough but an aggregate of a lot of measured tactics.

Conclusively, Branding is not just about having a logo. In self branding, Your Twitter time-line can be a reflection of what kind of person your clients should expect and nowadays many people can’t use that as a reference point because of the inconsistencies littered.

Disclaimer: Marketing, Awareness, Promotion and Public Relations are not the same. Understand their concept and their impact in the journey of having a business success.


Thanks for reading.
Сброс пароля, PIN-кода либо графической блокировки с помощью ADB
Tags: android, adb
Published: 2020-06-14 20:20:17

В двух предыдущих постах я [рассказал](https://dev.to/plotegor/adb-o9f) об установке ADB и Fastboot, а также [поделился](https://dev.to/plotegor/adb-fastboot-3mgf) списком основных ADB- и Fastboot-команд. В вышеперечисленных статьях мною умышленно не был рассмотрен процесс сброса различных типов блокировок, поскольку эта информация достойна отдельного материала.

*Примечание:* сброс пароля или графического ключа с помощью ADB возможен на мобильных устройствах под управлением старых версий Android. В новых версиях операционной системы разработчики Google устранили данную уязвимость. Также стоит отметить, что для работы с ADB должна быть включена [отладка по USB](https://developer.android.com/studio/debug/dev-options#enable). Если режим отладки не был активирован ранее, разблокировать мобильный девайс изложенным ниже способом не удастся. И последний, но не менее важный момент – на устройстве должны быть получены [root права](https://en.wikipedia.org/wiki/Rooting_(Android)). Во многих кастомных прошивках права Суперпользователя выданы по умолчанию.

В зависимости от установленной прошивки и версии Android, за вывод пароля или графической блокировки могут отвечать следующие файлы (все они хранятся в директории */data/system*):

* **gesture.key**;
* **password.key**;
* **gatekeeper.pattern.key**;
* **gatekeeper.password.key**;
* **cm_ gesture.key**;
* **personalpattern.key**;
* **personalbackuppin.key**;
* **locksettings.db**;
* **locksettings.db-shm**;
* **locksettings.db-wal**.

Поэтому, чтобы удалить все ключи и [сбросить блокировку](https://4idroid.com/kak-sbrosit-parol-ili-graficheskuyu-blokirovku-na-android/), необходимо выполнить такие команды:

```
adb shell
$ su
# cd /data/system
# rm *.key
```

Если не сработает:

```
adb shell
$ cd /data/data/com.android.providers.settings/databases
$ sqlite3 settings.db
> update system set value=0 where name='lock_pattern_autolock';
> update system set value=0 where name='lockscreen.lockedoutpermanently';
```

После выполнения этих команд достаточно перезагрузить устройство и ввести любой пароль, PIN-код либо графический ключ. Затем можно зайти в «Настройки» и заново установить блокировку.
Browser-Sync for Devs
Tags: browsersync, frontend, servers, coding
Published: 2020-06-14 20:18:11

I have been working with different local servers just to replace the hassle of live servers for your web app or web design testing but I got stucked with browser-sync because of it's complete package. You get a time-saving synchronized browser testing.

Awesomely fast and with incredible features for your use. Browser-sync allows you to also check your work preview simultaneously on different device with a provided external URL. Also, it can serve as a host for your platform.

In one of the attached image, you'd see different features, these are the awesome things browser-sync provides you. Install on your machine and enjoy seamless watch over your files. It also records your test URLs so you can push them back out to all devices with a single click.
I will give the steps to install browser-sync for Linux. Other OS installation can be seen in their documentation https://www.browsersync.io/docs.

For Linux

Install Node.js on your machine, then follow the following steps:

$ npm install -g browser-sync //this is for global installation

The above command get browser-sync installed on your machine.

After that, change directory to where your project file is located. Looking at the image below, the project file is located on my Desktop. So, I do "cd Desktop/restaurant" this take me to the Desktop and inside the project file folder.
Next thing is to do $ browser-sync start --server --directory --files "*"

The above command calls for browser-sync and request for a server start, then the --directory --files tells the server to watch over the files in the directory. Including the "*" means, watch over any changes in all files.
You can specify which files to watch for.

If you look closer to the image I used "**/*" after the command, reason is: after using the first command and you switch of your machine or close the terminal, working environment and all. To get a complete sync and watch over your files, you have to use "**/*" in your concurrent command.
watching over your files. Notice each URL has both internal and external URLs. 
After the command, it will get you to this place… see image below
This is the interface that pops up after the previous command.Click on index.html to see your project.

After that, as you are saving your code, automatically it refresh the browser.

Thanks for Reading, I hope my article helps you on your project.
Review: GitLab Beginner Tutorial by Automation Step by Step [2020] YouTube
Tags: review, gitlab, git, tutorial
Published: 2020-06-14 20:17:35

Today I'm reviewing the course: GitLab Beginner Tutorial created by Automation Step by Step, it's free and you can find it on YouTube.

- The course's [playlist](https://www.youtube.com/playlist?list=PLhW3qG5bs-L8YSnCiyQ-jD8XfHC2W1NL_)
- Youtube channel: Automation Step by Step - [Raghav Pal](https://www.youtube.com/channel/UCTt7pyY-o0eltq14glaG5dg)


Check my  REVIEW tech courses [PLAYLIST](https://www.youtube.com/playlist?list=PLxktx98zP3aAylA3it3TYyF7x6lDhc0qi)


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

👋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/elefintech)
Gridsome Post Comments
Tags: gridsome, vue, webdev, tutorial
Published: 2020-06-14 20:09:54

---
title: Gridsome Post Comments
published: true
description: In this tutorial, we will look at how to add Disqus commenting into a Gridsome site. Since Gridsome is part of the Vue.js eco-system, these steps should work with any Vue.js site
tags: gridsome, vuejs, webdev, tutorial
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/yu77m38wtn82110qc9ti.jpg
---

In this tutorial, we will look at how to add Disqus commenting into a Gridsome site. Since Gridsome is part of the Vue.js eco-system, these steps should work with any Vue.js site.

## Setup Disqus
So, we are going to set up Disqus, an external service which uses an `iframe` to inject commenting on your site.

First step is to go to [Disqus](https://disqus.com/) and sign up for a free account. During the account setup choose the option: '**I want to install Disqus on my site**'. The next setting to watch for is when you are asked '**What platform is your site on?**', pick '**Universal Code**'. Make a note of the `Shortname` you assigned to distinguish your site, as we will use it later.

## Setup Plugin
To inject Disqus on your site, we will be using the Vue package `vue-disqus`. To add this package to your project: `yarn add vue-disque` or `npm install --save vue-disque`.

We are going to setup `vue-disqus` globally, but there are additional directions for getting up a locally in the [vue-disqus](https://ktquez.github.io/vue-disqus/setup.html#using) documentation.

Add to your `main.js`:
```javascript
import VueDisqus from 'vue-disqus'

export default function (Vue, { head })  {
  Vue.use(VueDisqus)
}
```
Next you need to add the component where you want the comments added. In my case, I am using Gridsome's default blog template, so I added the component to the Post template.

Insert the following:
```javascript
<Disqus shortname="mysiteshortname" :identifier="$page.post.title" />
```
**Note**: The above code does not agree with the current Gridsome documentation. I have prepared a [Pull Request](https://github.com/gridsome/gridsome.org/pull/444#issuecomment-641021540) to fix this error to correspond to the [vue-disqus](https://ktquez.github.io/vue-disqus/setup.html#globally) documentation.

Now everything just works. That is it.

## Optional Refactor
The above works, however if you are adding a comment block to many places in your site, we can abstract the `shortname` a little.

If you the include the `shortname` in the `main.js`, it will default throughout your site:

```javascript
import VueDisqus from 'vue-disqus'

export default function (Vue, { head })  {
     Vue.use(VueDisqus, {
      shortname: 'your-shortname-disqus'
    })
}
```
Then insert the component in your template like this:

```javascript
<Disqus :identifier="$page.post.title" />
```
How to Verify Your Instagram account in just 4 Minutes 
Tags: google
Published: 2020-06-14 19:39:49

Video Link: https://www.youtube.com/watch?v=pUNVdRTenZc

In this video, you learn about how to verify your Instagram account ✅ in Just 4 Minutes | Instagram Blue Badge Account in 2020 | Genuine Process. In this video you are going to learn a practical work.

If You looking for the genuine process that how to apply for the Instagram official account watch this video till end.

You can also contact us for the process.
TypeScript: Type Definition Files
Tags: typescript
Published: 2020-06-14 19:28:17

When working with TypeScript, you can use JavaScript modules freely;  create, export, import your own, or install third-party libraries. Whenever you install an external module, TypeScript doesn't know anything about it. And this is a problem for the language, as it cannot do its job - check your code for errors. When you import a module into the TS file from a JavaScript library, you will likely see a warning, saying that a module doesn't have a definition file. In this post, I want to briefly explain what it is, why TS needs it, and where to get one if it is not included in the module.

## Why Definition Files Are Important

TypeScript's purpose is to analyze your code for possible errors. For that, it needs to know what types are you working with, what functions and methods you are using, and what kind of arguments they accept and return. Without this information, TypeScript can't check your code. So when you install and import a third-party library, TypeScript doesn't have information about the types used in these modules.
We need to add a definition file to help TypeScript to know about the existing properties, functions, arguments, and return values used in the third-party modules. These files include information about the types used in the module.
Sometimes definition files are included in the libraries by default. In that case, you will not see an error when hovering over the imported module name, and you don't need to add it manually.

## How To Add Type Definition Files

All definition files are publicly available and placed in the [Definitely Typed](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types) project in Github. It includes generated types for most of the popular libraries out there. To add a definition file to your project, you need to install an npm module containing `@types/{library_name}` name. For example, to add a definition file for a `lodash` library, you would install a package: `npm install @types/lodash`. To check correct naming for the library types, search the npm repository.
After the installation of the type definition files, a warning for the imported module should be gone.

## Benefits Of Type Definitions

Type definition file for a module can be accessed by hovering over the module import in a code editor and pressing `command + click` (on Mac). You will be redirected to the file containing all the information about the current module: methods, objects, classes, values, properties, and their respective types, everything in TypeScript. It can be used as a source of documentation, to check what type a function will return or arguments accept.
Another advantage is the autocomplete of the module. You initiate a class of the module, and the editor lists all the functions and properties.

## Summing Up

The purpose of type definition files is to describe all the functions, properties, and values of the modules. By installing them, we help TypeScript to check and analyze our code for possible errors, and it serves as a source of documentation for the used module.
#012 Upload to Docker hub
Tags: docker, devops, tutorial
Published: 2020-06-14 19:23:30

#Introduction
this is part 12 from the journey it's a long journey(360 day) so go please check previous parts , and if you need to walk in the journey with me please make sure to follow because I may post more than once in 1 Day but surely I will post daily at least one 😍.

And I will cover lot of tools as we move on.
***
# Preparation

first login 

```bash
docker login
ls ~/.docker
```

![login](https://dev-to-uploads.s3.amazonaws.com/i/9u3zhbub03agalo32tt8.jpg)

you only need to login once the docker will be saved locally inside home/username/.docker/config.json

now let's prepare our image to uploaded it

```bash
docker image tag app_009_1 your_username_here/app_009_1:latest
docker image ls
```
![tag](https://dev-to-uploads.s3.amazonaws.com/i/2y17h1odr3sreoyln9cu.png)

replace your_username_here with your account username.
we can notice both have same image ID this what tag do
it link a new image with a new tag to an old one.

now after we have image ready let's move to next step.
***
# Upload it

```bash
docker image push your_username_here/app_009_1:latest
```
again replace your_username_here with your account username.
in my case it's omarelkhatib

![push](https://dev-to-uploads.s3.amazonaws.com/i/gb0u5mc53biyu1d6adv0.png)

and done it's now on docker hub easy!!
***

# Get it from the hub again

go to "My Profile"
![profile](https://dev-to-uploads.s3.amazonaws.com/i/sc4bl3xqp49ytmjuijdr.png)

and here we find it!

![image_hub](https://dev-to-uploads.s3.amazonaws.com/i/3sx7wnj15x8cjo1ckzzu.png)

click on it

![closer_look](https://dev-to-uploads.s3.amazonaws.com/i/ddiaggiiwqy0sin7fe1p.png)

now it's time to clear the image and get it this time from the hub

![image_ls](https://dev-to-uploads.s3.amazonaws.com/i/k4q1y8ew00hgjhbzte1i.png)

first run
```bash
docker image ls
```
copy first 4 letters of IMAGE ID
```bash
docker image rm -f c3a5
```
c3a5 are first 4 letters

rm -f it's force delete so if it's referenced to a container it will force delete it.

now run again
```bash
docker image ls
```
![removed](https://dev-to-uploads.s3.amazonaws.com/i/0u8yvfbwaqnz90mmu5hv.png)
as we see they got removed

to get it from docker hub run
```bash
docker pull your_username_here/app_009_1
```

Again replace *your_username_here* with your username

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

```bash
docker image ls
```

and voila! we got our image from the hub :)
Filter Through A list of Images in Javascript 
Tags: newbie, javascript
Published: 2020-06-14 19:17:29

In this post, we are going to discuss how to filter through a list of images using the `keyup` event listener in javascript.

Lets assume we have a root folder which contains our "index.html" file. We have an unordered list containing a list of images wrapped in a `<p>` tag to name each image. We are going to filter through these images using their individual names within the `<p>` tag. Consider the following code:

First we add our search box:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/eccvaa3coyvj2wa2m3av.png)
Notice the `onkeyup` event listener and the `filterImages()` function we defined.

Then our list item:  

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

Next our script tag for our javascript:

Lets first get our DOM elements :
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/4zt1xab4356yshwbg0f1.png)

Next lets finally create our function using all the DOM elements earlier defined. Then we loop through the list `<li>` and pick the `<p>` containing the names of each image and get their innerText.



![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/3zsrqcuob5tmsp4j00bv.png)
Components (statess and statefull) and props
Tags: react, javascript
Published: 2020-06-14 19:06:40

Hi everyone,
After my presentation in the dedicated section, this is my first post.
I decided to learn React as a web app development framework, along with nodejs.

Right now, I'm studying a somewhat dated book.
I got to the part dedicated to stateless and statefull components.
Well, I don't understand if the book was made worse, or why the examples refer to a somewhat dated version of React. Strange that, however, the author's GitHub code is also different from that of the book.

Below is an example of code displayed on the book:

var ReactClass = createClass ({
  render: function () {
    console.log (this.props.isHidden)
    return React.createElement ('h1', {className: 'header'}, this.props.isHidden || true, 'React Component');
  }
});

const ReaComponentElement = React.createElement (ReactClass)
consteagComponent = ReactDOM.render (reactionsComponentElement, document.getElementById ('react-application'))

But note that console.log (this.props.isHidden) is always undefined.

As you can see, the implementation is already an adaptation to what is reported in the book. The book uses React.createClass, a function that no longer exists and is no longer valid, I think, from ES6.
So I had to add the addiction:
const createClass = require ('create-react-class');
which returns the function that allows you to create a class. But console.log ('read isHidden:', this.props.isHidden) is always undefined

So I tried to transform the code like today, I think, it should be written correctly, as follows:

the ReactClass class extends React.Component {
   render () {
     console.log ('read isHidden:', this.props.isHidden)
     if (this.props.isHidden === 'true') {
       returns null;
     }
     
     return React.createElement ('h1', {className: 'header', key: 'header'}, 'React Component')
   }
}

ReactDOM.render (<ReactClass isHidden = "false" />, document.getElementById ('react-application'))

Now console.log ('read isHidden:', this.props.isHidden) is no longer undefined, but accepts the value passed as the property of the ReactClass component (<ReactClass />).

I don't understand what the author meant except that the rendering method can decide what to do.
But in my opinion, a component based on this.props is a stateless component. What do you think?.
Can you give me your opinion on what the author meant and if you agree on my conclusions?

Somewhere I read that the author's approach would perhaps work if the props were to pass to the constructor. Is this true?

I apologize for the stupid questions.

Thanks so much.
Introduction to Javascript Symbol Type
Tags: javascript, webdev, codenewbie, todayilearned
Published: 2020-06-14 18:42:32

The symbol is a primitive datatype introduced in ECMAScript 2015. It is different from other data types in Javascript as its value is always unique and kept private for internal use. Symbols are only accessible from its reference after it is created. 

## Creating a Symbol

A symbol is created by calling **Symbol()** global factory function.

```javascript
const mySym = Symbol();
```

Symbol() takes one optional parameter, which is a description of the symbol itself. Specifying a description while creating Symbols helps identify it during debugging. 

```javascript
const mySym = Symbol('name of person');
//Symbol(name of person)
```

The **new** keyword is not supported by Symbol(). The below code will throw a type error.

```javascript
let sym = new Symbol()

// Uncaught TypeError: Symbol is not a constructor
// at new Symbol (<anonymous>)
```

## Equality

Symbols are unique identifiers and are never equal to each other.

```javascript
console.log(Symbol() === Symbol())
//false  
```

Symbols are useful for creating object properties as they are always unique, never equal to each other, thus **avoiding name clashes**.

```javascript
const LESSON = Symbol()
const subject = {
  [LESSON]: 'Symbols on javascript'
}

subject[LESSON];
// "Symbols on javascript"
```

The symbol also prevents the overwriting of properties, intentionally or unintentionally as values created by Symbol() method is always unique.


## Iterating over Symbol

Symbols are not enumerable i.e. they are not accessible by for...of or for...in methods. They will not be listed.

```javascript
let obj = {} 
obj[Symbol('one')] = 1
obj[Symbol.for('two')] = 2
obj['three'] = 3
for (let i in obj) { 
console.log(i) 
// three
}
```

## Using typeof operator on Symbol

Using typeof operator you can identify symbols.

```javascript
let sym = Symbol();
typeof sym;
// 'symbol'
```

## Summary

In this article, we learned:
- The symbol is a primitive datatype.
- Symbols are always unique.
- You can create a symbol by using Symbol() factory function.
- Symbols are not enumerable.
- You can use typeof operator to identify symbols.

---

**This article is first published on [hackinbits.com](https://hackinbits.com/articles)**