teleren/devto huggingface dataset:
🤖E2 | Laptops, Motivation, Brain Fog, New tutorials 😉? | 2020
Tags: askmeanything, coding, motivation, inspiration
Published: 2020-07-27 21:05:13

In this series, I am going to be answering your coding/designing questions. I don't claim I have a lot of experience or that I know everything, I am just going to give you examples that have worked for me and I hope they will work for you as well.


In this video, I answer:
👣GENERAL QUESTIONS
0. Let's start :) 0:00
1. What kind of laptop should one buy for programming? 0:55
2. Which is more interested, angularJS or angular2/4/6/8? 2:16

👣CODE and DESIGN questions
3. What should one do when feeling low? 3:39
4. How to feel motivated again? 4:45
5. How to troubleshoot code? 7:08
6. How to deal with brain fog? 8:10

7. How did you learn English? 10:27

👣COMING UP questions
8. Would you like to watch a git tutorial from me? 11:38
9. Would you like to watch a Kotlin tutorial from me? 11:55

✅Season 1 of QnA can be found [here](https://www.youtube.com/playlistlist=PLxktx98zP3aDdYxC55TRQlm9k7nD60Wcb)
✅Season 2, Ep1 [here](https://youtu.be/TjV7Lnl2AMQ)
✅Season 2, Ep3 [here](https://youtu.be/X8lu5_nU9n0)

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

🤔If you have any question and you are searching for an answer, or you if you want a code/design review please choose a way to participate: 
1. leave a comment in this video.
2. or go the "community" tab on my YouTube channel and leave a comment there.
3. or go on twitter, find me on @BatsouElef, and ask me anything 


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

👋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/)
Microsoft Learn
Tags: azure, dotnet, csharp
Published: 2020-07-27 20:58:42

---
title: Microsoft Learn
published: true
description: A great resource to delve deeper into Microsoft products. 
tags: [azure, dotnet, csharp]
cover_image: https://files.tested.com/photos/2015/03/12/73969-ninja-cat.jpg
---
Today there are a plethora of different resources to deepen your knowledge in development. Sometimes it can be difficult to navigate in the jungle of tutorials and it is easy to get stuck in tutorial hell. 
If you feel like that above sentence is fitting I want to strike a blow for Microsoft Learn which is a free resource where users can hone their skills in Microsoft's products. 

If you want to learn how to deploy your docker containers to azure using Azure DevOps, there is a good guide for that. If you instead want to learn how to deploy a static website using GitHub Actions you can learn about that. If you are curious about .Net Core, there are guides on how to build a scheduled service worker or how to build a REST Api in ASP.NET Core. These are all just examples of the range of topics you can discover.

*In my opinion*, this is a very good place to deepen your knowledge of Microsoft products. 

More information can be found here https://docs.microsoft.com/en-us/learn/.
Launch day came and went
Tags: saas
Published: 2020-07-27 20:53:55

We officially launced on July 22, 2020 and initial traffic was pretty good - we had two small purchases which immediately validated the idea to me. Since then traffic has dropped off quite a bit and no further purchases have been made. Any feedback? 

![Landing page](https://dev-to-uploads.s3.amazonaws.com/i/7uog2blc2aoochtncac6.jpg)

I do not have a large twitter following but I did get some great feedback on r/sideproject (https://www.reddit.com/r/SideProject/comments/hwjjmw/i_made_smallsmsapp_send_sms_with_a_clean_simple/)

Indiehackers didn't result in much traction but I do appreciate the upvote for those that did. 

If you like the concept check it out! I'm doing a manual referral program that will get you 50 free texts for each customer you refer. Reach out to support@smallsms.app if you're interesting. 

You can check out the app here: https://smallsms.app
Software Engineers are Draftsmen
Tags: discuss, watercooler, development
Published: 2020-07-27 20:22:53

---
layout: post
title: Software Engineers are Draftsmen
published: true
tags: discuss, watercooler, development
cover_image: http://3.bp.blogspot.com/-moRPtDu78Yg/Uj9IM0q4pGI/AAAAAAAAAu0/qa_0pI3ciAo/s1600/oreac_16.jpg
---


We design, write, and deliver structures to be built. We build nothing. The computer does the building - millions of times. We use IntelliJ instead of CAD. Our designs evolve and are flexible; filled with manifold uses and complexities. But, in the end, it is a specification to build a structure. Like architects and draftsmen we are artists, engineers, designers, creators. Software Engineers are draftsmen.

----------------------------------------
Software Engineers are:

- [Writers?](https://youtu.be/9LfmrkyP81M?t=2808)
- [Artists?](https://www.usehaystack.io/blog/software-development-metrics-measuring-what-matters-2)
- Engineers?
- What do you think?
Learn SSH In 6 Minutes
Tags: ssh
Published: 2020-07-27 20:09:31

---
title: Learn SSH In 6 Minutes
published: true
description: In this beginners guide to SSH, you'll learn the basics of SSH including how SSH works, setting up keys, connecting and administering remote servers and transferring files.
tags: ssh
---

Originally published [here on YouTube](https://youtu.be/v45p_kJV9i4).
(Give me a thumbs up and subscribe if you found this useful 🙏).

More info on SSH: https://www.ssh.com/ssh/
The Windows Putty Client: https://www.putty.org/
Using rsync to transfer files:https://www.digitalocean.com/community/tutorials/how-to-use-rsync-to-sync-local-and-remote-directories-on-a-vps

Get free Digital Ocean credit to setup your own servers to use for your web projects: http://juniordevelopercentral.com/digitalocean

— Follow Me —
Twitter: https://www.twitter.com/codebubb
Facebook: https://www.facebook.com/juniordevelopercentral
Blog: https://www.juniordevelopercentral.com/
— Thanks! —

In this tutorial, you’re going to learn all about SSH and how to use it as a web developer.  Towards the end of the tutorial, we’ll look at some real examples of connecting to servers via SSH so keep watching to see how you can make use of SSH for your projects.

This beginners guide to SSH will take you through the basics of setting up a connection with SSH and also transferring files.  You will also learn about the importance of SSH and how to create your own private key which can be used to authenticate you with the remote servers that you want to administer.

SSH can also be used to secure any network resource e.g. HTTP or FTP.  We’ll take a look at some examples of this at the end of the video.

We'll make some example connections to remote servers hosted by Digital Ocean in this tutorial and you will see how you can log in as a remote user and run commands on a server to help set it up for your web hosting needs.

In summary, SSH or more specifically connecting to remote servers with SSH, is an incredibly useful tool to help you administer the resources that host your web sites and apps.  You can also use it to transfer your local web development project to a remote server once it is ready to be published.
#041 Kubernetes - Services 1
Tags: kubernetes, devops, tutorial
Published: 2020-07-27 19:53:03

# Introduction
![intro](https://media1.tenor.com/images/f15057a41413c960db1f328ca5a732e3/tenor.gif?itemid=6203225)
this is part 41 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.
***

# Services

Today we are going about services in Kubernetes and what they do.

![service](https://dev-to-uploads.s3.amazonaws.com/i/gbaonwd3waaf1ybdvr1i.png)
In this picture we have 4 pods , 1 for front end (icon terminal) , 2 for backend (icon gear) and 1 for database (icon DB...)
For sure in this picture the front end and backend are separated.
those pods need to communicate between them selves they need what we call a service.
And we have a service to make the user communicate with the front-end.
***
# ClusterIP
![service2](https://dev-to-uploads.s3.amazonaws.com/i/myslf0tpb0r7q2algpdt.png)
Let's say this is our DB pod and backend pods , in able to communicate between those pods we need an service it's called ClusterIP , this service take a port and a name , the port here is 80 you can choose any port that is available , the target port is the port of the container , in our case it's mongoDB . MongoDB use this port as default one (you can look at dockerhub image docs).
 
![service3](https://dev-to-uploads.s3.amazonaws.com/i/66nxpicfut23z1qrek3z.png)

here a look at the config file for service and the mongo-db pod.
for the service the selector app is to specify what pod I need to provide a service for it. targetPort is the containerPort of mongo-db , and 80 is the port of service.
So the service is now to serve the mongo-db pod.

![service4](https://dev-to-uploads.s3.amazonaws.com/i/stfysj8so33jk1l8aatu.png)
in the backend we call the function 
```js
connect(mongodb://mongo:80)
```
mongo is the name of our service and 80 is the port of our service.
![service5](https://dev-to-uploads.s3.amazonaws.com/i/sdf8rf72a0h6xpni2758.png)
now we have our pods in 2 separated nodes. This is a problem? well no , because the master handle this for us. This is true just inside the same Kubernetes cluster.
The Maintainers: Brad Wilson and xUnit
Tags: video, opensource
Published: 2020-07-30 14:18:36

---
title: The Maintainers: Brad Wilson and xUnit
published: true
date: 2020-07-27 19:38:20 UTC
tags: Video,OpenSource
canonical_url: http://wildermuth.com/2020/07/27/The-Maintainers-Brad-Wilson-and-xUnit
---

[![The Maintainers](https://wilderminds.blob.core.windows.net/img/Main.00_00_16_03.Still001.png)](https://youtube.com/watch?v=CHNNDSAOJqU) I'm continuing the series out open source developers. This week I talk with [Brad Wilson](https://twitter.com/bradwilson) of Microsoft about his history with developing [xUnit](https://github.com/xunit/xunit).

We talk about how he does this project while still holding on to a full-time job. He also delves into how CodePlex, OuterCurve, and the .NET Foundation has helped him build xUnit and maintain it all these years.

I hope you like it!

<iframe src="https://www.youtube.com/embed/CHNNDSAOJqU" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>

If you did enjoy the video, please like and subscribe to my channel. Every subscription helps!

Do you have any of your favorite open source projects you'd like me to highlight? If so, just leave a comment and I'll see if I can shine a light on the maintainers!

[![Creative Commons License](http://i.creativecommons.org/l/by-nc-nd/3.0/88x31.png)](http://creativecommons.org/licenses/by-nc-nd/3.0/)

          This work by [Shawn Wildermuth](http://wildermuth.com) is licensed under a [Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License](http://creativecommons.org/licenses/by-nc-nd/3.0/).  
          Based on a work at [wildermuth.com](http://wildermuth.com).

* * *

If you liked this article, see Shawn's courses on [Pluralsight](http://shawnw.me/pscourses).
 ![](http://feeds.feedburner.com/~r/ShawnWildermuth/~4/wChpvFXu-4M)
How to fix npm or yarn installation error. 
Tags: node, react, angular, npm
Published: 2020-07-27 19:35:59

Have you ever tried installing an npm package and run into error? Or maybe you deleted your node modules and tried to reinstall using npm install and boom, there is an error. It can be frustrating, because you can't make progress. 

There is an easy command to fix such errors. Once you install a dependency and there is an error, simply run your terminal npm cache clean __force.  This will run through files and clean up and errors or logs that may be causing such errors. I feel it's a must have toolkit under any developers belt as errors do come up, regularly while we install or update dependencies.
Creating a GitHub README Profile
Tags: git, github, tutorial, codenewbie
Published: 2020-07-27 19:32:20

GitHub recently released a feature that lets you introduce yourself to the GitHub community, using more visual contents such as pictures, GIFs, links, and everything else you can add to a normal README file, because it is markdown, which means you control the display of the document.

Now, there is a chance to give visitors a broad snapshot of who we are, as we highlight our skills and projects.


<!--![Alt Text](https://gyrodesignlab.com/wp-content/uploads/2020/07/ThenewprofilelevelGitHubREADMEfeature-1024x576.gif)-->

I will show you how to unlock this feature, and also share interesting use cases by users around the world.

#### To unlock this feature…

[Create a new repository](https://github.com/new) using the exact name as your GitHub username. For instance, my username is giwajossy, so the new repository had to be giwajossy.


![Alt Text](https://gyrodesignlab.com/wp-content/uploads/2020/07/step_one-1024x499.png)
Note: The naming is case-sensitive – at the time of this writing. Also, repositories are public by default, if you make it private, it won’t work.

<br>
<br>

![Alt Text](https://gyrodesignlab.com/wp-content/uploads/2020/07/step_three-1024x499.png)
Repository successfully  created!

<br>
<br>


![Alt Text](https://gyrodesignlab.com/wp-content/uploads/2020/07/Github.png)
So I designed a banner, and placed it atop my new bio. Nothing too fancy!

<br>
<br>
#### Some Interesting use cases by other GitHub users
<br>
<br>


{% twitter 1281111778290786310 %}

{% twitter 1281435464474324993 %}

{% twitter 1282326538990563329 %}

{% twitter 1281699715466199040 %}

{% twitter 1281146411736694784 %}

{% twitter 1281026687103168512 %}

{% twitter 1265773172520914944 %}


Thanks for reading!

Hope you find this helpful.
Cast your vote: What’s the best front-end framework?
Tags: javascript, react, design, ux
Published: 2020-07-27 19:22:15

I figured there was no better community to ask then dev.to!

**What’s the best framework or toolset for developing a front-end for your website or web—app?**

There’s many to choose from, including, but not limited to:

- React.js
- Next.js
- Gatsby
- Vue.js

Personal, I’m absolutely in love with the environment around Next.js + Vercel. The tooling is amazingly easy to use, and server-side rendering is a must-have for most of my projects.

I started my React journey with `creat-react-app`, but Next’s superiority when it comes to file-based page routing blows it out of the water for me.

So: What’s your pick?
Clean Inbox with 1 Email Rule and 1 Rule of Thumb
Tags: productivity, tips
Published: 2020-07-27 18:53:21

*Photo by Davide Baraldi on Unsplash*
<br>

I'm a big fan of keeping things clean and simple and love finding ways that help me focus or be more productive.

And keeping my inbox as clean as possible is one of those. Making sure I focus on the right things and find them easily.

## The Email Rule

The email rule that I have in Outlook is this one:

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

Whenever I'm CC'd in an email, the sender has decided for me that it's not a priority for me. Unless it's marked as 'High Importance'.

This is great because then I don't have to waste time reading an email that has low relevance to my current task(s).

Then when I have the time, I can read it.

If I want to respond, I can do so without the guilt that my response is late since they weren't expecting an answer from me.

## My Rule of Thumb

For every email I receive, I ask myself "Does this need a response from me, or do I need the information in this week?"

If the answer is "No", I archive it.

If I need to answer it, I archive the email once I've responded.

If I get a response from my reply, I ask the above question again.

If I need the information in the email for my current task(s), I keep it in the inbox until I no longer need it.

If it's information that I will need later, for example, in two or three weeks, I archive it.

Then when I need it, I'll search for it. And if I need to keep that for a few days, I move it to the inbox folder and then archive it when it's no longer needed.

## I'm Not a CEO

These rules are the foundation for my clean inbox and have served me well. 

On the other hand, I don't receive hundreds of emails per day. So that also helps to keep the inbox clean. 😅

Hope these rules will help you find rules to keep you focused and productive.

---

If you liked what you read, please consider signing up to my [newsletter](https://email.halldorstefans.com/)
How to add styled-components to a React application
Tags: javascript, react, typescript
Published: 2020-07-27 18:47:52

I've talked about the advantages of CSS-in-JS and styled-components [in a previous article you can find here](https://decodenatura.com/about-css-in-js-react/).
A few days ago I had to set up it from scratch again and hated doing it. It does require quite a few actions to leverage the full advantages it can offer so let's see all the steps required.

## Install emotion

I prefer [emotionjs](https://github.com/emotion-js/emotion) between the CSS-in-JS libraries. It works very well with TypeScript and has an easy syntax.

```sh
$ npm i @emotion/core @emotion/styled
```

will add the basic packages. `@emotion/core` is required, `@emotion/styled` only if you want styled-components. I favor the latter but sometimes use core for either some small styling with `css` or `keyframes`.

The [vscode styled-components extension](https://github.com/styled-components/vscode-styled-components) for syntax highlight and IntelliSense is a must.

## Setting up .babelrc

Babel requires a plugin to parse emotion.
The default setup requires installing `babel-plugin-emotion` but it does not include the `css` prop. `@emotion/babel-preset-css-prop` does and includes the default plugin.

```tsx
// the css prop
const Button: React.FC<IProps> = props => (
  <a
    css={{
      color: 'hotpink',
      '&:hover': {
        color: 'darkorchid'
      }
    }}
    {...props}
  />
)
```

```sh
$ npm i -D @emotion/babel-preset-css-prop 
```

will install it.

The emotion plugin needs to appear after `@babel/preset-react` and `@babel/preset-typescript` in the list of plugins in case you are using them (you should!).

```json
// recommended .babelrc config for emotionjs
{
  "env": {
    "production": {
      "presets": [
        "@babel/react",
        "@babel/typescript",
        "@emotion/babel-preset-css-prop"
      ]
    },
    "development": {
      "presets": [
        "@babel/react",
        "@babel/typescript",
        ["@emotion/babel-preset-css-prop", { "sourceMap": true }]
      ]
    }
  }
}
```

## Linting with style

[Stylelint](https://stylelint.io/) adds rules and checks for styled-components libraries. Since emotionjs is based on styled-components, the linting is fully compatible. It is also enabled by default.

```
$ npm i -D stylelint stylelint-config-standard
```

You can set up custom rules as well, `declaration-empty-line-before` is for `prettier` compatibility.

```json
// .stylelintrc
{
  "extends": [
    "stylelint-config-standard"
  ],
  "rules": {
    "declaration-empty-line-before": null,
  }
}
```

Install the [vscode extension](https://github.com/stylelint/vscode-stylelint) to enable default detection on vscode.

## Closing thoughts

Setting up new libraries can be a chore, especially when the documentation is spread in different places.
The advantages of using styled-components outweigh the initial set up chore. But it doesn't mean it has to be a time-consuming activity.
Data Science in Python: Pandas Introduction
Tags: pythonbeginner, datascience, datastructures, pandas
Published: 2021-04-14 12:14:50

---
title: Data Science in Python: Pandas Introduction
published: true
date: 2020-07-27 18:38:49 UTC
tags: pythonbeginner,DataScience,datastructures,pandas
canonical_url: https://andersonbraz.com/data-science-in-python-pandas-introduction
---

In this post I show basic knowledge and notes for data science beginners. You will find in this post an link to jupyter file with code and execution.

## Pandas Basics

Pandas is a fast, powerful, flexible and easy to use open source data analysis and manipulation tool, built on top of the Python programming language.

Use the following import convention:

```
import pandas as pd

```

## Pandas Data Structure

### Series

A one-dimensional labeled array capable on hold any data type

```
s = pd.Series([23, 55, -7, 2], index=['a', 'b', 'c', 'd'])
s

Output:
a 23
b 55
c -7
d 2
dtype: int64

```

### DataFrame

A two-dimensional labeled data structure with columns of potentially different types

```
data = {'Country' : ['China', 'India', 'United States', 'Indonesia', 'Pakistan', 'Brazil', 'Nigeria', 'Bangladesh', 'Russia', 'Mexico'],
'Population':[1406371640, 1372574449, 331058112, 270203917, 225200000, 212656200, 211401000, 170054094, 146748590, 126014024] }
df = pd.DataFrame(data, columns=['Country', 'Population'])
df

Output:
Country Population
0 China 1406371640
1 India 1372574449
2 United States 331058112
3 Indonesia 270203917
4 Pakistan 225200000
5 Brazil 212656200
6 Nigeria 211401000
7 Bangladesh 170054094
8 Russia 146748590
9 Mexico 126014024

```

## Selection

Also see NumPy Arrays

### Getting

```
s['b']

Output: 5

```

AND

```
df[6:]

Output:
Country Population
6 Nigeria 211401000
7 Bangladesh 170054094
8 Russia 146748590
9 Mexico 126014024

```

### Selecting, Boolean, Indexing & Selecting

By Position

```
df.iloc[3, 0]

Output: 'Indonesia'

```

By Label

```
df.loc[[6], 'Country']

Output:
6 Nigeria
Name: Country, dtype: object

```

Boolean Indexing

```
result = df[df['Population'] > 270203917]
result

Output:
Country Population
0 China 1406371640
1 India 1372574449
2 United States 331058112

```

Setting

```
s['a'] = 777
s['d'] = 999
s

Output:
a 777
b 5
c -7
d 999
dtype: int64

```

## Conclusion

Pandas is flexible and easy to use analysis and manipulation data.

## See on Practice - Code and Execution

- https://colab.research.google.com/drive/1XAr9EMsuwH74k9Adah6OS2kFkUdS9xi7?usp=sharing

## Credits

Photo by [fabio](https://unsplash.com/@fabioha?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText) on [Unsplash](https://unsplash.com/?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)
Learn all About Programming Languages with O’Reilly
Tags: java, perl, sql, scala
Published: 2020-07-27 18:28:13

![Humble Book Bundle: Programming Languages by O’Reilly](https://dev-to-uploads.s3.amazonaws.com/i/73qj8p9fz2v9qhm2hbhw.png)

[Humble Book Bundle: Programming Languages by O’Reilly](https://www.humblebundle.com/books/programming-languages-oreilly-books?partner=repsup)

Learn all about programming languages with this all-new book bundle by O’Reilly!

This bundle launched Monday, July 27, 2020, at 11:00 AM PT and lasts until the same time on Monday, August 17, 2020. Get books like 97 Things Every Java Programmer Should Know, Learning SQL, 3E, Learning Java, 5E, and more.

Plus, pay what you want and support Code for America.