teleren/devto huggingface dataset:
Local Hack Day Build
Tags: mlh, majorleaguehacking, localhackday
Published: 2021-01-17 07:18:36

Hello Developers,

I am part of the MLH Community from September 2020 as a participant in a hackathon. Further, I participated in LHD LEARN I was part of a guild and tons of hackers who contributed and learned a lot many skills during the week. It was great fun and learning experience. I have now participated in LOCAL HACK DAY BUILD also same I have a guild here too. Its great experience in building various projects using the different technology stack and learning and contributing to the open-source. Throughout the whole week, I connected to various hackers and also learned a lot many skills from them. Its a great experience and now I am looking forward to Local Hack Day Share happening in March.
Placeholder title
Tags: dohackathon
Published: 2021-01-17 07:18:25

## What I built

### Category Submission: 


### App Link


### Screenshots


### Description
 

### Link to Source Code

### Permissive License


## Background
(What made you decide to build this particular app? What inspired you?)

### How I built it 
(How did you utilize DigitalOcean’s App Platform? Did you learn something new along the way? Pick up a new skill?)


### Additional Resources/Info
Full Tutorial #5: Signing Up and Authentication | Microservices Chat App Using React, Node.js, TypeScript and GraphQL
Tags: react, node, webdev, javascript
Published: 2021-01-17 06:21:14

