teleren/devto huggingface dataset:
React Recipe app
Tags: javascript, webdev, todo, project
Published: 2020-06-11 12:02:15

5. react-onclickoutside
An important rule of UI design is to evaluate as many of the user’s entries as possible that were made with seriousness. This should be clear to everyone, and yet it can sometimes be difficult to implement something like this as code.
A conceivable example would be a menu that was collapsed by the user.
If you want to close it again, 90% of users tend to simply click on “dead” areas of the website (i.e. on elements that will not react themselves). On almost all professional websites, this is exactly the same. To close the menu, you just click next to it again instead of directly on it to toggle it.
One library to react to such intentions is react-onclickoutside, which allows us to handle click events outside our actual element.
In the following example, you can see how we can implement this for a simple h1 and button. Only when you click on anything but the two, the console.log is output. The function to handle exactly this event must be
What is Cyber Intelligence and how is it used?
Tags: cyberintelligence
Published: 2020-06-15 15:56:27

---
title: What is Cyber Intelligence and how is it used?
published: true
date: 2020-06-11 12:00:57 UTC
tags: cyberintelligence 
canonical_url: https://www.ma-no.org/en/security/what-is-cyber-intelligence-and-how-is-it-used
---

What is Cyber-intelligence and what is it used for? This is a question that is usually asked by security, cyber-security and intelligence professionals. 
Cyber-intelligence is a hybrid concept between these three worlds and professional fields, and therefore it is an opportunity and a necessity to know what it is and what it is for. 
In the current context of advanced cyberthreats employed by criminal groups, terrorists and hacktivists, whether politically or economically motivated, businesses and institutions need to have professionals with training and skills in cyberintelligence to strengthen their cybersecurity strategy.

