teleren/devto huggingface dataset:
UiPath Tutorials 
Tags: uipathtutorialforbeginners, uipathtraining, uipathtutorial, uipathtutorials
Published: 2019-09-13 10:24:02

Robotic Process Automation is being heralded as one of the booming industries in today’s digitally-driven economy. Every industry including banking, finance, Information Technology can immensely benefit from the RPA industry. We are offering the top RPA tutorial that can be watched by anybody to learn RPA. Our What is Robotic Process Automation video has been created with extensive inputs from the industry so that you can learn RPA easily.
App via Instagram API - can I give people follow?
Published: 2019-09-13 09:32:10

I would like to ask you about the Instagram API (graphAPI) now and how it will be after 2020 when basic info will be canceled.

I had a plan for an application that is not yet on the market; However, the application should work in such a way that you have access to users who download the application and be able to follow it. It will work?

In a nutshell: Will I be able to give followers through my app?

Thank you very much
Winter is coming! How will you survive 2020 in WebDev?
Tags: ama, discuss, webdev, beginners
Published: 2019-09-13 09:10:13

---
title: Winter is coming! How will you survive 2020 in WebDev?
published: true
description: What is trending in webdev at the end of 2019, that we should know moving into 2020.
tags: ama, discuss, webdev, beginners
cover_image: https://thepracticaldev.s3.amazonaws.com/i/oazqgiafu0mbx1t2pcsb.jpg
---

# What will 2020 bring to your stack?

Now that the last quarter of the year is around the corner, I have to start looking forward to 2020. Yes I just moved the snow blower back into the garage, but I mean more in a technical sense. 

So what 🔥 new webdev technology will *you* be learning in 2020? 

What does your list look like?