**About Me:** I've been a professional web developer for just over 10 years now. I'm currently the lead web development instructor at [Better Coding Academy](https://codebetter.com.au), and as part of what I do, I post videos on our YouTube channel at [https://www.youtube.com/c/BetterCodingAcademy](https://www.youtube.com/c/BetterCodingAcademy).

_(Subscribe for awesome web development content!)_

Part 5 of the Microservices Chat App is here! In this episode, I set up the rest of the authentication endpoints inside of the Users Service, as well as the ability to register a new user.

{% youtube 4XiEnlW9Xlw %}

Happy coding!

Source code: [https://github.com/lucaschen/microservices-chat-demo](https://github.com/lucaschen/microservices-chat-demo)
Recursion Explained Simply
Tags: beginners, computerscience, recursion, javascript
Published: 2021-01-17 06:04:50

Recursion is one of those things that you just don't get the first time. 

It seems like a simple concept, but then you end up even more confused. 

Don't worry, your not stupid. It is a confusing topic to begin with. 

Without further ado, here's my take on the subject.

### What is recursion?

There's this old joke about recursion:

> To understand recursion, you must first understand recursion

When I first read this, my mind was blown because I didn't understand shit. But now whenever someone asks me *"What is recursion?"* I simply quote the joke because it is true.

Simply explained recursion is a method of solving problems by breaking them down into smaller problems, aka Divide and Conquer.

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

Lets imagine a scenario:

**Problem:** You ordered a whole pizza and you want to eat it all, but the pizza is just big to eat at once.

**Solution:** You break down the pizza into slices, then you can eat the slices piece by piece.

This is a very abstract example of recursion but I just want you to understand the concept of divide and conquer because at it's core recursion is a way of solving problems that uses divide and conquer.

### Example

Let's layout the groundwork:

**Problem**: I want a function that takes a number and counts down from it:

**Sample Input**: 5

**Sample Output**: 

```php
5
4
3
2
1

```

You might say this can be simply done using a loop and your right, but in the context of this post this is a good example to showcase recursions. 

```jsx
function countDownFrom(number){
    if(number === 0){
	 return; // base case
    }
    console.log(number)
    countDownNumber(number - 1); // recursive case 
}
```

Let's break this down every recursive function should have:

**Base case:** It's a condition that stops function, without it our functions will go on endlessly.

**Recursive case:** It's where you call the function again with different parameters.

Now we can give recursion a new definition:

> Recursion is when a function calls itself, until it doesn’t.

### Conclusion

I hope by the end of this you are less confused about recursion. If you got any questions leave them down in the comments.
EXPERIENCE OF HACKING COMMUNITY:MLH
Tags: mlh, community, majorleaguehacking, localhackday
Published: 2021-01-17 05:58:52

Hello..
I am here to share my experience of major league hacking community. MLH is an ideal opportunity for enthusiasts that would like to develop their tech abilities, algorithmic skills and design skills that can be further transformed into commercial services and products. Following the localhackday events, you have the opportunity to find out new technologies, programming best practices, principles and paradigms. You can also find a new future business partner or even a friend. Even if you are a beginner, it doesn't feel that you are falling apart. MLH is very different hackathon because you don't feel stressed while attending instead you enjoy and learn something interesting  each day. If you are reading this, I recommend to you join this community to learn, grow your network and most important to have fun.

Thank you for reading:)
MLH LHD BUILD
Tags: mlh, majorleaguehacking, localhackday
Published: 2021-01-17 05:47:47

Hello Hackers,

Major League Hacking is a major changeover for me in this new year. I am very new to the community thing but MLH is the best place I guess. LOCAL HACK DAY BUILD is my first community event. In BUILD I got to learn a lot new things like I was also very new to the discord thing. I tried to attend most of the workshops and submit challenges for my guild. Its great learning experience and looking forward to attend hackathons and Share event in March.
Weekly Challenge 095
Tags: perl, perlweeklychallenge, weeklychallenge
Published: 2021-01-17 05:41:33

[Challenge 095](https://perlweeklychallenge.org/blog/perl-weekly-challenge-095/)

# TASK #1 › Palindrome Number

You are given a number `$N`.

Write a script to figure out if the given number is [Palindrome](https://en.wikipedia.org/wiki/Palindromic_number). Print `1` if true otherwise `0`.

## My solution

This seems pretty straight forward. Check the input is a number, then say 1 if `$N` and `reverse($N)` are the same, otherwise 0.

There are probably some edge cases should be thought about if this was the real world. For example, would you consider '121.0' palindromic, because 121 is?

## Examples

```
» ./ch-1.pl 1221
1

» ./ch-1.pl -101
0

» ./ch-1.pl 90
0

» ./ch-1.pl 12.21
1
```

# TASK #2 › Demo Stack

Write a script to demonstrate `Stack` operations like below:

* push($n) - add $n to the stack
* pop() - remove the top element
* top() - get the top element
* min() - return the minimum element

## My solution

As someone who has written a fair amount of object orientated Perl, this task was also pretty straight forward. I have a stock standard class where `new` blesses the object and defines the `$self->{stack}` variable to hold the stack.

I then have methods for the four functions (push, pop, top and min) that do what you would expect them to do.

## Example

```
» ./ch-2.pl
-1
-1
```
Experience of Hacker Community:MLH
Tags: mlh, majorleaguehacking, localhackday
Published: 2021-01-17 05:21:56

 Hey folks, 

Today I'm going to share my experience with the hacker community, so guys you might be knowing many organization who conducts this programs, I've came across with Major league hacking community, as this is the second time I've been using and learning and contributing here, I'm glad to tell you that by just enrolling into this community, you not only learn the things but also you can develop many of the application and can get many insights from experts, I've experience the things which I'm telling, I've joined a guild attended the sessions and gain some knowledge on the technology which I've never touched to. And many things were there which helped me in my career like attending workshop and getting hands dirty on it was the best thing I've experienced, I'd recommend you all that join this community, you'd get all the knowledge and also you'd love it.
What is Scheduling in JavaScript?
Tags: webdev, javascript, programming, codenewbie
Published: 2021-01-17 05:35:38

Generally, these two things disturb and irritate a lot when learning JS. In this post, we'll learn how to use them as a beginner. 

Sometimes we may decide to execute a function after a certain time delay. That's called  "scheduling a call". 

- `setTimeout()`: This method allows to execute a function only once after the specified time delay. 
- `setInterval()`: This method is used to execute a function repeatedly, starting after the time interval and then continues with equal intervals. 

---

## setTimeout()

This executes the function passed to it only once after the delay time has elapsed. Eg:

```js
function greet() {
    console.log('Hello there!'); 
}
setTimeout(greet,1000); 
// var timerId=setTimeout(...); 
// clearTimeout(timerId); 
```

Here, we execute the function "greet" with **setTimeout()**. It will console the output after a delay of 100ms. The `setTimeout` function returns a timerId which can be used to clear the timeout using the **clearTimeout()** method using the syntax mentioned in comments. 

---

## setInterval()

This executed the function passed to it after the time delay and then keeps on continuing with an equal interval of time delay. Eg:

```js
function greet() {
    console.log('Hello there!'); 
}
setTimeout(greet,1000); 
// var timerId=setInterval(...); 
// clearInterval(timerId); 
```

Here, we execute the function "greet" with `setInterval`. It will console after a delay of 1000ms and will continue to do the same after every 1000ms. This also returns a timeId similar to **setTimeout()** and can be cleared using **setInterval()** in the same manner. 

---

😎Thank You For Reading | Happy Coding⚡

<a href="https://www.buymeacoffee.com/rahxuls" target="_blank"> <img src="https://res.cloudinary.com/rahulism1/image/upload/v1608182430/bmc_nbxakd.png"></a>
LOCAL HACK DAY BUILD
Tags: mlh, majorleaguehacking, localhackday
Published: 2021-01-17 05:34:32

Hello Hackers, 

I joined the MLH Community in August 2020 by participating in a hackathon. I then participated in LHD LEARN I had my own guild and tons of hackers who contributed and learned a lot many skills during the week. It was great fun and learning experience. I have now participated in LOCAL HACK DAY BUILD also same I have a guild here too. Its great experience in building various projects using the different technology stack and learning and contributing to the open-source. Throughout the whole week, I connected to various hackers and also learned a lot many skills from them. Its a great experience and now I am looking forward to Local Hack Day Share happening in March.
What does MuleSoft do?
Published: 2021-01-17 05:34:20

 MuleSoft  has been part of the Salesforce family for over a year. During this time, we have helped companies achieve digital transformation by easily connecting all their business systems. So what does MuleSoft do? Let's explore the powerful world of integration.

 
Technological innovation has brought chaos

Over the past 30 years, corporate technology has exploded. Today, an average company has 900 applications that are only 29% connected to each other. This creates a workload for IT teams, who must implement, maintain and manage an increasing number of applications and systems.

This year, the requests for IT projects will increase by 32%. However, despite this growth, most IT teams will see a budget increase of less than 10% and this will prevent them from focusing on innovation. A recent study of global IT leaders found that nearly 70% of IT teams' time is devoted to ensuring simple operation rather than innovation.

Do you want to become a professional at MuleSoft? Get Trained and Certified at Mindmajix <a href="https://mindmajix.com/mulesoft-training">MuleSoft Training</a> Institute 

This is also happening at a time when customer needs are changing. To remain competitive in the fourth industrial revolution, companies now have to implement a multitude of technologies such as   SaaS applications, blockchain, artificial intelligence, cloud ... the list is endless!

A digital transformation is no longer an option, but a necessity. Technologies already on the market today have changed the expectations of customers, who now want fast, digital on-demand experiences or will otherwise turn to other vendors.

The more digital transformation initiatives need to be implemented, the wider the distribution gap will be. This is a balance that most organizations still cannot find. Central to solving this great challenge is understanding how integration drives digital transformation.

And here is MuleSoft.

So what does MuleSoft do?

Customers expect connected experiences. They don't want to see the joints between your systems and departments. MuleSoft brings all of this together to help organizations change and innovate faster by making it easy to connect any application, data and device with Application Programming Interfaces ( APIs ) . APIs are messengers that take requests and tell a system what a user wants to do, then return the response to that user.

MuleSoft makes it easy to unify data to provide a complete customer view, automate business processes, and create connected experiences. Using a modern API-based approach, each  integration becomes a reusable building block . This streamlining of a reusable process enables organizations to accelerate IT deployment, increase organizational agility, and deliver innovation at scale.

The results speak for themselves. Forrester found that MuleSoft customers realize  a 445% ROI  in just three years and that they have been able to free up to 90% of developer time from API maintenance and integrations.
Which are the best platforms to learn your next programming language?
Tags: discuss, watercooler, programming, beginners
Published: 2021-01-17 05:21:41

For beginners, it could be difficult sometimes to get started with a new programming language from scratch. However thanks to the amazing platforms out there, the learning process becomes just as easy and fun. Not only that but most of the time the learning path on these platforms are curated by experts which ensures that the learner doesn't end up being misguided. Codecademy, w3school, GeeksforGeeks, Freecodecamp, selected YouTube channels to just name a few.

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

Although there are so many platforms out there which helps beginners learn to code, both for free and paid, not all of them can satisfy one's expectations.

# Discuss

---

So which is your favourite platform to learn to code? 

Feel free to share your thoughts with everyone in comments/discussions.
Handling multiple API calls with Promise.allSettled()
Tags: node, react, javascript, angular
Published: 2021-01-17 05:02:01

### The Promise.allSettled() method returns a promise that resolves after all of the given promises have either fulfilled or rejected, with an array of objects that each describes the outcome of each promise.

```js
const promise1 = Promise.resolve(3);
const promise2 = new Promise((resolve, reject) => setTimeout(reject, 100, 'foo'));
const promises = [promise1, promise2];

Promise.allSettled(promises).
  then((results) => results.forEach((result) => console.log(result.status)));

// expected output:
// "fulfilled"
// "rejected"
```

<a href='https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/allSettled'>MDN doc : </a>
<hr />
<b>For example, look at the dummy data given below
I, want to make an API call to get the client's details by clientId
</b>
```json
[
  {
    bed : 'bed name',
    clientId : '1548765'
  },
  {
    bed : 'bed name2',
    clientId : '1548766'
  }
]
```

For each client, I have to make an API call of getClientById
and I don't want my program to proceed further until details for all the clients is available

```js
// In this case what I can do is 

Promise.allSettled(
  data.map(e=> {
    return CALL_API(`client/${e.clientId}` , 'get')
  })
).then(responseArr => {
  responseArr.forEach(res=>{
    console.log(res);
    // res.status & res.value
  })
})
```
Hackathon Experience
Tags: majorleaguehacking
Published: 2021-01-17 04:40:27

**My MLH Hackathon Experience :**
-> My first hackathon I attended was SharkHacks and to be honest was really very nervous, I did not submit any project for it but tried to attend Workshops & Mini-events and at the closing ceremony I got an idea in my mind how to submit the projects. In the upcoming weekends I started attending the Hackathons and also submitted the projects and published demo videos on YouTube. Currently as I'm writing this post I'm also participating in MLH LocalHackDay : Build which is a weeklong event and it's great fun here.

**Why MLH?**
-> Major League Hacking Events are mostly during the weekends. These hackathons are for everyone may it be a newbie programmer or a seasoned player. 
So if you are thinking of having something to do this weekend then why not participate in a Hackathon? And not to forget the connect and exposure we get by participating and demoing our projects is just wow.
Because of these hackathons we are able to work and complete a project within the deadline.
Major League Hacking Hackathons aren't just about coding but they have some awesome mini-events as well in which you can chill and have fun. 
MLH also has some awesome swags like stickers, tees, postcards,etc. for their participants and demoers. And who doesn't love to have swags!
Exclude folders from Sublime Text search
Tags: sublimetext2, sublimetext3
Published: 2021-01-17 03:40:13

# Exclude once
To exclude a folder from a one-time search, add this filter:
```
-*/folder_name/*
```

# Exclude always
To exclude a folder from **all** searches, add this setting to `Packages/User/Preferences.sublime-settings`:
```
// Sublime Text 2
"binary_file_patterns": ["folder_name/"]

// Sublime Text 3
"folder_exclude_patterns": ["folder_name"]
```

# Exclude in project
If you only want to exclude a folder for a particular project:
- Select **Project**-->**Edit Project**
- Add `"folder_exclude_patterns": ["folder_name"]`
YouTua - Download Videos in the best Quality available..
Tags: python, productivity, github, git
Published: 2021-01-17 03:36:38

## What I built:
- YouTua is a GUI Program to download videos from various supported sites. It requires the Python interpreter, version 2.6, 2.7, or 3.2+, and it is not platform specific. It should work on your Unix box, on Windows or on macOS.


### Screenshots:
![YouTua Working Screenshot](https://user-images.githubusercontent.com/72680045/103865422-32378200-50ea-11eb-9d30-113c98dceb47.png)

### Description:
- YouTua is a GUI Program to download videos from various supported sites. Using this software you can download videos from various supported websites for any purposes. It can be used by journalists and human rights organizations to save eyewitness videos, by educators to save videos for classroom use, by Uploaders to save backup copies of their own uploaded videos, and by users worldwide to watch videos on hardware that can’t run a standard web browser, or to watch videos in their full resolution over slow or unreliable Internet connections.
 
### Link to Source Code:
[YouTua Source Code](https://github.com/dhhruv/YouTua)

### Permissive License:
- MIT License

### How To Use !
1. Select the OUTPUT Folder by manually adding path or selecting the FOLDER using the SELECT FOLDER Button.
(By Default the OUTPUT FOLDER is set to the current directory.)
2. Enter the Link of Video you want to download.
3. For Downloading video with RESOLUTION<=720p proceed normally to download.
4. For Downloading video with MAXIMUM RESOLUTION (=>720p) available according the video link, check the MAX RES Settings and choose the output format (.mp4 or .mkv) as per preferences. 
5. To download the available subtitles check the subtitles button.
6. Click START DOWNLOAD and enjoy.<br>

## Background:
- I've seen over the past time that students need to download videos regarding there lectures because the Internet connectivity in many areas is still too slow to watch live lectures and so to make an app that is easy to use and they can download videos according to their preferred quality with minimal data loss. That thing inspired me to make something which can be useful and make some difference.

### How I built it:
- During the making of this software, I learned many new things in Python programming language including scrapping and many other aspects in the same domain. I'm still working on making it even better and easy to use. Next feature will be to download the given in quality as asked by the user.
What went wrong in my Hackathon Submission?!
Tags: html, css, node, javascript
Published: 2021-01-17 03:26:36

First of all Congratulations to all the winners and runners-up of the **Digitial Ocean X Dev Hackathon**, but participants no need to get demotivated, be proud of your creation just as I am!😊


<br />
##What did I build?
I built a personal site for the category **Personal Site/Portfolio** using [TailWind CSS](http://tailwindcss.com) and [AOS library](https://michalsnik.github.io/aos/) for scroll animations.

I then started to plan a prototype of my site using Figma on which I included sections for :-
+ Landing 
+ About Me
+ What services I can provide
+ Languages and Frameworks I use
+ And finally the social handle links.
 
<br />
After giving the basic structure to my site I began customizing the page using TailWind CSS color pallete which was super easy.
<br />
At the end what was finally left was making the site responsive. As a matter of fact TailWind CSS provides really easy pseudo classes to add responsive tag just like BootStrap but the difference is that TailWind by default uses Mobile First Breakpoint System.
<br />
What I realised while doing this was, I used the CSS property `position: absolute;` on most of my elements, without even adding the `position: relative;` to its parent element! Which actually did screw up my layout because each element soon had their own independent position and yeah if you have guessed it right, adding responsiveness was hectic because the positon of each element had to be tweeked. Thats the major error I did! If you look up my code on Github I have it for all my elements in there!
<br />
With that, Yes!.. I learnt a lesson and I would pledge to write a cleaner code next time 😁 anddd I just want to share some tips to ease the process of adding responsiveness to your project.

+ Use relative units more like `rem`, `vh`, `em`, `vw`. (Do feel free to correct me if I'm wrong😸)
+ Try giving sensible class names to the div elements so that it will be easier to add media queries at last.
+ Yeah and dont mess up your code like how I did basically stick to the fundamentals always and understand what your code does;
like here as I said, your parent element has to be `relative` for your child element ot be positioned inside the element with the `absolute` property.
+ Set a meta tag for all your pages.
+ And yeah Try learning to use libraries like BootStrap to fasten the process!

<br />
Finally do let me know in the comments if any newbies out there found this useful and...I'll be putting up this same article on CodeNewbies.

Till then Adios🖖!
Follow me on [Twitter](https://twitter.com/BrodasGeo)
and [Dev](https://dev.to/geobrodas)