teleren/devto huggingface dataset:
Install Kazam di Linux Fedora
Tags: fedora, install, kazam, linux
Published: 2021-05-24 07:21:26

Download filenya terlebih dahulu

`wget https://raw.githubusercontent.com/rpmsphere/noarch/master/k/kazam-1.5.3-1.1.noarch.rpm`

Install file tersebut
`sudo rpm -Uvh kazam-1.5.3-1.1.noarch.rpm`

Jika terdapat error seperti berikut berarti kalian harus menginstall dependency(software yg dibutuhkan agar kazam berjalan) kazam secara manual.
```
error: Failed dependencies:
	keybinder is needed by kazam-1.5.3-1.1.noarch
	libappindicator-gtk3 is needed by kazam-1.5.3-1.1.noarch
	python3-xlib is needed by kazam-1.5.3-1.1.noarch

```

Cara solvingnya adalah dengan memasukkan command berikut satu persatu:
`sudo dnf install keybinder`

`sudo dnf install libappindicator-gtk3`

`sudo dnf install python3-xlib`

Terakhir, install kembali kazam maka error tsb akan hilang. 
`sudo rpm -Uvh kazam-1.5.3-1.1.noarch.rpm`

sumber: 
`https://fedora.pkgs.org/`
Top Ten Productivity Hacks for Your Workplace in 2021
Published: 2021-05-24 07:19:34

Productivity Software
Hectic schedules, deadline pressure, and a new set of hurdles to overcome- every day, the same story repeats in the workplace. Irrespective of the industry sector or profession, as a project manager or an entrepreneur, you always strive for maximizing your growth by achieving these objectives. Boosting productivity in the workplace can assist you to meet these requirements effectively. These days, thanks to advancing technology, many productivity software are available. But, here we mention the top ten productivity hacks that can help you out. 

Top Ten Hacks to Boost Productivity At Your Workplace
1. Declutter Inbox
Email distraction is one of the most powerful factors for reducing productivity. McKinsey Global Institute has revealed that the average interaction executive spends around 28% of the workweek managing official emails. One of the best productivity hacks is, therefore, decluttering inbox. It not only saves time but also reduces effort and increases the productivity of employees significantly over the period. 

2. Make Lists
Most project tracker tool and productivity tools have a to-do list feature. To-do lists can enhance focus and improve productivity in the long run. A comprehensive to-do list can be shared with all team members and they can delete the item when they accomplish the tasks. This is a traditional hack to make all team members accountable for their respective tasks.

Original Source: https://www.taskopad.com/blog/ten-productivity-hacks-in-2021/
Packer Series - Blog #1 Creating our first AWS AMI with Hashicorp Packer
Tags: aws
Published: 2021-05-24 07:18:10

<h2> Let us first understand, what is Packer?</h2>
Packer is an open source tools used for creating identical machine images for multiple platforms for a single source configuration.

<h3><b>There are three major components of Packer -</b></h3>
<ul>
<li>Builders</li>
<li>Provisioners</li>
<li>Post-Processors</li>
</ul>

<p>*** For this blog we are just going to use the Builder element,and subsequently we will look into Provisioners and Post-Processors in the upcoming blogs in the Packer Series ***</p>

<h2>Let's get started</h2>

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

Basic pre-requisites for creating an AWS AMI with Packer would be - 
<ol>
<li>Having an AWS account</li>
<li>Installing AWS CLI</li>
<li>Creating an IAM User with EC2 Full Access Policy</li>
<li>Running aws configure on base os terminal and providing the created IAM user creds and region</li>
</ol>
If you are not aware of how to create an IAM user and execute aws configure, please go through these links- 
https://www.youtube.com/watch?v=5YnTstk3RxM
https://www.youtube.com/watch?v=JvtmmS9_tfU
https://www.youtube.com/watch?v=n3KacV0UlSM

Next step, would be to download the Packer software from https://www.packer.io/downloads

And, we are good to proceed!

Now, we need to choose an IDE of our choice( I have used VS Code for this task), create a packer directory/folder in your system and within it code an example.json file. 

example.json code - https://github.com/RajitPaul11/Packer/tree/main/Project1

The Packer component that we have used in this code is <b>Builders</b> which helps us to create a machine image for a single platform (in this case AWS).
<h3>Hashicorp Packer Amazon Builders Doc -</h3>
https://www.packer.io/docs/builders/amazon

<h3>To know more about Packer Terminologies -</h3>
https://www.packer.io/docs/terminology

