teleren/devto huggingface dataset:
Hacktoberfest: How to Get Your First Pull Request
Tags: beginners, tutorial, hacktoberfest, github
Published: 2020-08-19 17:57:21

Hacktoberfest is open to everyone in our global community. Whether you’re new to development, a student, long-time contributor, event host, or company of any size, you can help drive growth of open source and make positive contributions to an ever-growing community. All backgrounds and skills levels are encouraged to complete the challenge.

If you're new to participating in Hacktoberfest or need a refresher on submitting a pull request, we've created a helpful tutorial video that walks you through Hacktoberfest rules, Git, and Github. At the end of the tutorial, you'll have successfully submitted your first pull request. 

<p><a href="https://hacktoberfest.digitalocean.com/details?wvideo=u8up7h2m32"><img src="https://embed-fastly.wistia.com/deliveries/c0b560e0d358cc3f8fb5b1a5a4c4d20f.jpg?image_play_button_size=2x&amp;image_crop_resized=960x540&amp;image_play_button=1&amp;image_play_button_color=1e71e7e0" width="400" height="225" style="width: 400px; height: 225px;"></a></p><p><a href="https://hacktoberfest.digitalocean.com/details?wvideo=u8up7h2m32"></a></p>

For additional resources, visit [the Hacktoberfest Resources page](https://hacktoberfest.digitalocean.com/details). 

Happy Hacking!
What is bootstrap? And should you use it? (A simple explanation for a total newbie) 
Tags: codenewbie, beginners, webdev, bootstrap
Published: 2020-08-19 17:56:45

This post is for a total beginner (obviously lol) who knows nothing but only heard of bootstrap. 

I had hard time trying to understand what bootstrap is and wether I should learn it or not, so I'm writing this post to help others who has the same problem as I had. 
I hope this help you guys

<br>
Before I talk about it let me just tell you what I thought bootstrap is before actually learning it. 
Okay so after I was done with css basics I wanted to move forward a little, I had only heard of bootstrap and thought it's an app that I should just install and use lol
<br>
If you Google what is bootstrap?  it'll tell you it's a framework for css. then you'll wonder what is framework? 
To put it simply you might get lost in tons of new words and information ( like how I was lost) 
So let me tell you what bootstrap is but before that I need to talk about a few things :
<br>
1.<b>HTML </b> : It's the structure/skeleton of the site.
2.<b>CSS</b> : it helps us style the site.

Let's talk about css a little bit, shall we? 
If we wanna style a HTML element we add a class to it like :
< P class="paragraph" > this is paragraph </ p> then we go to our css file and style our element however we want like :
.paragraph : {
 color: blue
 Height : 200px;
} 
<br>
And now it's time to talk about bootstrap:
I think a very simple explanation would be : bootstrap is a ready-to-use classes. You only need to give a class to your HTML element. Here's an example :
< p class="container"> this is paragraph </ p>
after giving the "P element" a class, you don't need to go to your css file because "container class" was already created in bootstrap and is ready to use. To put it simply it's a CSS file that helps you style your site faster. 
<br>
But now the question is if bootstrap (or any other css framework) helps us style our site faster then should we still learn pure css?

Frameworks sure helps us do our work faster BUT you should definitely learn pure css. Maybe your client wants their site to be styled bit by bit and it needs to be 100% perfect and they're like i want header to be like this, button like this etc... then you have to use pure css to satisfy your customer's needs but if you're making a blog for yourself or your client who doesn't want the site to be very specific and wants their site kinda simple then you can use framework. 

<br>
This was my very first blog I really tried my best. I hope it was helpful for beginners. 
If there's any misleading information or something please let me know because I want to help others not misguide them. 

Also a big shout out to Dan Spartling that his tweet made me actually go with writing this blog ^^
How to get main menu-toolbar back in Android Studio IDE ?
Tags: android, tutorial, beginners, androidstudio
Published: 2020-08-19 17:55:11


Android Studio IDE's main menubar is one of the essential parts of the IDE. From simple primary operations (Such as Open, Create, Save projects) to many advanced operations can be done using the main menu/toolbar and it is very frustrating when you accidentally hide that menu/toolbar because IDE's many components are controlled by that menubar and you lose control over those components as you are not able to access the main menu .

![Main menubar](https://dev-to-uploads.s3.amazonaws.com/i/mmtgp7plvwr05zh3njkh.PNG)

###Let's see how we can fix it...
<br>
![Pic 1](https://dev-to-uploads.s3.amazonaws.com/i/6zp392fpgamzzg8zxmc3.png "Pic 1")
`Pic 1`

![Pic 2](https://dev-to-uploads.s3.amazonaws.com/i/gt20ym05lu6kvk0jrv9p.png "Pic 2")
`Pic 2`


You can see in `Pic 1:` The Main menubar is shown but in `Pic 2:` the Main menubar is gone (hidden).

###Step 1: 

To solve this press (`Ctrl +  Alt + S`) key from your keyboard, the `Settings` menu will appear. From the left panel select `Keymap` and from the right panel select `Main menu`

![Step 1](https://dev-to-uploads.s3.amazonaws.com/i/iz7wpy9r2bpiqep72vwl.png)

###Step 2:

Now Right-click on the Main menu, you will find three options `Add Keyboard Shortcut`, `Add Mouse Shortcut` and `Add Abbreviation`. Select `Add Keyboard Shortcut`

Keyboard Shortcut dialog box will appear. Select any key (`In my case its M`)

![Step 2](https://dev-to-uploads.s3.amazonaws.com/i/sv7po9njsrs20d6g12fs.png)

Now press the OK button, and once again OK to close the Settings dialog box. 

###Step 3:

Now press the shortcut key (`In my case its M`) and you will see a popup Main menu


![Step 3](https://dev-to-uploads.s3.amazonaws.com/i/9di934btrlopsypo91w5.png)

###Step 4:

Click on `View -> Appearance -> Main menu`

![Step 4](https://dev-to-uploads.s3.amazonaws.com/i/h026egqnl5pfb618fqrb.png)

Finally, you will see your Main menu again :)

###Step 5:

<u>Remove the shortcut key</u> - To remove the Shortcut Key, press (`Ctrl +  Alt + S`) key -> Keymap -> Main menu

Right-click on Main menu, Select `Remove` -> Hit Apply, then OK button.

###[Watch on Youtube](https://www.youtube.com/watch?v=JEs2cjKTRm0&t=41s)


Thanks for reading :)

Coffee https://www.buymeacoffee.com/rahedmir
Async/await can still surprise you... A LOT!
Tags: javascript, codenewbie, computerscience, webdev
Published: 2020-08-19 17:49:44

I love technology ❤, and the fact that it doesn't matter how much we know there will always be something to amaze us. Today a friend of mine ([@Rafael_Toscano](https://twitter.com/toscanorl)) showed me something that my instant reaction was like this:

![Cat Surprised ](https://charlesassuncao.tech/919cd1a4952b40064bb1905abc1be859/tumblr_ma0do9creh1qi2sux.gif "Cat Surprised ")

He shared with me an article from the V8 blog about ["Faster async functions and promises."](https://v8.dev/blog/fast-async) and among all sort of exciting things,  one captured my attention in a way that I could only think "This can't be real, I have to test it."

It regards the async/await behavior and the fact you can use async/await with any "thenable" function. What does it mean? Any object which has a ".then" method can be used with async/await.

In the article, he gives the following example:

```javascript
class Sleep {
  constructor(timeout) {
    this.timeout = timeout;
  }
  then(resolve, reject) {
    const startTime = Date.now();
    setTimeout(() => resolve(Date.now() - startTime),
               this.timeout);
  }
}

(async () => {
  const actualTime = await new Sleep(1000);
  console.log(actualTime);
})();
```

![Mother Of God](https://charlesassuncao.tech/static/96f9dd53fa7e40bf581a295fac92da98/ffc89/disgusted-mother-of-god.png "Mother Of God")

Yes, please tell me I am not the only one whose mind was blown by seeing that.

I think this helps us understand a little bit more about async/await functions and the possibilities of things we can do in our code. But also it comes with great responsibility, please don't replace simple promises everywhere by this only because it feels nice. 

Only use it if you can find exceptional use cases, and if you do, please share it with us in the comments. I do love to hear about it! I'm considering if to implement a "retry strategy" wouldn't be a good opportunity for this use as following the idea in the bellow code.

```javascript
const ServerMock = {
  count: 0,
  getData() {
    if (this.count === 2) {
      return Promise.resolve([{ name: "SomeName" }]);
    } else {
      this.count++;
      return Promise.reject("Error");
    }
  }
};

function fetchData(limit, time) {
  return {
    then(resolve, reject) {
      const retry = setInterval(async () => {
        limit--;
        try {
          console.log("Trying....");
          const data = await ServerMock.getData();
          if (data) {
            console.log("Resolve");
            clearInterval(retry);
            resolve(data);
          }
        } catch {
          if (limit === 0) {
            clearInterval(retry);
            reject("Limit Reached");
          }
        }
      }, time);
    }
  };
}

(async () => {
  try {
    const result = await fetchData(3, 1000);
    console.log(result);
  } catch (err) {
    console.log(err);
  }
})();
```

Let me know what you think about it in the comments.
Let's go from the top!
Tags: codenewbie, javascript, webdev, writing
Published: 2020-08-19 17:48:11

When I was a dancer, the phrase "From the Top!" was used on a regular basis, many times per day. It is a reference to returning to the very beginning, going again and trying to improve on your last efforts. At the start of the year, in the midst of all this, I decided to go from the top, but this time as a Web Developer.

```
const whichPortfolio = (person) => {
    
  if (person.profession === 'Web Developer') {
    return 'sp-wright.github.io/portfolio/';
  } 
  if (person.profession === 'Photographer') {
    return 'stephenwrightphotography.com/';
  } 
  return 'linkedin.com/in/sp-wright/';

};
```

As a photographer with my own portfolio website, I would spend a great deal of time using a generic website builder and although it was very useful, there were some limitations that I either had to put up with or find workarounds to solve problems.

At the start of the year, with suddenly a lot of time on my hands, I decided to start a Udemy course and learn how to make websites! I picked up the <a href="https://www.udemy.com/course/the-complete-web-development-bootcamp/">The Complete 2020 Web Development Bootcamp</a> taught by Dr. Angela Yu.

I had originally set out to work 3-4 hours a day to study and work though the material, but after typing out my first html tag, I was hooked! For the next 2 months I would spend 8-10 hours a day working through the course, reading around the subject and working on my own small side projects.
### Using logic to create design has blown my mind 🤯!
The freedom of using logic to create design has blown my mind. It has totally consumed me, and now all I want to do is code or learn about code!

I have always been wired as a logical thinker (<a href="https://www.truity.com/personality-type/INTJ">INTJ</a> apparently!), but I have never been able to scratch that cognitive itch the same way coding does. There is something so uniquely satisfying about mapping over an array or objects, destructuring the data and displaying it in your own custom styled components 🙌.

Since finishing the course I have now built out my commercial photography <a href="https://www.stephenwrightphotography.com/">portfolio</a>, designing and building it just the way I wanted it (image below), built out many personal projects (<a href="https://github.com/sp-wright">GitHub</a>) & most excitingly, I have just started working with my first client, designing and building their portfolio website.

![Alt text of image](https://i.imgur.com/pZJKOR4.jpg)

I am currently on the hunt for my first London based/Remote developer role. I am particularly interested in working with the front-end, using modern frameworks to code up beautiful designs.

Although I am beginning again 'from the top', I feel very excited to go again, but this time as a Web Developer!
#CodePenChallenge Shape Exploding Button Microinteraction
Tags: codepen, javascript, vue, showdev
Published: 2020-08-19 17:32:54

<p>This is my challenge for this week's Codepen Challenge.</p>

<p>Although the color scheme is very limited, I thought of using these colors as a shape. These colors resemble children's toys, where they fit all the shapes in a box.</p>

<p>This pen is in reverse order of that. Instead of going in, these shapes are scattering around (They scatter from where you clicked the button).</p>

<p>I used the icons in Fontawesome to create these shapes.</p>

{% codepen https://codepen.io/takaneichinose/pen/RwaROmw %}
A template for building a design system for your email's content production
Tags: showdev, productivity, documentation, email
Published: 2020-08-19 17:28:30

---
title: A template for building a design system for your email's content production
published: true
description: Use a design system to produce your emails. The Starter Email Design System is a template you can use as a starting point for your organization's email design system.
tags: showdev, productivity, documentation, email
cover_image: https://raw.githubusercontent.com/blocksedit/starter-email-design-system/master/starter-design-system-thumbnail.png
---

Using a design system helps your team follow branding and design guidelines and more efficiently produce emails. The Starter Email Design System is a template you can use as a starting point for your organization's email design system.

###[Check out the repo on GitHub](https://github.com/blocksedit/starter-email-design-system)
Design Patterns 101
Tags: technology, programming, softwareengineering, beginners
Published: 2020-08-20 13:17:55

---
title: Design Patterns 101
published: true
date: 2020-08-19 17:15:49 UTC
tags: technology,programming,softwareengineering,beginnersguide
canonical_url: https://codeburst.io/design-patterns-101-9fe18d5a1bd9
---

[![](https://cdn-images-1.medium.com/max/2600/1*5TLX3OPpFdjwy0-4h3B-oQ.jpeg)](https://codeburst.io/design-patterns-101-9fe18d5a1bd9?source=rss-577e2119c7f2------2)

###How tough is it to learn about design pattern, really?

The design pattern is one of the most important but feared aspects of software engineering, especially for people who are new to the topic.
The main reason for this was that the terms which are used in the patterns are pretty hard to understand at first. Besides this, it can be hard to know which books should you read or which websites provide better guidance around the concept, so knowing how to progress can be tricky.
A design pattern is a solution to a commonly occurring software development problem and an algorithm is a solution to logical aspects of problem-solving. Every design pattern has a structured template that provides the information needed to understand the problem and the solution.
Consider a design pattern is the same as a well-known Algorithm with structure. As new computer science students become more used to data structure and algorithms, this notion may help you to remove the mental block of viewing design patterns as being a tough topic.
It does not matter which book or website you are studying. Write the code yourself even if by just typing the sample codes, but don’t copy-paste the sample codes. You will be amazed by the result.
For more explanation, you may check the below link:


[Continue reading on codeburst »](https://codeburst.io/design-patterns-101-9fe18d5a1bd9?source=rss-577e2119c7f2------2)
WorkDash - Slack Status Changer
Tags: electronics, arduino, api, funny
Published: 2020-08-19 17:13:30

The other day I decided that I will build something for my desk and I did this:

{% twitter 1295815551642673154 %}

My idea is to make kind of a cheap DIY version of Elgato Stream Deck and the first version only uses the Slack's API to change my status, but it's a start.

For now, if you are interested to build your own you can check the gist that I've made to make one for yourself:

{% gist https://gist.github.com/sabatesduran/e464f996fb23e966d7fedd3992adde44 %}

Follow this series to known what else I will be adding!

--

*Nice banner from [Banner](https://liyasthomas.github.io/banner/) build by [Liyas Thomas 🦄](https://dev.to/liyasthomas)*
How to get started with Android Development?
Tags: android, devops, computerscience, codequality
Published: 2020-08-19 16:50:03

Android development is a very vast and interesting field. If you have decided to start with android, then, first of all, check the configurations of your system, because, there are some [requirements](https://developer.android.com/studio) that your system needs to satisfy to run some IDEs, for example, Android Studio.

## Which language to choose?
You can code in <b><i>Java</i></b> as well as <b><i>Kotlin</i></b> if you are going for native apps for <i>android</i>.
There are many more resources available for app development in Java as compared to Kotlin, as Java is older than Kotlin. But Kotlin makes your code short and simple. 
So, according to me, first, learn android development in Java, then switch to Kotlin.

##Which IDE to choose?
1. Visual Studio – Xamarin
2. Android Studio
3. IntelliJ IDEA
4. DeuterIDE
5. Eclipse IDE

If you are a beginner, then go for Android Studio. After completing your learning process, you can switch to Visual Studio.

Now, moving on to the question, how to get started. 
Begin with the following topics:
1. <b>User inputs</b> - This topic will cover all types of inputs that you can take in your application. For example, usernames, password, text input, email input, etc.

2. <b>Multiple Activity</b> - Here, you will get to learn about how to switch to next activity/screen. For example, when you click on the login button of Instagram(Let's say), you get to see another screen.

3. <b>Internet Connectivity</b> - In this topic, you will get to learn how to connect your application with the internet, how to get extract data from APIs, and use it in your application.

4. <b>Data Storage</b> - There are several options for data storage eg. MongoDB, MySQL, Firebase, and many more. For a beginner, I would suggest going with Firebase as it is very easy to use. After that, you can switch to MongoDB or MySQL, these two databases are too interesting and wide. You have to give enough time to them to understand properly.

And congrats, you are a beginner/medium level android developer (depending upon your learnings). 
One more thing I would like to add is, please focus more on UI designing, because I personally feel that in android development, the front end should be more attractive. 

If you like this blog, please give me a like and follow me :)
Quasar vuejs tutorial
Tags: quasar, vue, javascript
Published: 2020-08-19 16:46:18

Looking for an alternative way to build cross platform apps using your current vuejs skills? Well Quasar allows you to build some really cool apps for windows, mac, linux, android, ios as well as pwa apps. Check out this tutorial to read more in depth about it, we build a shopping list app with firebase integration:
https://generalistprogrammer.com/quasar-app-development/quasar-framework-tutorial-desktoppwa-and-mobile-apps/
How to handle rejection when interviewing 
Published: 2020-08-19 16:35:02

---
title: How to handle rejection when interviewing 
published: true 
description: interviews,job,work,rejection
tags: 
//cover_image: https://direct_url_to_image.jpg
---
If you’ve faced several rejections so far in your job search, it can be easy to feel dejected and disheartened. **Here are some suggestions that helped me a lot in the past**:

1. **Remember: it’s not only about you!** If you’ve prepared fully and tried your best, there’s little else you could have done.
2. **Rejection is not feedback**. Don’t just assume that everything you’ve done was wrong. Ask politely for a feedback if you feel so.
3. **You just learned something new**. Even rejection is a lesson, remember this!
4. **And now try again!!!** Next time you might score your next perfect job!
Deleting Schemas From Cloudera Schema Registry
Tags: 2020, apachekafka, cdf, cdp
Published: 2020-08-19 16:56:51

---
title: Deleting Schemas From Cloudera Schema Registry
published: true
date: 2020-08-19 16:34:00 UTC
tags: 2020,apachekafka,cdf,cdp
canonical_url: 
---

##  Deleting Schemas From Cloudera Schema Registry

  

It is very easy to delete schemas from Cloudera Schema Registry if you need to do so.   I recommend downloading them and having a backup first.

  

Let's look at our schema

  

[![](https://1.bp.blogspot.com/-zGMqmmQAYdE/Xz1UQV6ZWmI/AAAAAAAAbiE/ouxyEtCX7DkMwa2nkaVFAy7pXhTlD8XbwCLcBGAsYHQ/s640/schematodelete.png)](https://1.bp.blogspot.com/-zGMqmmQAYdE/Xz1UQV6ZWmI/AAAAAAAAbiE/ouxyEtCX7DkMwa2nkaVFAy7pXhTlD8XbwCLcBGAsYHQ/s2095/schematodelete.png)

  

Well let's get rid of that **junk**.

  

Here is the documentation For CDF Datahub in CDP Public Cloud

  

[https://docs.cloudera.com/cdf-datahub/7.0.2/using-schema-registry/topics/csp-deleting-schemas.html](https://docs.cloudera.com/cdf-datahub/7.0.2/using-schema-registry/topics/csp-deleting-schemas.html)

  

  

**Example**

  

curl -X DELETE "http://MYSERVERHASACOOLNAME.DEV:7788/api/v1/schemaregistry/schemas/ **junk**" -H "accept: application/json"

  

Where **junk** is the name of my schema.

  

  

[![](https://1.bp.blogspot.com/-OnkACpwJ3zQ/Xz1UQVosdNI/AAAAAAAAbiA/Axjej4fTnGUHtM_GQ8IeOxd46b3b5tazQCLcBGAsYHQ/w640-h502/deleteschema1.png)](https://1.bp.blogspot.com/-OnkACpwJ3zQ/Xz1UQVosdNI/AAAAAAAAbiA/Axjej4fTnGUHtM_GQ8IeOxd46b3b5tazQCLcBGAsYHQ/s1446/deleteschema1.png)
  

[![](https://1.bp.blogspot.com/-CNlGpLVIcNU/Xz1UQW8ZoHI/AAAAAAAAbh8/YvQVyYdGHzwag6Dr_hNUCL_Qe39sCoWkACLcBGAsYHQ/s640/schemagone.png)](https://1.bp.blogspot.com/-CNlGpLVIcNU/Xz1UQW8ZoHI/AAAAAAAAbh8/YvQVyYdGHzwag6Dr_hNUCL_Qe39sCoWkACLcBGAsYHQ/s2493/schemagone.png)
  

  

You could call this REST API from NiFi, a DevOps tool or just a simple CURL like listed above.

  

Knox and other security may apply.