Read on [📖!](https://www.ma-no.org/en/security/what-is-cyber-intelligence-and-how-is-it-used)
Daily Developer Jokes - Thursday, Jun 11, 2020
Tags: jokes, dailydeveloperjokes
Published: 2020-06-11 12:00:25

---
title: "Daily Developer Jokes - Thursday, Jun 11, 2020"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
cover_image: "https://private.xtrp.io/projects/DailyDeveloperJokes/thumbnail_generator/?date=Thursday%2C%20Jun%2011%2C%202020"
published: true
tags: #jokes, #dailydeveloperjokes
---

Generated by Daily Developer Jokes, a project by [Fred Adams](https://xtrp.io/) ([@xtrp](https://dev.to/xtrp) on DEV)

___Read about Daily Developer Jokes on [this blog post](https://xtrp.io/blog/2020/01/12/daily-jokes-bot-release/), and check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/).___
### Today's Joke is...
![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e1259b9b89f4.png)

---
*Have a joke idea for a future post? Email ___[xtrp@xtrp.io](mailto:xtrp@xtrp.io)___ with your suggestions!*

*This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit.*

<!-- 
Joke text:
___Q:___ What do you call optimistic front-end developers?

___A:___ Stack half-full developers.
 -->
Top IT & Programming Courses In Chennai For Better Career
Tags: softwarecourses, programmingcoursesinchennai, bestsoftwarecourses
Published: 2020-06-11 11:14:56

In today’s world, the software industry has been emerging as huge in recent decades. Most of the graduates are profoundly interested in seeking career options in the IT sector. In fact, IT is the great opportunity providers and they dominate the workforce recruitment. Information technology employs more than millions of people in a year and many headcounts have been created by top companies every year.

There is a wide variety of Top IT & Programming Courses in Chennai For Better Career to choose as a profession. The software and programming courses are found highly contributing more towards creating job opportunities. This develops an interest in learning programming languages and relevant courses. Programmers, build, design, and recreate systems for better functioning which proudly makes them known to be the computing world builders. Behind the scenes, complex systems, coding responsibilities are easily handled by the technical people. With the growing demand, the job seekers and the working professionals look forward to attending and getting trained in the relevant programming courses.

Here Are Top IT Courses That Could Help You Get The Best Job

•	Python Programming Course
•	Data Science Programming Course
•	Machine Learning Programming Course
•	Artificial Intelligence
•	R Programming Course
•	Java Programming Course
•	Digital Marketing Course
•	PHP Programming and Framework
•	JavaScript Framework Course
•	Software Testing Course

Since there is so many IT software course for freshers and professional who looking for career changes. The course as mentioned above have a great scope of future and development, will surely have a bright future in the coming years. 

To visit:https://blog.courseinn.com/best-it-programming-courses-in-chennai/
office.com/setup
Tags: officesetup
Published: 2020-06-11 11:44:06

 <a href="https://usmsoffice.com/setup/">Office.com/setup</a>  - MS Office provides amazing desktop applications such as Microsoft Word, PowerPoint, Excel, OneNote, Publisher, Access and Skype for business. The Office suite introduced by Microsoft is contributing to enhancing the performance of every section of society whether it is enterprises, school students, universities or individuals working in offices. The access to various applications are convenient for the users, and further information could be sought by visiting  <a href="https://quakeoffice.com/">Office.com/setup</a>
How to Install and Secure phpMyAdmin on Ubuntu 18.04 : Hands-on!
Tags: tutorial, techtalks, codenewbie, php
Published: 2020-06-11 11:38:13

{% youtube xZm0cMX2eBI %}

Learn how to install phpmyadmin on ubuntu 18.04. We will not only install the phpmyadmin, but we will also secure your phpmyadmin from the various attacks in the production environment by adding auth in HTTP. And we also resolve 404 not found error in phpmyadmin after installation

00:00 Welcome
01:54 install phpmyadmin
07:13 Error 404 not found (Solved)
09:48 Change the default URL phpmyadmin
11:49 Secure your phpmyadmin

Github: https://github.com/codingx01
Twitter: https://twitter.com/TechParida
Linkedin: https://www.linkedin.com/company/codingx/
Facebook: https://www.facebook.com/codingx
Instagram: https://www.instagram.com/coding.x/

Please do Like, Share, Comment, and Subscribe!
Angular vs React vs Vue: Which is the Best Choice?
Tags: angular, react, javascript
Published: 2020-06-15 15:57:11

---
title: Angular vs React vs Vue: Which is the Best Choice?
published: true
date: 2020-06-11 11:37:07 UTC
tags: angular, react, JavaScript
canonical_url: https://www.ma-no.org/en/programming/javascript/angular-vs-react-vs-vue-which-is-the-best-choice
---

With the growing popularity of Vue, Angular and React as frameworks and libraries for the web and app development, a constant doubt is which of these 3 we should learn, in which we should invest our time, which has a greater future or simply which is the best.First I want to start by saying that there is no wrong answer, although each has different implementations, the basis is very similar, reactive programming and development based on components. This means that no matter which one you decide to specialize in, the fundamental knowledge of the use of these libraries is interchangeable,… !

Read on [📖!](https://www.ma-no.org/en/programming/javascript/angular-vs-react-vs-vue-which-is-the-best-choice)
30 Days of code
Tags: python, beginners
Published: 2020-06-11 11:36:10

Hello, my name is Mwanaidi and my goal is to be a full stack developer. I decided to follow the advice of some wise individuals I follow on Twitter in order to accomplish that. Read the documentation, Practice, Build something and Repeat. I have started learning HTML, CSS and Python.

I decided to also test my knowledge by doing some random questions online with the help of [CodeWars](https://www.codewars.com/) and [HackerRank](https://marketing.hackerrank.com/) and I am going to be blogging about this journey as well as post the questions I did and the solutions I submitted.

I joined [HackerRank's 30 days of code](https://www.hackerrank.com/domains/tutorials/30-days-of-code)  challenge and I will be going along using Python.
Gradle - maven scopes cheat sheet
Published: 2020-06-11 11:25:56

This cheat sheet could help you to figure out what happens inside your project dependencies.

Basically, the knowledge of what kind of classes you have in runtime/compile classpath brings you opportunity to analyze any problems related to:
* Runtime issues, such as: NoClassDefFounderror, NoSuchMethodError
* Compilation issues, such when it should compile but it is not
* Classpath resources

When you publish `jar` libraries on purpose to share the code and fetch it from the library consumer side, i.e. executable application you have to remember about transitive dependencies:

>Transitive dependencies are fetched based on **Maven scope** rules inside the *pom.xml* file of published artifact

For example: when you fetch `junit:4.12` from the [maven central](https://repo1.maven.org/maven2/junit/junit/4.12/) it brings the transitive dependencies from its [pom.xml](https://repo1.maven.org/maven2/junit/junit/4.12/junit-4.12.pom) to your classpath.

Using gradle [dependecy configurations](https://docs.gradle.org/current/userguide/declaring_dependencies.html) to publish a jar you still write [maven scopes](http://maven.apache.org/guides/introduction/introduction-to-dependency-mechanism.html#Dependency_Scope) into released `pom.xml` under the hood. It brings a need to better understand relations between these tools.

Gradle dependency configuration affects the dependencies of the publishing `jar` that's why it is important to pay attention to the build file configuration.

{% gist https://gist.github.com/artemptushkin/7a113e293ff4953eae3bad2bb177160f file=maven-gradle-scopes.csv %}


* Artifact inclusion: if yes then this dependency will be included inside your fat jar (spring boot application etc.)/war file
* Library consumer: how this dependency will affect consumer application when he declares it
* Current artifact: how this dependency will affect this application classpath during compilation and runtime
* You can find specific dependency at Intellij IDEA Gradle tab
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/c9mwm80zd0ii7vc1oblb.png)

I published example gradle configuration at the [github](https://github.com/artemptushkin/gradle-maven-scopes). You can call `./gradlew install` and check `build/poms/pom-default.xml` generated file or take a look at [one I saved](https://github.com/artemptushkin/gradle-maven-scopes/blob/master/pom-generated.xml).

Hope this article and sheet helps you with your jar investigations.
Refactor Terraform code with Modules
Tags: terraform, cloud, aws, route53
Published: 2020-06-11 11:21:17

---
title: Refactor Terraform code with Modules
published: true
description: Learning Terraform: Part V
tags: terraform, cloud, aws, route53
cover_image: https://assets.mkdev.me/posts/covers/000/000/012/original/mkdev_article.png
---
In the fifth part of the Terraform Lightning Course we are going to refactor our code by reducing duplication and leveraging Terraform Modules - one of the most important features of any sophisticated Terraform setup.

{% youtube Sz2stUNL3-Q %}

***

**Terraform Lightning Course**

* Part I: [Infrastructure as Code](https://dev.to/mkdev/infrastructure-as-code-and-how-terraform-fits-into-it-40bl)
* Part II: [Terraform Fundamentals](https://dev.to/mkdev/terraform-fundamentals-state-management-and-dependency-graph-creating-the-first-server-1756)
* Part III: [Configuring Terraform Templates](https://dev.to/mkdev/configuring-terraform-templates-variables-and-data-resources-5b99)
* Part IV: [Multi-cloud Terraform Environment](https://dev.to/mkdev_me/creating-multi-cloud-terraform-environment-with-the-help-of-remote-state-backends-and-aws-s3-1l0)
* Part V: [Refactor Terraform code with Modules](https://dev.to/mkdev_me/refactor-terraform-code-with-modules-1o21)
* Part VI: [Learning Provisioners](https://dev.to/mkdev_me/creating-kubernetes-clusters-with-terraform-learning-provisioners-2o6o)

*You can always hire [our mentors](https://mkdev.me/en/specializations) and learn directly from them!*
DevRel needs cheerleaders and effective virtual events with Jessica West
Tags: devrel, events, skills
Published: 2020-06-11 11:19:14

**Trick question of the week:**
*Why does Developer Relations need cheerleaders?*

It’s been a long time since the trick question was really impossible to answer. Or - not at all impossible if you listen to the latest episode.

One of the biggest challenges in Developer Relations is actually defining it in a way that helps people better understand it, at least for Jessica West. “People” includes upper management, which has been the real challenge for most of our past guests: showing the value of developer relations and the benefit to the company to the executive level. This is where you want someone to “cheerlead” for you. 

Yet: This is not enough to stop you from helping developers reach their “*Aha*!” moment, which is Jessica’s favourite thing when it comes to developer relations.

This episode touches on a lot of key developer relations topics, including:
-  Skills to have
-  How developer relations is affected by the pandemic
-  What the future of developer relations holds and 
-  More importantly, how to reach developers when you can’t meet them at events.

Also, at a time when events are turning virtual, we discuss whether virtual events are cutting it.

[Listen to the full episode here] (https://www.devrelx.com/podcast?utm_source=devto&utm_medium=JessWest&utm_campaign=podcast). 

{% spotify spotify:episode:28mFzm4lpcDNbBUPEZ44tT %}

The graphs Jessica picked for this week’s “Let’s talk Data” section: [3 out of 5 developers contribute to Open Source software] (https://www.devrelx.com/trends?lightbox=dataItem-k9mq59gt?utm_source=devto&utm_medium=JessWest&utm_campaign=3of5) and [29% of developers contribute to Open Source software to improve coding skills] (https://www.devrelx.com/trends?lightbox=dataItem-k9mq59gq?utm_source=devto&utm_medium=JessWest&utm_campaign=29forskills).

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/90aofw3juherathya2kw.jpg)

**Jessica West** *is the Head of Developer Relations at LaunchDarkly. With over 12 years of software engineering experience, she works to empower development teams through code, content, and collaboration. She is an influential speaker, storyteller, and marketer able to share technical concepts meaningfully and memorably.*

[Article originally published at DevRelx] (https://www.devrelx.com/post/devrel-needs-cheerleaders-and-effective-virtual-events?utm_source=devto&utm_medium=JessWest&utm_campaign=Article).
TRON Price Prediction 2020:Does TRX has a future?
Tags: tronnprice, trx, cryptocurrency, blockchain
Published: 2020-06-11 11:18:41

Tron is one of the most needed after currencies in the crypto world. Before you invest in Tron, try to know about Tron coin in detail. Future of Tron and whether it is safe to invest in Tron? Check out the details about Tron Price Prediction. 

What is TRON?
TRON was designed by Justin Sun in 2017 with its native coin with the ticker TRX.The goal behind establishing this blockchain platform and its coin was to help content announcements and to help them publish their content.This platform helps the authors to share their content on platforms like facebook and youtube that provides complete control over them.

TRON price history
TRON’s cryptocurrency TRX had reached an all-time high of $0.231 on January 5, 2018. Although the price of TRX did not have a strong year, the blockchain network made some eye-catching progress in 2019. At present, TRX is growing hands at $0.0249 with a 24-hour trading volume of $2.8 billion. 

Experts predictions on Tron in 2020:
1.Tron coin price might rise up to $1 in the next five years, and that sounds like a reasonable and conservative prediction as Investingpr.

2.Walletinvestor.com predicts Tron to reach $0.168 USD in the next one year. 

3.Price can go up to $0.28 USD with a difference of around 266.46% in the price -states Tradingbeasts.com.

4.According to Organicposts.com , $0.139 USD is the lowest price in 2020 on their site. 

Final Verdict
The estimated price of cryptocurrency in the next year may double to $0.03. However, it is unable to predict TRX price as the  cryptocurrency market is changeable.

https://coinpedia.org/information/trx-tron-price-prediction/
Social(github) authentication with Firebase and Nuxt
Tags: nuxt, firebase, vue, javascript
Published: 2020-06-11 11:18:23

Didn't find any direct instructions, so to save your time, this is how I went about using Firebase authentication with github login flow in my nuxt app.

I've used [Nuxt-Firebase](https://firebase.nuxtjs.org/) community module but you don't have to use it. 

Follow [firebse instruction]( https://firebase.google.com/docs/auth/web/github-auth?authuser=0) on to how setup your app on github.

Create github login icon to have something to click:

```javascript
      <div class="social">
        <p class="mt-4 title font-weight-light">Login with:</p>
        <div @click="githubLogin">
          <v-icon x-large>mdi-github</v-icon>
        </div>
      </div>
```

When click is made it will call this function:

```javascript
  methods: {
    githubLogin() {
      const provider = new this.$fireAuthObj.GithubAuthProvider();
      this.$fireAuth.signInWithRedirect(provider);
    },
  },
```

Firebase magic will happen and you'll get redirected back so you can use in the same component:

```javascript
export default {
  created() {
    this.$store.commit("auth/setLoading", true);
    this.$fireAuth
      .getRedirectResult()
      .then((result) => {
        if (result.credential) {
          // This gives you a GitHub Access Token. You can use it to access the GitHub API.
          var token = result.credential.accessToken;
        }
        // The signed-in user info.
        var user = result.user;
        this.$store.commit({ type: "auth/addUser", email: user.email });
        this.dialog = false;
        this.$router.push({ name: "user" });
      })
      .catch((error) => {
        // Handle Errors here.
        var errorCode = error.code;
        var errorMessage = error.message;
        // The email of the user's account used.
        var email = error.email;
        // The firebase.auth.AuthCredential type that was used.
        var credential = error.credential;
        // ...
        if (errorCode === "auth/account-exists-with-different-credential") {
          this.snackbar = true;
          this.snackbarText = "An account already exists with the same email";
        }
        this.$store.commit("auth/setLoading", false);
      });
  },
};
```

Above I've add some vuex commits to add user to store and redirect to user page after success.

Thats it!
Present your work in iLRN 2020 Doc Colloquium
Tags: vr, xr, immersion, phd
Published: 2020-06-11 11:17:15

Hi all

I wonder if there is someone in here doing a PhD in something related to immersive environments / XR / VR / AR, or that knows someone (that knows someone) that matches that criteria.

This year the conference organized by Immersive Learning Research Network will take place online and participants are sought to present their work at the Doc Colloquium.

With this you (or the person you mention) will have an opportunity to meet people who share the same interest, gain visibility in the work and receive feedback from other academics.

Get in touch with me if you are interested, want to refer someone or want to know more information.

 #vr #xr #immersion #phd

Read more about it here - https://immersivelrn.org/ilrn2020/dc/
BTCclicks:Reliable or not?
Tags: btcclicks, cryptocurrency, marketing, blockchain
Published: 2020-06-11 11:16:16


Since bitcoin came into existence, bitcoin faucet programs were introduced to increase the awareness of cryptocurrency and became an easy way to have bitcoins without paying or investing.

Btcclicks.com is one of the founded, ideal PTC( Pay-To-Click)  websites, with payouts averaging around 100 satoshis per 10-second visit. The website offers quick and normal payouts in satoshi to Xapo Wallets. 

Let’s try to know some more details about BTCclicks.

What exactly is BTCclicks?
BTCclicks is also known as the Pay-To-Click[PTC]website. Whenever your advertisements displayed on their website are clicked by the users, you get paid in return. Although,the Pay-to-Click websites are lawful things, but you need to be aware as there are a lot of scams out there. In this website you will be paid out in cryptocurrency Bitcoin not in USD. 

Referral Opportunity
In BTCclicks, you will not earn much money by clicking on advertisements. The site requires you to take 5,000 clicks earlier to earn so much as a dollar. Also you will not be able to click so many times a day as many different advertisements will not be displayed. I feel that BTCclicks affiliate referral program is one of the best choices to make money through this site. 

Final words
Overall, the website is truly promising. Their ad rate is superior and quite high compared to other sites. BTCclicks have a wonderful custom site design and script. However, a fresher can work on BTCclicks without any worries. 

https://coinpedia.org/earning-site/btcclicks/
How to authentically show you are the right fit for a role on your resume or in the job interview?
Tags: motivation, developer, discuss, beginners
Published: 2020-06-11 10:54:08

---
title: How to authentically show you are the right fit for a role on your resume or in the job interview?
published: true
description: Curated answers to a question from the Code Connector community Slack channel.
tags: #motivation #developer #discuss #beginners
//cover_image: https://direct_url_to_image.jpg
---
1. Know what is important to you. You can't know what is a good fit if you aren't conscious of what your priorities are.Tune your resume to the job's description based on your experiences.

3. If work/life balance is super important and you have a job offering you a lot of money but expects 70 hr work weeks; just know that you won't get work/life balance, but you will get paid a lot. It is all about what works best for you and yours.

4. If you're passionate about programming and getting a job as a programmer, then your activities, social media, website, and the things you talk about in a conversation should speak for themselves. You still need to be able to hold your own in a conversation about the things you're learning. If I'm hiring for React, I'll take one person who can “talk shop” about how they feel about hooks and show me some examples on GitHub than 50 people who just say “I'm learning React”.

Code Connector Contributors: Corey McCarty, Dennis Kennetz, George Spake.

[Code Connector](https://codeconnector.io/) is a non-profit that's organized tech meetups to help people start their journey into tech. You can join our daily conversations by clicking this link: [Code Connector slack channel](https://bit.ly/2Ywnzqc).