Once we have the code in place we need to run the <b>packer build</b> command in our terminal, and the command goes as follows - 
<mark>packer build example.json</mark>

The packer build command will 
- First validate our AWS Credentials, 
- Create a temp key pair, a temp sec group, 
- Launch an AWS Instance, connect to the AWS Instance,
- Configure as prescribed, terminate the EC2 Instance.
- Create a private AMI of the EC2 Instance.
- Delete and clean up all the resources.

<h3> So the packer build output will look something like this </h3>
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jwypg4fo7wkcrchmenel.png)

<h2>Once the build is complete, we will be able to see a terminated Packer build EC2 instance in our AWS Console with a private AMI :) </h2>
 
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/iolt1rql6urf2ndebcq7.png)![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8v43hu4120jwjcup6thl.png)

Thanks for reading, see you in the next blog!
How to Embed Twitter profile on your website?
Tags: twitter, javascript, node
Published: 2021-05-24 07:10:46

---
title: How to Embed Twitter profile on your website?
published: true
description: A tool to help you embed your Twitter profile on your personal websites.
tags: Twitter, javascript, nodejs
cover_image: https://storage.googleapis.com/indie-hackers.appspot.com/post-images/bb45f1c21b/eYEAN97JXCWwr3RDaoO2WwZagzB2/806ea741-f27d-2e9e-c37e-b2ef55eab431.png
---

I wanted to embed my Twitter profile on my personal website but didn't found any tool for that. Twitter provides a tool to embed tweets and timelines but not the profile.

So, I have created this tool to help you embed your Twitter profile on your personal websites.

![embeddable-twitter-profile](https://ph-files.imgix.net/848cc9ff-5a6b-4b4e-a51f-e16005adf9dc.png?auto=format&auto=compress&codec=mozjpeg&cs=strip&fit=max&dpr=1)

![script-tag](https://ph-files.imgix.net/8d1a7353-132a-41f6-8957-4a99513e49fb.png?auto=format&auto=compress&codec=mozjpeg&cs=strip&fit=max&dpr=1)

I have used the Node, Express at backedn and VanillaJS at frontend.

Here is the product URL: https://embed-twitter-profile.herokuapp.com/

And here is a video showing how it works.
https://www.youtube.com/watch?v=iV7Y5WS0n0E
Three Ways To use Linux based Distroes in Online
Tags: linux, online, free
Published: 2021-05-24 07:02:13

01) Try Hack Me (https://tryhackme.com/)

02) hackthebox academy (https://academy.hackthebox.eu/)

03) Distrotest (https://distrotest.net/)


## TryHackMe
Free Tier: 1 hour (Every Day)
OS: Kali Linux


## HackTheBox  Academy
Free Tier: 1 hour (Extend time after 30 mins)
OS: Parrot OS


## Distrotest
Free Tier: 30 Mins (Extend time after 15 mins)
OS: All

## Note
1) Use Brave Browser.
2) Open in Incognito tab.
3) Don't use personal data.
4) Maintain Internet connection.
Ternary Operator ? True : False
Tags: javascript, react, beginners, webdev
Published: 2021-05-24 06:49:53

### What is a ternary operator
In simple words, It is a shortcut for an If statement.
You set a condition followed by a question mark, after the question mark you put some code to be executed if the the condition is truthy, And then you put a colon which will be followed by the code to be executed if the condition is falsy. 
`const age = 5
 let grade = (age <= 5) ? "Kindergarten" : "Grade 1"; `
 // The output should be `"Kindergarten"` 

### Convert If statement to a ternary 
`const number = 10
 let result 
 if(number >= 50) {
  let result = "It is true"
 } else {
  let result = "It is false"
 }`
 // The output should be `"It is false"` because 10 is not greater 
    or equal to 50 

*Now let's do the same example using a ternary*

`const number = 10
 let result = (number >= 50) ? "It is true" : "It is false"`
 // We should get the same output as the previous example.

### Syntax
`condition ? true : false`

### Conclusion
Ternary is powerful operator to reduce the lines of code we have to write, As you see in the example given, We were able to reduce the code lines from 7 lines to 2 lines.
Python loops explained
Tags: python
Published: 2021-05-24 06:42:47

