teleren/devto huggingface dataset:
3 Must haves for Merge Requests for swift Code Review
Tags: programming, codereview, teamproductivity, productivity
Published: 2021-04-09 14:50:03

One huge part of Code Collaboration is Merge Requests (MR).

Here you can tell other members of the Repository about your Code Solution.

Let's make sure that the Reviews on your Merge Requests is as swift as possible. 

Not only for you, *but for the reviewers*

## 1. Title

The title is very important for a good MR. A good title should explain what the MR is about.

Think of it as the SEO Title of your WebPage.

If it is misleading, the reviewers would have to struggle hard to get the Core Idea or reason for the Merge Request.

*For example:*

**Bad:** `Refactoring Components`

**Good:** `ABC-123: Refactor Login Flow for Better Error Handling`

It tells me that:
- Ticket is present for this change
- What parts of UI should expect some change
- Reason for Change

---

## 2. Brief Description

Of course, the title can not have everything.

That's why there is the description.

It should briefly touch base on Major changes done to achieve the title.

For the above title of MR, the following could be a good description:

```
- Removed unnecessary Props
- Adopted composition of Component and reduced Prop Drilling
- UI Error reporting is unified for a form via the `useErrors` hook
- Inputs are now logic-less allowing better testing 
```

Now with the above description, I would be expecting the File changes and pay more attention to the Code in certain areas.

---

### 3. Related Ticket/Issue

A change should be introduced to Code with some Ticket.

This ticket can be Bug, Feature/Story, Task etc.

Presence of ticket allows+maintains the Documentation and Reasoning of Change outside the Repository.

With things outside the code, it allows collaboration from non-code participants.

In some of the cases, Ticket and MR are in the same system.

For instance, Issues from GH are tickets for PR

---

## Conclusion


I think that the above points allow the reviewer to prepare for what they are going to review.

> What would you need as a Reviewer as a must-have?