![Alt Text](https://thepracticaldev.s3.amazonaws.com/i/1nyuz4g1nskxemwwykeg.gif)

## AJonP's Plan

It takes me around a month (yes I do this in my spare time), to write, record, edit, code, advertise a course. So I am hoping to get out two more before the end of the year. 

### 2019 for AJonP

Finishing courses for AJonP

- [Svelte3 Courae](https://ajonp.com/courses/svelte3/)
- [WebDev for a 10 year old](https://ajonp.com/courses/webdev-for-a-10-year-old/)

### 2020 for AJonP

- New WebDev Podcast

- Hire Illustrator to Animate AJ in videos / Adobe Animator **please email alex@ajonp.com if you know any 2d animators available.**

- [JAMstack](https://jamstack.org/) courses with [Gatsby](https://www.gatsbyjs.org/), [Cloudinary](https://cloudinary.com/) and [Sanity.io](https://www.sanity.io/)

- New JAMstack Meetup (hopefully sponsored by https://ostusa.com)

## Comment Below

Hoping to hear more from Purr-fect Peeps!

Feeling shy about it, DM me on [Slack](http://bit.ly/ajonp-slack-invite) so I can keep helping you on your programming journey! We are all in this together. 😺🦄🤓
Take/Capture a full size screenshot  on Chrome
Tags: productivity
Published: 2019-09-13 08:58:14

Usually, we take a screenshot with ⇧⌘4 or ⇧⌘5 on MacBook. But, how can we take a whole page screenshot on Chrome? It's easy.

### 1. Open the Chrome Developer Tool
⌥⌘i

### 2. Open Run Command Panel
⌘⇧P

### 3. Type `full`
Then, you'll see `Capture full size screenshot` and just push Enter key.

### 4. .png file is automatically downloaded

fin.
Connecting Multiple Databases in Laravel 5.8
Tags: laravel
Published: 2019-09-13 08:21:35

You need config file **.env**
```javascript
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=database1
DB_USERNAME=root
DB_PASSWORD=secret

DB_CONNECTION_SECOND=mysql
DB_HOST_SECOND=127.0.0.1
DB_PORT_SECOND=3306
DB_DATABASE_SECOND=database2
DB_USERNAME_SECOND=root
DB_PASSWORD_SECOND=secret
```
Continue, open file config/database.php in folder config, add lists connection 
```javascript
'mysql' => [
    'driver'    => env('DB_CONNECTION'),
    'host'      => env('DB_HOST'),
    'port'      => env('DB_PORT'),
    'database'  => env('DB_DATABASE'),
    'username'  => env('DB_USERNAME'),
    'password'  => env('DB_PASSWORD'),
],

'mysql2' => [
    'driver'    => env('DB_CONNECTION_SECOND'),
    'host'      => env('DB_HOST_SECOND'),
    'port'      => env('DB_PORT_SECOND'),
    'database'  => env('DB_DATABASE_SECOND'),
    'username'  => env('DB_USERNAME_SECOND'),
    'password'  => env('DB_PASSWORD_SECOND'),
],
```
when you edit success, you can using it
```
//shema in migration database
Schema::connection('mysql2')->create('some_table', function($table)
{
$table->increments('id'):
});
```
You can also define custom connection with query builder as shown below
```
DB::connection('mysql2')->select(...)->(...);
```
Using connection Model in Laravel Eloquent, you can add $connection to Model
```
class Post extends Model
{
     protected $connection = 'mysql2';
}
```
In file **PostController.php**, you set connnection to database need using
```
user App\Post;
public function getAllPost()
    {
        $post = new Post;
        $post->setConnection('mysql2');
        $data = $post->find(1);
        return $data;
    }
```
Post:[Connecting Multiple Databases in Laravel 5.8](https://hoanguyenit.com/connecting-multiple-databases-in-laravel-58.html)
Thinking is a good habit all iOS game design
Published: 2019-09-13 07:46:18

Thinking is a wonderful word. It can make the FPS game which produces more and more aesthetic fatigue have a serious and profound connotation. It can also make slightly handicapped operation have the weight of victory. Well, I admit the latter is half a joke, but in Royal Affairs game, the benefits of calm thinking can really compensate for the lack of physical keyboard operation. So when others try to provoke your confidence with traditional FPS games, you can retort tactfully: Friend, have you heard Rainbow 6: Siege? Can you play tactical FPS games?

We are not unfamiliar with the concept of tactical FPS games (Royal Affairs itself started as tactical fps). For example, in S.W.A.T, we played the commander who liked to tell cold jokes, and we played many of the high-tech toys of Ghost Warriors, but we also played many of them in S.W.A.T. The problem is that its tactics are too stylized and the rhythm of the game is too slow to play as if it were doing some slightly boring math problems in front of the computer; while "Ghost Soldier" is dazzling and lacking in tactics, in which strategy is only a gorgeous gimmick, while the experience of the game is made up of monotonous tactics.

With the experience of so many pioneers, the tactical strategy part of Royal Affairs is designed based on [lahasoft.com](https://lahasoft.com/) relatively perfect: the actual battlefields of the two sides are mostly indoors, which greatly improves the chance of encounter and the rhythm of the game; the staffing of 5V5 provides the combination of personnel in tactical strategy. The introduction of UAVs and cameras has forced both sides to compete in the investigation technology in the non-firefight stage, which is conducive to enhancing the immersion of the game; and the short time setting of each game has improved the fault-tolerant rate of the players'tactical strategies, which makes us eager to win. Correct mistakes.
🧔 Full-Stack Dev explained in 2 minutes
Tags: explainlikeimfive, javascript, react
Published: 2019-09-13 07:46:04

A **full-stack** developer is someone with the ability to work on all “layers” of software development.

The three layers of a standard web application are:
- **Presentation** layer 🖼️.
- **Business** layer 🎯.
- **Database** layer 🗂️.

Although full-stack developers are usually capable of working with each layer, they are not necessarily experts on anyone in particular.

Generally, the main areas a full-stack developer focuses on are divided into two:
- Front-End Development
- Back-End Development.

---

# 🎨 Front-End Development
Focused on the **Presentation** layer aka User-Interface/User-Experience. The basic front-end development technology includes:
- `HTML`
- `CSS`
- `JavaScript`

Usually, front-end developers also work with frameworks/libraries such as `ReactJS` and `Angular` to add further functionality on top of `JavaScript`.

---

# 🧬 Back-End Development
Concerned with **server-side** management, and handling the interaction between web and databases. Back-End Development focused on the **Business** and the **Database** layer.

The most popular back-end tech includes:
- `NodeJS`
- `Python`
- `Rust`
- `PHP`

The most popular DB includes:
- `MongoDB`
- `MySQL`
- `PostgreSQL`

and @captemulation mention in comments:

> Lately it seems the full stack can also include many DevOps components such as containers, setting up automated tests, GitHub/slack/ci integrations, Kubernetes, deployments, etc...

---

<center><b>More from Noman 🦄</b></center>

{% link nomangul/margin-right-50-4oko %}
{% link nomangul/create-toggle-switch-in-4-minutes-by-using-html-css-javascript-16ok %}

---

Follow me on twitter [@NomanGulKhan](https://twitter.com/NomanGulKhan) and GitHub [@nomangul](https://github.com/NomanGul) to get more 😊
When does a system become a legacy system?
Tags: discuss, systems, upgrades, legacy
Published: 2019-09-13 06:46:44

---
title: When does a system become a legacy system?
published: true
description: Discussion on at which point a system becomes a legacy system.
tags: discuss, systems, upgrades, legacy
---

Currently, I am working on a modernisation project in which the team are creating new applications, as well as updating old applications (some are older than me😄) with new modern technologies, such as Angular, NodeJS etc.

We realised that some of the new technologies we are using are already out of date, for example, we are using Node 6.9.1 (current LTS version is 10.16.3). Along with other packages being behind their most recent version the question came up of __"When does our application become a legacy application?"__.

So I thought I would put this question out into the community to get your thoughts.
Data Science for Beginners 
Tags: datasciencecourse, whatisdatascience, datasciencetutorial, datascienceforbeginners
Published: 2019-09-13 06:29:22

Data Science is taking over each and every industry domain. Machine Learning and especially Deep Learning are the most important aspects of Data Science that are being deployed everywhere from search engines to online movie recommendations. Taking the Intellipaat Data Science training & Data Science Course can help professionals to build a solid career in a rising technology domain and get the best jobs in top organizations.
Theming In Android Revisited: Part 2 - Typography
Tags: android, typography, beginners
Published: 2019-09-13 06:26:13

---
title: Theming In Android Revisited: Part 2 - Typography
published: true
description: 
tags: #android, #typography, #beginners
cover_image: https://thepracticaldev.s3.amazonaws.com/i/wkdwmj6qtpzn58kcn6tz.jpg
---
Theming your Android app is not just about choosing a color scheme and that was one of the mistakes that I made. Theming is composed of other factors such as Typography. 

You would think typography is just about choosing a font and slapping it not the the app right? Well, that's the second mistake that I made 😊.


# What is Typography?

Typography can be defined as the art and technique of arranging type. Although it is an area we usually depend on designers to attend to, I believe as developers, we should have a clue to how it works under the hood. 

[Material Design](https://material.io/) has a really cool guide to typography which can be found [here](https://material.io/design/typography/understanding-typography.html#).


## Styling Text

Using the Material Design Type Scale to style text in the app aids in creating a uniform look and feel across your app. It provides the following styles to apply to your texts:

### Headline 
Headline styled text appear the largest on the screen. 

#### Attributes:
- textAppearanceHeadline1
- textAppearanceHeadline2
- textAppearanceHeadline3
- textAppearanceHeadline4
- textAppearanceHeadline5
- textAppearanceHeadline6

### Subtitle
Subtitle styled text appears smaller than Headline texts.

#### Attributes:
- textAppearanceSubtitle1
- textAppearanceSubtitle2

### Body
Body styled text is commonly used for long-from writing such as articles.

#### Attributes:
- textAppearanceBody1
- textAppearanceBody2

### Caption and Overline
These have the smallest font sizes.

#### Attributes:
- textAppearanceCaption and textAppearanceOverline respectively.

### Button
Used to style text that appears on buttons. 
####Attributes:
- textAppearanceButton

# Material Design Type Scale In Action

You can use type scale, Headline for example, in your app as follows:
{% gist https://gist.github.com/PabiMoloi/945ac06d3f418c40e4b3e145c24be241 %}

And for text on buttons, you can style it as follows:
{% gist https://gist.github.com/PabiMoloi/110cc062b13f41d780b58b859d052b3f %}

This allows you to edit the attributes to better suit your app's look and feel. 

A full list of Material Design Type Scale can be found [here](https://material.io/design/typography/the-type-system.html#type-scale).

Comment with a pic of how you styled text for your app. 

## References and Resources 
- [Creative Bloq :What Is Typography?](https://www.creativebloq.com/typography/what-is-typography-123652)
- Material Design [Typography](https://material.io/design/typography/the-type-system.html#)

### Cover Image: Florian Klauer on [Unsplash](https://unsplash.com/photos/-K6JMRMj4x4)
Post a link to your coding project, and let others try to describe what it does!
Tags: discuss
Published: 2019-09-13 06:03:04

---
title: Post a link to your coding project, and let others try to describe what it does!
published: true
tags: discuss
---

Got a project or a side project you've been working on? Let's see if it's easy for others to understand!

1. Link to your project, but don't say anything about it.
2. Visit someone else's page for **10 seconds**, then come back and try to describe what their project does as best you can.

Good luck!
Machine Learning and Java: Let’s pick the best library
Tags: java, machinelearning, discuss
Published: 2019-09-13 05:55:45

We all know Java for it’s amazing compatibility with all Operating systems and overall stability. It’s a fantastic language every developer working in a Object Oriented Programming Based job should learn.

However, as of now, only Python really hit the charts with all these fantastic libraries for Machine Learning, and as I personally hate Python I ruled out the possibility to use it as a programming language in my project.

After further search on the internet, some figures started appearing more often. These particular libraries are what I wish to debat.


Is Weka the best option or is there somehow a way to implement TensorFlow into Java.

Bests,
- Ghast
Build a Javascript async function error handler
Tags: javascript, async, errors, handler
Published: 2019-09-13 04:54:38

#### Background

If you are a Js developer, you probably have used  `async` and `await`, and you love them.

No more callback hell or `.then` chains. Just like writing a synchronous program.

**Util** you run into `UnhandledPromiseRejectionWarning` or `Uncaught (in promise) Error`

You begin to wrap every piece of code using `try.. catch..`, but that seems a lot of work.

But I've got good news, you can write a custom async function error handler:



#### Solution

```javascript
const asyncHandler = fn => async (...args) => {
  try {
    await fn(...args);
  } catch (err) {
    console.log(err);
  }
};
```

It takes all types of functions with any number of arguments.

use it like this:

```javascript
const asyncHandler = fn => async (...args) => {
  try {
    await fn(...args);
  } catch (err) {
    console.log(err);
  }
};

function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

const yourFunction = async () => {
  await sleep(2000);
  throw 'something wrong';
  return 'success';
}

(async ()=> {
  await yourFunction(); // will cause Uncaught error
  await asyncHandler(yourFunction)(); // will handle the error properly
})();
```



#### Return values

Of course when you need the result of the async function, you can:

```javascript
const asyncHandler = fn => async (...args) => {
  try {
    return await fn(...args);
  } catch (err) {
    console.log(err);
  }
};

function sleep(ms) {
  return new Promise(resolve => setTimeout(resolve, ms));
}

const yourFunction = async () => {
  await sleep(2000);
  // throw 'something wrong';
  return 'success';
}

(async ()=> {
  const result = await asyncHandler(yourFunction)(); //will handle the error properly
  console.log(result); // => 'success'
})();
```



#### Custom error handling 

if you need some custom error handling, for example, to use it in `express.js`

you can do simply by adding some of  your custom logic

```javascript
const asyncHandler = fn => async (...args) => {
  try {
    await fn(...args);
  } catch (err) {
    logger.error(err);
    const resFn = args.find(arg => arg.name === 'res');
    if (resFn) {
      let errors = {
        message: 'Internal Sever Error',
        error: err
      };

      if (err instanceof mongoose.Error.ValidationError) {
        errors = {
          message: 'Mongoose Model Validation Error',
          error: err
        };
      }
      if (err instanceof mongoose.mongo.MongoError) {
        errors = {
          message: 'MongDB Error',
          error: err
        };
      }

      resFn.status(500).json(errors);
    }
  }
};
```

later you use it in express routers like this:

```javascript
router.get('/item',
  asyncHandler(async (req, res) => {
    // router logic here
  })
)
```
PhotoShop for Web-developers-2
Tags: photoshop, webdev, design, tutorial
Published: 2019-09-13 04:40:55

Welcome to Part-2 of the series. 

### Change Color using Hue

We will next learn to change color of something using Hue. This is a very useful trick which can be used when we create ecommerce site items. There are times when we have same t-shirt in different colors. This requires us to have the model wear different color t-shirt and give the same pose. But most of the time it can be done easily with photoshop.

I will be using this red t-shirt image for this part.

![Classic Red t-shirt](https://cdn-images-1.medium.com/max/2400/1*CLjMdAPPsMwcK9C_Fo4kLA.jpeg)*Classic Red t-shirt*

Now, Open it in photoshop. Then open the Adjustment panel and take mouse over **Hue/Saturation** to click.

![Hue/Saturation](https://cdn-images-1.medium.com/max/2880/1*wS9PdjCdY0W80sEF00gszg.png)*Hue/Saturation*

Now, dragging the Hue slider is where the magic begins. You can also increase the Saturation a bit to enhance the color. But sliding the Hue, changes the color.

Below, we create an orange t-shirt.

![Orange t-shirt](https://cdn-images-1.medium.com/max/2880/1*ovGlxRxOzYjMYJFkMOxvHg.png)*Orange t-shirt*

Next is Green t-shirt.

![Green t-shirt](https://cdn-images-1.medium.com/max/2880/1*GPYkTsFUrfKoDNzzrfE5XA.png)*Green t-shirt*

Next is pink t-shirt

![Pink t-shirt](https://cdn-images-1.medium.com/max/2880/1*e4j7m5ccBSy3_y-5ASx_EQ.png)*Pink t-shirt*

And the last one is Blue t-shirt

![Blue t-shirt](https://cdn-images-1.medium.com/max/2880/1*956w350IctJ-rKKmQkE-zA.png)*Blue t-shirt*

### Change Just One Color using Hue

We will next learn to change just one color in an image using Hue. There are cases when an image have many colorful items, but we want to change color of just one item.

Consider the below image, where we many 3 different colors items.

![Different colors items](https://cdn-images-1.medium.com/max/2400/1*5ea52frPrg2EN9pTK3M4fg.jpeg)*Different colors items*

Now, if we use the earlier technique , it will change color of all three items. Let’s check that first.

![Changes color of all — not desired](https://cdn-images-1.medium.com/max/2880/1*CmSPgMTMkgfDjr5KgVTvzg.png)*Changes color of all — not desired*

We want to change the color of the left-most cyan item only. For this we have to click on the below dropdown which shows master. It will show all the colors available on the page. Click on cyan.

![Select cyan](https://cdn-images-1.medium.com/max/2880/1*WbcKpsaBpzr7lyz43evb1A.png)*Select cyan*

Now, slide the Hue slider and it will change color only of the Cyan item.

![Cyan item changed to blue](https://cdn-images-1.medium.com/max/2880/1*2qTW9JGXA98Hsc7pQiLXaQ.png)*Cyan item changed to blue*

Below we change it to Pink.

![Cyan item to pink](https://cdn-images-1.medium.com/max/2880/1*FEEACvjRo5dAgPstfbGi0g.png)*Cyan item to pink*

This concludes part-2 of the series.
Do Good Daily Day 1
Tags: swift, swiftui, ios
Published: 2019-09-13 04:28:39

📅 09/12/2019
🔥 1 day streak
📱 Do Good Daily
💰 $0.99 price
🤑 $0 revenue
❌ 0 app store rejections
📈 0 sales
📉 0 upvotes
⌚️ 0 hours spent
😄 0 rewrites
🛬 0 landing pages
💻 12 files changed, 693 insertions(+), 0 deletions(-)
✅ Today's goal: Create the swift UI project

## Intro

It's the middle of the month and fall is almost upon us. I'm not sure if the summer has driven me insane or if I'm just insane by default but I'm going to pick up my ridiculous plan from last year (and earlier this year) to make a new app every month, except this time I'm making actual ios and mac apps, not websites.

Which means the best bio ever© is getting a refresh:

~~Takes hikes 🏔 makes sites 👨‍💻~~

to this

**Takes naps makes apps**

No I'm kidding, although probably accurate given how *senior* I am now. 

Alright this is it:

🚢 12 apps in 12 months… because the world needs more apps

## September's App

Now that that's out of the way, let's get to the nitty gritty, what app are you dear reader going to look out for the apple app store on September 30th? 

**Do Good Daily**, that's what.

Alright so this one is very simple mostly because I've got 15 days give or take to get it done and put in the app store, including today.

## Features

- Set a morning reminder time which will push notify you and ask "What good shall I do this day?"
- Set an evening reminder time which will push notify you and ask "What good have I done today?"
- Big text field to save your thoughts on if you accomplished your goal or "did your good" that day

Is this worth $0.99? I don't know. Let's find out.

## Start your xcodes

![xcode with default project template](https://thepracticaldev.s3.amazonaws.com/i/e6udgbxj3hv079hauu2d.png)

That was easy. I'm going to pat myself on the back for today's progress.
Welcome to the Big Thread Club, Kat Marchán. You are the latest winner of the Big Thread Badge. 🎉
Tags: meta, bigthreadbadge
Published: 2019-09-13 03:39:32

Kat joins @stereobooster, @liyasthomas, @emmawedekind, @neilonsoftware, @andrewbrown, @mjraadi, @room_js, @iam_timsmith, @fullstack_to, @espoir, @helenanders26, @philnash, @florinpop17 and @lauragift21 in the club as the 15th winner of this badge.

{% user zkat %}

The Big Thread Badge is awarded to the person who creates a discussion thread on the site that sparks the most collective comment love (e.g. score as determined by total ❤️ reactions and adjacent ranking factors).

This was Kat's thread:

{% link https://dev.to/zkat/i-m-the-former-tech-lead-for-the-npm-cli-and-i-ve-been-doing-foss-for-10-years-ask-me-anything-4mdi %}

Entry is simple: Start a thread that is bound to spark a lot of comments. Ask the community to tell a certain kind of story and get lots of comments! Even if these threads aren't always answering _the deep questions_, they are often great for seeing what the broader community thinks of a topic and are usually a lot of fun!

Use the #discuss tag to signal that the post is a discussion thread.

{% tag discuss %}

_DEV employees are not eligible for the Big Thread Badge. 🙂_

## **Happy Coding!**