Besides the [Python data types](https://daily-dev-tips.com/posts/data-types-in-python/) I've walked through just the other day, loops are an essential part of programming.

Today we'll be looking at loops in Python, and there are two types I'll explain in this article.

- For loop
- While loop

![Python loops explained](https://cdn.hashnode.com/res/hashnode/image/upload/v1621578641765/2ixTr7min.jpeg)

## Python for loop

Let me first show you how a basic for loop in Python looks:

```python
for x in y:
	# Do something
```

Based on this example, you can already see it translates to:
For each element X inside of statement Y, Evaluate a code block.

Let's say we have a list with animals and would like to print each animal.

```python
animals = ["cat", "dog", "penguin", "tiger"]
for animal in animals:
    print(animal)
```

This will result in:

```text
cat
dog
penguin
tiger
```

We can also use the range to loop x amount of times. Let's say we want to make a loop go four times.

```python
for item in range(4):
    print("Happy Birthday")
```

Wil print out:

```text
Happy Birthday
Happy Birthday
Happy Birthday
Happy Birthday
```

## Python while loop

Besides the for loop, there is also the option to loop while a certain condition is met.

The basics for a while loop are like this:

```python
while x == True:
	# Do something
```

With that, we say while X is true, you must keep executing this code block.
If we actually used the code above, we would, however, build an infinite loop.

So let's make a basic while loop and break it after the first run, so it only executes once

```python
foo = True
while foo == True:
    print("Foo is true")
    foo = False

print("Foo is false now!")
```

And this code block will return the following:

```text
Foo is true
Foo is false now!
```

You've seen the range option, but we could also use a while loop for that.

```python
number = 2

while number < 5:
    print("Still smaller")
    number = number + 1
```

This gives us:

```text
Still smaller
Still smaller
Still smaller
```

And there, you have the basics of two versions to loop code blocks in Python.

### Thank you for reading, and let's connect!

Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on [Facebook](https://www.facebook.com/DailyDevTipsBlog) or [Twitter](https://twitter.com/DailyDevTips1)
🎙️ Software Engineers Podcast 🎙️ Episode 2 with Sean Austin
Tags: podcast, career, gamedev
Published: 2021-05-24 06:42:47

For this episode of **Software Engineers**, I invited Sean Austin, the VP of Engineering of  [Super Evil Megacorp](https://www.superevilmegacorp.com/), a AAA mobile-first indie game studio based in San Mateo, California. 

![Super Evil Megacorp Games](https://gist.githubusercontent.com/PxSonny/b7a8d9d66af447513602ea2f13fcf8ec/raw/dc48ba1f0b59974b866351d764bc6c430ea74920/semc-games.svg)


> To be transparent, I had the chance to work with Sean for several years. And I have always been very impressed by **his great work ethics, dedication, and broad knowledge**. And he is one of the first person I thought of when preparing this podcast! 

Sean was not destined to be in computer science at first. He originally wanted to pursue a career in physics, and willing to be a funny physics high-school teacher. But in our discussion, he explained what made him change his mind. Spoiler: it includes video games😉.

We also go through his role and responsibilities at Super Evil Megacorp. "*Being the VP of Engineering is about creating the best home for engineering talent,*" explained Sean. A role that is not tech-oriented, but people-oriented. 

### The E.V.I.L. Engine

Super Evil Megacorp is using a custom game engine named E.V.I.L. engine. 
I was also curious to ask him questions about the origin and reasons for such a choice. 

{% youtube Q8VPyAdPtAw %}

Sean emphasized by controlling the entire codebase, they can create a very tailored experience for their games. It is not possible with commercial engines which are often proprietary and generic to fit the most use cases possible. 

In short, we also talked about several others subjects like transition through COVID-19, managing remote teams, parenting and video games, etc.

## But enough, time to listen now 👇

https://shows.acast.com/software-engineers/episodes/sean-austin

👉 If you liked the episode and are interested to work at Super Evil Megacorp with Sean! Check out their career page: https://www.superevilmegacorp.com/careers/. And if you want more info or play Catalyst Black, click here: https://catalystblack.com/.

## Next episode on June 22nd!
LeetCode 1353. Maximum Number of Events That Can Be Attended
(javascript solution)
Tags: algorithms, javascript
Published: 2021-05-24 05:59:13

###Description:
Given an array of events where events[i] = [startDayi, endDayi]. Every event i starts at startDayi and ends at endDayi.

You can attend an event i at any day d where startTimei <= d <= endTimei. Notice that you can only attend one event at any time d.

Return the maximum number of events you can attend.

###Solution:
Time Complexity : O(n^2)
Space Complexity: O(n)

```javascript
var maxEvents = function(events) {
  let visited = {};
   // Sort events: endTime smaller to bigger, if endTimes are same, prioritize startTime smaller one
  events = events.sort((a,b)=>{
    if(a[1]!=b[1]) return a[1] - b[1];
    return a[0] - b[0];  
  });
  
  let res=0;
  // Loop through the events and increment the number of days we can attend a unique event
  for(let k=0;k<events.length;k++) {
    let event = events[k];
    let start = event[0];
    let end = event[1];  
    for(let i=start;i<=end;i++) {
      // Only count a day as visited if it has an event we have not visited yet
      if(!visited[i]) {
        visited[i] = true;
        res++;
        break;
      }
    }
  }

  return res;
};
```
Difference between language, framework and library 
Tags: programming, devjournal
Published: 2021-05-24 05:48:31

Hello All!

Today I thought to talk about the difference between library, framework and language as many junior developers think they are one and the same. 

#Language

First and for most, Language is is a set of commands, directions, and different syntax used to form a software program. It is what’s used to give the computer directions in order to meet our goals.

Examples include:  Python, JavaScript, C#, Ruby, Swift, Go..etc

#Framework

A framework is a platform for development, providing foundations on which you as the developer can build on. Think of it like a canvas, its ready for you to just paint on. 

The difference between library and framework is what’s called inversion of control. Library allows you to control where you want to put and build your code, while a framework is already in set of the flow and has places already set for you to place your code.

Examples Include: Ruby on Rails, Angular, Vue, Express, Bootstrap, Drupal...etc.

#Library

Library is an easy one, it is literally a library that holds a collection of objects, functions, methods... anything to make your code easier to build and less clutter. They are written by other developers to make your life easier and saves you time for coding. Easy right!

I hope this helps!
Future Employment prospects
Tags: beginners, jobs
Published: 2021-04-28 15:50:08

Hello all, 

TL;DR. 
How easy / difficult it is for a self-taught web developer from third world developing countries to get a job in developed world?

====
I have recently started to learn web development. 
A little background here:
I have lived in the "tutorial-hell" for quite a while. I am currently working in healthcare industry but have had an interest in computers for quite a while. I have been distro-hopping since 2004-2005, now on fedora, (I have used arch, btw, ;p). I tried learning python2 but then they said python3 is coming. Then I started python3 and then came across a post by the guy who wrote "learn python the hard way" who practically discouraged learners 
from python 3. then I tried java, and left it. 

Since I have a little bit of statistics background too, I thought python would be a preferred choice to learn. However, all my efforts aborted basically because of my laziness, and because there was no one around to guide me. Anyhow, I am not complaining. 

I have used sololearn (html, css, a little bit of javascript) and codegym (for java) in the past in addition to whatever source came my way. I have kept a self-hosted wordpress blog since 2009 and am pretty much familiar with this stuff. 

I recently started web development mostly free resources such as freecodecamp.org, and other resources such as MDN etc, this time committed to completing the task. but for a self-learner this can be a hard task. 

okay, enough for the pre-amble. coming to the point now, my question is how easy it is to get a job (remote or otherwise, which may required relocation) after completing the learning  (including those projects that everyone advises beginners to have on github etc) for a person from a third world country, considering that the web development industry is not much highly paid. 

Thanks in advance.
Drop Down Menu with Sub Menu in HTML & CSS
Tags: navigationbar, dropdowmenu, navbarsubmenu, htmlcss
Published: 2021-05-24 05:46:06

How to create a dropdown navigation bar in HTML CSS?
A: To create a responsive drop-down navigation bar with a submenu, I have provided essential codes article and video tutorial below:
Hello readers, today we will learn How to Create a Responsive Drop Down Menu with Sub Menu in HTML & CSS and a little touch of JavaScript. Earlier, I have created various blogs of Responsive Navigation Bar using HTML and CSS, but I haven't built any drop-down navigation menu bar.

What is Drop-Down Menu?
Simply, Drop down menu means that features on the navigation bar from the sub-menu come out while clicking or by doing hover on the parent navigation links. Submenu helps to reduce space on the navigation bar that makes it easier for users to explore the things that they want from the website.

How many links should be in your main navigation and sub-menu?
You can add nav links on your main navigation menu and sub-menu as need of your website and it also depends on the width of the navigation menu bar. Normally you can add 5 to 7 nav links on the main navigation bar and 3 to 5 on the drop-down sub-menu.

What is the element you have included on the drop-down navigation bar?
As you can see on the given image of the drop-down navigation menu with sub-menu. Basically, you can add the following elements that I have added to my drop-down menu. You can add the following elements to the navigation menu.
Your Logo
Navigation Links (5 to 7) normally
Sub-menu Links (3 to 5) normally
Social Media Icons.
Sidebar Open/Close Button (Responsive)

You can download all source code from the given link. <a href="https://www.codinglabweb.com/2021/05/drop-down-navigation-bar-html-css.html">Click Here To Download All Source Code</a>
The Feeling of Being Lost/Stuck
Tags: personal, advice
Published: 2021-05-24 05:17:20

So recently I've finally got my Associates in Computer Software Development 🎉. 

For context of my degree: My degree has us work like a software engineer. We even have a year long capstone project where we try to create a enterprise-level application where we present to companies. Our capstone had 35 people which was a lot of developers and required a lot of planning. So personally as a developer I feel confident in my skills to contribute to a real company. Especially since along side of my degree I've been learning other skills like React. 

I feel like I've hit a rock. This is more of a vent post but genuine advice would be amazing. I've been applying to jobs the past 3 weeks in a lot places not just local. Unfortunately I haven't even heard one reply from them. Which to be fair their hiring process can take that long to get back. Unfortunately, I've been just worrying about bills. 

It just sucks that I feel stuck right now and obviously it might turn around soon. But I feel the ever weary dread in the back of my mind about bills and not finding a job in time. 

If anyone reads this. Thanks for reading my little vent and if you have a question, suggestions, etc. Feel free to comment away.
installing xampp and HeidiSQL ubuntu 20.04 
Tags: linux, ubuntu, xampp, heidisql
Published: 2021-05-24 04:56:52

Hello everyone for those who are using any linux distro in this case ubuntu 20.04 there are certain installations to be done
 
****Installation Xampp*****
wget -r https://www.apachefriends.org/xampp-files/7.4.8/xampp-linux-x64-7.4.8-0-installer.run (you can choose your preferred version)

//give permissions

/home/your-user/www.apachefriends.org/xampp-files/Accedemos to its location and from the console we give permissions.

chmod 755 xampp-linux-*-installer.run

Install it.

sudo ./xampp-linux-*-installer.run

Example...

adrian@asus ~/www.apachefriends.org/xampp-files/7.4.8 $ chmod 755 xampp-linux-*-installer.run

click next next next next until the installation begins 

//commands to use 

sudo /opt/lampp/lampp/lampp start //to start the service

sudo /opt/lampp/lampp/lampp stop //to stop it

sudo /opt/lampp/lampp restart //to restart the service

sudo /opt/lampp/manager-linux-x64.run //to access control panel

*******Instalacion HeidiSQL********
we must first install Wine which allows us to translate windows applications to linux
sudo apt install wine64 //installing 
winewinecfg //to configure wine 

You will see a window indicating that the program is being configured. We wait until it finishes, or until we see a window asking for permission to install dependencies. We click on the "Install" button of all of them so that the wizard takes care of downloading and copying everything necessary, and when the process is finished, and everything is ready on our PC, we will see the Wine configuration window. This window has 7 tabs, through which we will be able to configure the different aspects of this tool.Wine allows us to simulate all versions of Windows. This way, if we have software that can only run on a specific version of Windows, we will be able to load the libraries of that version, and impersonate the version of the operating system, for each of them. We can configure a default version, which will be used in all programs, and add specific EXE files to give each one a version. To verify that it has been installed correctly we will use
wine --version
an easy way to open the program is to run the following command (just in case clicking or double clicking and opening with another application on the exe does not open with wine) 
run wine programname.exe and ready to start the installation of HeidiSQL once installed we will open its GUI and make the relevant configurations of the localhost once realzida the configurations give in open and ready you will have installed HeidiSQL correctly. 

NOTE: before starting the Heidi server make sure you have your xampp servers running.

Greetings!
My first post 
Published: 2021-05-24 04:43:13

Today, I got inspired a bit by a Youtuber, he is so talented that makes me feel so stupid I am. I've to work hard if I want to catch up with. From now on, I have 2 targets need to complete.
   First, I'll write my own blog about what can I learn, share my knowledge, my experience, what I've been through, my daily life as well as events in my life. 
   Second, I'll create my CV, simple but cool, I will use Javascript to make it cooler, it going to has 1 button to switch from dark mode to light mode, easy for the users.