Let me know through comments 💬 or on Twitter at  [@patel_pankaj_](https://twitter.com/intent/follow?screen_name=patel_pankaj_)  and/or  [@time2hack](https://twitter.com/intent/follow?screen_name=time2hack) 
If you find this article helpful, please share it with others 🗣
Subscribe to the blog to receive new posts right to your inbox.
Hybrid and Multi-Cloud | simply explained 🙌🏼
Tags: devops, cloud, cloudnative, aws
Published: 2021-04-09 14:42:48

This video is about concepts of **Hybrid** and **Multi-Cloud**. ☁️☁️

I will go through the development from on-premises infrastructure to cloud platforms generally and then we will see what trends and use cases led to companies adopting hybrid cloud and multi-cloud.

At the end we'll see some of the challenges of moving to multi-cloud and hybrid cloud.

##Overview##
- What is Hybrid Cloud? Private and Public Cloud explained
- Why companies still use on-premise infrastructure?
- Hybrid Cloud Use Cases
- What is Multi-Cloud? 
- Use Cases for Multi-Cloud
- Challenges of Hybrid- & Multi-Cloud
- How to address some of those challenges?

Watch the video here 🤓
{% youtube qkj5W98Xdvw %}

-----------------
**Like, share and follow me** 😍 for more content:
- [Instagram - for behind the scenes content](https://www.instagram.com/techworld_with_nana/)
- [Private FB group](https://www.facebook.com/groups/techworldwithnana)
- [Twitter](https://twitter.com/Njuchi_)
- [YouTube](https://www.youtube.com/channel/UCdngmbVKX1Tgre699-XLlUA?sub_confirmation=1)

- [LinkedIn](linkedin.com/in/nana-janashia)
How to Increase Your Python Skills
Tags: python
Published: 2021-04-09 14:33:30

Programming, like many other skills, is best learned in practice. Python is one of the most versatile programming languages available. It’s easy to learn, fun to write and can be applied to a wide range of fields. 

The following list of resources will help you increase your Python skills. These resources include websites, blogs, tutorials and books to take you from Python beginner to advanced developer. Continue reading to discover some simple ways to upskill your knowledge.

## Websites

Collection of websites that help you learn the Python programming language.

* [PythonBasics](https://pythonbasics.org) 

Learn the basics of Python and some additional things. This Python tutorial is a very extensive and detailed course that will help beginners learn Python in a few weeks. The course will cover the basics of Python

* [PythonSpot](https://pythonspot.com) 

Here you will find collections of tutorials for all skill levels. Tutorials on a wide variety of Python topics like web development, GUI programming, computer vision and others.

* [GUI programming with Python](https://pythonpyqt.com/) 

Learn how to make desktop applications with the Python programming language

* [Pythonlang](https://pythonprogramminglanguage.com)

Articles about Machine Learning and other advanced topics. Here you will find beginner and advanced tutorials on Python programming language for novice programmer to professional programmer.

* [tkinter tutorial](https://python-commandments.org/tkinter-basics/) 

A tutorial on using tkinter, a very miminal GUI module, to create desktop apps. It used to be the default way to make desktop apps with Python.

## Exercises

Series of exercises intended to help you practice and develop your skills. You’ll learn to use Python in many different ways—to process text, manipulate numbers, generate graphics, read files and more.

* [200 Python Exercises (book)](https://leanpub.com/learnpythonbyexercises)

Book with many exercises, great for beginner Python programmers. It also contains answers, in case you get stuck with the exercise.

* [PythonBasics exercises](https://pythonbasics.org/exercises/)

Some other exercises for the Python language.
MySQL Adddate함수 사용하기
Published: 2021-04-09 14:32:58

MySQL에서 제공하는 다양한 함수가 있다.
이 함수를 이용하면 백엔드 프로그램을 이용하여 날짜를 취급하는 것보다 더 용이할 수 있다.

PHP를 이용하여 
회원의 회원기간을 설정할 때, 
서비스 기간을 산정할 때 등
날짜를 취급해야 할 때가 많다.

MySQL에서 제공하는 함수를 이용하면 PHP에서 계산하지 않고 바로 DB에 저장할 수 있다.

## MySQL ADDDATE함수 (또는 DATE_ADD함수)
이 함수는 MySQL 4.0부터 지원한다.

### 문법
ADDDATE(date, INTERVAL value addunit)
또는
ADDDATE(date, days)

___

|Parameter | 설 명 |
| ---- |----|
|date|필수|
|days|필수|
|value|필수. 추가 할 시간 / 날짜 간격의 값입니다. 양수 및 음수 값이 모두 허용됩니다.|
|addunit|필수|

___

### 사용예
- 기준 시간에서 6시간을 빼고 반환할 경우
```MySQL
SELECT ADDDATE("2021-04-09 14:34:21", INTERVAL -6 HOUR);
```
- 기준 날짜에 15일을 더하고 날짜를 반환할 경우
```MySQL
SELECT ADDDATE("2021-04-09 14:34:21", INTERVAL 15 DAY);
```
- 그누보드5 notice 게시판에서 wr_1=1인 글을 등록날짜 필드에 1년을 더하여 wr_1필드에 업데이트할 경우
```MySQL
update g5_write_notice set wr_1 = ADDDATE(wr_datetime, INTERVAL 1 YEAR) where wr_id = '1';
```
TUTORIAL: How to use GitHub in Codesphere
Tags: tutorial, github, webdev, cloud
Published: 2021-04-09 14:21:31

>Codesphere is a simple and powerful development platform that combines a collaborative IDE, GitOps, and cloud services to streamline the development of scalable web applications.

Nowadays it's hard to imagine development without using git. That's why in today's article we'll show you how to use Github in Codesphere.

##Cloning from Github

Once you are signed in, navigate to the My Apps menu, and press the New App button. You can then click on Clone Repository, where you will be prompted to enter the Repository URL for the Repo you want to clone.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ydp4xl9z0llstwxechwo.gif)

For GitHub, the URL for a repository can be found by clicking on the green Code button and copying the HTTPS URL.

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

Simply copy that URL back into Codesphere and press "Continue". After choosing a name and billing plan, Codesphere will clone your GitHub Repository, allowing you to use Codesphere to develop and deploy your web application.

Thanks for reading!
Thunder Client - Lightweight Rest API Client Extension for VS Code
Tags: api, react, vscode, javascript
Published: 2021-04-09 14:10:57

<em>This post originally posted on [Medium](https://rangav.medium.com/thunder-client-alternative-to-postman-68ee0c9486d6)</em>

How **Postman** led me to create my own API Client called **[Thunder Client](https://www.thunderclient.com/) for VS Code**.

I work for my own project [localmint.com](https://www.localmint.com), where I need to update the location data regularly, which involves dealing with lot of Crawlers & APIs. I was using **Postman** to test APIs from last few years, But recently for each update the Postman desktop client is becoming slow to load and confusing UI. So I finally decided to create my own API client.

Since I use **Visual Studio Code** regularly for development, So i decided to develop an extension instead of separate software to download, and also there are millions of users who already use VS Code. I have set the following design targets for the new extension

### Extension Design Goals
* Lightweight API Client
* Simple, Clean & Easy to use UI
* Handle Large Responses & View in Full Screen
* Support VS Code Themes
* Collections & Environment Variables
* Scriptless Testing

### Development
I started initial research on how to use **VS Code Api** to develop an extension for couple of days and then started developing the software. Finally able to complete development of Extension with the above target functionality. below is the screenshot of the extension
![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a6xmobz26amj0tye1c4d.png)


### Scriptless Testing
I noticed we need to write lot of boilerplate code in Postman and other clients to do basic testing using scripting like status code equal 200. So I implemented GUI based tests, where you can select couple of dropdowns to do most standard tests very easily without any scripting knowledge. Below is the screenshot of tests.
![](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wiplnc7k7hup2i8z92vg.png)


### Extension Links
* Thunder Client - [www.thunderclient.com](https://www.thunderclient.com/)
* Github page [visit here](https://github.com/rangav/thunder-client-support)


Please download the extension and let me know any feedback.
Car keys toggle it right !
Tags: design, codequality, javascript
Published: 2021-04-09 13:30:32

Sometimes I feel that a way of doing things is better than another but I struggle to explain why. For example, I don't like when a function, especially a public api, uses "toggle" behaviour. 

To illustrate, let's make a public api controlling if volume is muted or not.

```js
let muted = false

export const mute = () => {
  muted = true
}

export const unmute = () => {
  muted = false
}
```

In the past, I got tempted to merge `mute` and `unmute` into a "smart" toggle function

```js
let muted = false

export const toggleMute = () => {
  if (muted) {
    muted = false
  }
  else {
    muted = true
  }
}
```

Only to realize that first version was better. But I was struggling to explain why to other developers. And that lasted for long. From time to time, I was wondering what could be the "perfect" example to illustrate my feelings.

Until one day. 

We where walking in the city with my girlfriend, which is also a dev.

**Me:** Do you remember when I told you I don't like when api uses toggle?
**Her:** I do, yes
**Me:** I was thinking again how to illustrate that... I like when one button do one thing. Toggle is not user friendly but I still can't explain why with a simple example.
**Her:** *Thinks...* Got it! It's like when you want to lock your car... You don't want to know if your car is locked before pressing the button. You just want to lock your car by pressing a button. Maybe it was useless because the car was already locked but that's not what matters for you. With a toggle you would have to remember if the car is locked otherwise you could unlock it by mistake and have to lock it back.

I don't know if that rings a bell for you, but for me it illustrates simply why I prefer having 2 buttons: 
- one to lock the car
- an other to unlock the car

Applied to a car, we don't want a toggle because user would have to keep in memory the state of the car.
Applied to a program, we don't want a toggle function because  code outside have to remember the state as well.
I think you might have a solution for this!
Tags: help, techtalks, leadership
Published: 2021-04-09 13:29:14

Am writing from Dar es salaam, Tanzania.

My name is Alfeo Raymond, i am a Web Developer by profession and a Teacher by passion

I have come through a challenge and I think it’s worth sharing it with the world and see if the solution can be found

A month ago, while leading a Technical session at One of schools i was assigned to, one of my students asked me a question: “So what's next after this, we don’t see any useful activity we have done yet from this program and it ends??”
 
Due to the concern raised by that student I had a discussion by myself and As a conclusion of that talk, I decided to structure my idea on words and see what the world have to offer. 
My writing might not be too formal and professional thus I would request that you add more ingredients to it.
 
The problem
It has been observed that most students taking Technical related degree programmes have no or vague idea of the career path they want to take after graduating from college due to the poor technical foundation at school level. 
Only a few have a picture of which path they’ll take, and most often this last group comes from technical schools. Also, this last group adapts easily when joining technical courses at university compared to the first group.
 
Initiatives taken to address the problem
In 2019, Dlab in partnership with UDSM initiated a Human Centered Design (HCD) programme, featuring secondary school students from few schools, enabling the students to come up with solutions to the given challenge; by using the HCD methodology.
 
They were trained for a period of 9 months and at last they created solutions to their given challenges, and wow! they did great.

But despite the initiative launched, as well as other similar trainings from other institutions; there is no clear long term impact on those students. They got a glimpse of how to use technology to solve community challenges; then what’s next?

As technology (ICT) evolves everyday, in order to keep up with this race we need to set a railroad for our youngsters to follow while enriching their skills. I believe that if we enrich this big baobab tree from the roots, we will have sweet fruits than focusing on budding the branches.

Now, what do you think can be done to solve this.
Any idea will be good to me and us🙂. So just write 

Phew!! That was long.

contacts:
+255 745 909 129/ +255 737 539 892
ngelime07@gmail.com
instagram @alfeoraymond
JavaScript Interview Question #31: Big or small
Tags: javascript, beginners, codenewbie, webdev
Published: 2021-04-09 13:24:14

![js-test-31](https://learn.coderslang.com/js-test-31.png)

What's the output?

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

So, there’s an `if` statement and it’s condition `Math.max() > 0` is all we need to analyze.

If your first guess was that `Math.max()` should return some big number that’s for sure bigger than `0`, then you’re wrong.

In JavaScript `Math.max()` takes a variable number of arguments and returns the biggest one. The comparison starts at the very bottom, which in JS is `-Infinity` because it’s smaller than all other numbers.

This is why if no arguments are provided to the `Math.max()`, it will return `-Infinity`.

As `-Infinity` is smaller than `0`, we’ll go into the `else` branch of the conditional statement.

---

**ANSWER**: string `ZERO!` will be logged to the console.

[Learn Full-Stack JavaScript](https://js.coderslang.com/sign-in)
Bootstrap 5 Web Developer Responsive Card Section
Tags: webdev, codenewbie, codereview, uiweekly
Published: 2021-04-09 13:21:40

Card section is important for every website to show quicks view with main points. So here we made a beautiful cards section user interface using bootstrap 5 components.

In this section, we modify the bootstrap class and also used utility classes. Also, we used grids systems in these elements to make them responsive. Here we used the badge component to show cards in number format on top of cards.

Make it yours now by using it, downloading it, and please share it. we will design more elements for you.

[Source Code](https://w3hubs.com/bootstrap-5-web-developer-responsive-card-section/)
The Wizard of Oz in CSS
Tags: css, html, showdev, codepen
Published: 2021-04-09 13:21:25

---
title: The Wizard of Oz in CSS
published: true
description: Drawing the Wonderful Wizard of Oz characters in a minimalist way with CSS and HTML.
tags: css,html,showdev,codepen
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x6uezps095ouf076ip7s.png
canonical_url: https://alvaromontoro.com/blog/67973/drawing-the-wizard-of-oz-characters-in-css
---

The Wonderful Wizard of Oz is one of the books I have read recently. So I decided to draw the story's main characters in a minimalist/vectorial way, just using 8 colors, HTML, and CSS.

Here's a [demo on Codepen](https://codepen.io/alvaromontoro/full/LYxLxpG):

{% codepen https://codepen.io/alvaromontoro/pen/LYxLxpG %}

I tried to keep the drawing simple and to the minimum, so each character only has four sections:

- **Cowardly Lion**: mane, face, ears, and nose.
- **Dorothy**: face, hair, dress, and hair bows.
- **Scarecrow**: hat, face, necktie, and straw.
- **Tin Woodman**: hat, face, jaw, and bowtie.

The drawings are done with [`clip-path`](https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path), using the `polygon()` function. So the process was a little bit like _carving_ from a square to the desired shape... which was a small challenge considering I didn't use any editing software to generate them—all by hand (watch the [video]() below).

<figure>
```css
/* Cowardly Lion's mane */
.lion .mane {
  background: var(--orange);
  clip-path: polygon(
    50% 5%, 73% 8%, 87% 40%, 85% 80%, 70% 95%, 
    65% 93%, 60% 98%, 55% 95%, 50% 100%, 45% 95%, 
    40% 98%, 35% 93%, 30% 95%, 15% 80%, 13% 40%, 27% 8%
  );
}
```
<figcaption>Example of CSS code from the drawing<br>&nbsp;</figcaption>
</figure>

A small animation completes the drawing: **moving the mouse over each character will display what they want to ask the wizard**: courage (a star medal), going home (a house), a brain, and a heart, respectively.

The result looks nice. Although I must admit that Dorothy resembles the girl from Wendy's and the Scarecrow, a rocket taking off... 

Later, I changed the drawing to make it a little more interactive by replacing the container `<div>` with links to each of the actors who played the character. [You can see that version here](https://codepen.io/alvaromontoro/pen/eYgeRxQ).

Overall, the whole drawing process took around an hour and a half. Here's a video of how it went:

{% youtube DnvJrrX8uuM %}
Category type in pandas
Tags: pandas, dataframe, python
Published: 2021-04-09 13:16:25

---
title: Category type in pandas
published: true
description: 
tags: pandas, dataframe, python
//cover_image: https://direct_url_to_image.jpg
---
**Python** pandas library supports a data type called Category. When working with pandas dataframe, using Category will help in many ways. Let's see about Category datatype.

### What is Category data type in pandas?

- Category is a datatype which can be used when we have a fixed number of string values like 
   - Months(Jan, Feb)
   - Country Names(India, Singapore)
   - Size(Small, Medium, Large)
- In a simple way is using a sequence of integer values for the strings(Jan - 1, Feb - 2 etc)
- Categories are similar to ENUM data types in other programming languages like C/C++, Java.

### Advantages of using Category:
1. Saving lot of memory by reducing the size 
2. Increasing processing speed

### How to use Category in pandas dataframe:
##### - While reading the CSV file:
We can convert column from object to category while reading the file like below
```
filename = "~/Downloads/US_Accidents_Dec20.csv"
# Converting into category data type while reading CSV file
us_accidents_dec20_cat = pd.read_csv(filename, dtype = {'State' : 'category', 'City' : 'category'})
```

##### - Converting column into category type:
We can convert the column on the fly like below
```
# Loading csv file into data frame
filename = "~/Downloads/US_Accidents_Dec20.csv"
us_accidents_dec20_cat = pd.read_csv(filename,)

# Normal column access
us_accidents_dec20['State']

# Converting to category data type
us_accidents_dec20['State'].astype('category')
```
#### Memory comparison between Object vs Category data types:
- Normal object column:
```
us_accidents_dec20['State'].memory_usage(deep=True) / 1e6
```
Result:
`249.720047`

- Category column:
```
us_accidents_dec20['State'].astype('category').memory_usage(deep=True) / 1e6
```
Result:
`4.23684`

We can clearly observe storage space reduced from 249 to 4 which is a very huge difference.

Converting to Category data type will certainly help improve processing speed and space with a large set of data.

Happy Learning!!


P.S: Used Accidents' data of December 2020 from The USA, You can get this data from kaggle.
Do you workout son!? 🧐 🏋️
Tags: discuss, watercooler, javascript, webdev
Published: 2021-04-09 13:16:05

Hi comrades! 💪

I think you now that sitting work isn't good enough for your body. 

If speaking of me, my training program in past was similar to this:
![mr.Bean Workout](https://media.giphy.com/media/KXlcrakfMPwwU/giphy.gif)

But then I found out that it's not the best program 😄

I don't like go to the gym and I solved to find something for home training.

I've been training for Insanity by Shoun T. This program gave me a very big endurance 🏃‍♂️

Then I found App - Centr by Chris Hemsworth. Now I'm training by this program 🏋️

So how do you usually maintain your health? 🤔

![Tell Me](https://media.giphy.com/media/MP1kygLQzjCve/giphy.gif)
April 9th, 2021: What did you learn this week?
Tags: weeklylearn, discuss, weeklyretro
Published: 2021-04-09 13:12:55

It's that time of the week again. So wonderful devs, what did you learn this week? It could be programming tips, career advice etc.

<center>

![It’s time to get your learn on](https://media.giphy.com/media/a7NBvg3Ss8UYo/giphy.gif)
</center>

Feel free to comment with what you learnt and/or reference your TIL post to give it some more exposure.

{%tag todayilearned %}

And remember, if something you learnt was a big win for you, then you know where to drop it as well.👇👇🏻👇🏼👇🏽👇🏾👇🏿

{% link https://dev.to/devteam/what-was-your-win-this-week-1jd5 %}

<center>

![Someone feeling like "Yaaas!"](https://media.giphy.com/media/zBhZiVNNQjfTG/giphy.gif)
</center>
A Complete Guide For AWS Solutions Architect Associate Training

Tags: aws, cloud, cloudskills, career
Published: 2021-04-09 12:56:10

Before appearing for the AWS solutions architect associate exam, know the details related to AWS certification & examination. Here you will able to know All About AWS Solution Architect Associate Course and Examination by a quick & complete guide.
Content of AWS Guide-
What Does an AWS Solutions Architect Do?
AWS Solutions Architect Associate Exam Details.
[AWS solutions architect associate certification](https://www.careerera.com/cloud-and-virtualization/aws-certified-solutions-architect-associate) exam syllabus
Preparation Tips and Tricks
AWS exam format
AWS Exam Syllabus Outline, etc.
Just go through the following URL for more info-
https://www.careerera.com/blog/all-about-aws-solution-architect-associate-course-and-examination
Call on:  +1-844-889-4054/+91-92-5000-4000