teleren/devto huggingface dataset:
What is JOMO and Why it will Increase your Productivity x97
Tags: productivity, fomo, lifehacks, tutorial
Published: 2021-06-21 18:42:00

> TL;DR: You are mortal. You will die. Don't waste your time.

# What is JOMO?

JOMO (Joy of Missing out) is the opposite of FOMO (Fear of Missing out).

This was first described by Patrick McGinnis in his [amazing book](https://www.goodreads.com/book/show/51788433-fear-of-missing-out)

- Modern sites and applications exploit our primitive vulnerabilities. Our brains are wired for alerts and attention. This is how we survive as a race.

- We are safer than ever now. We don't need to be so alert nowadays. Even on COVID-19 times.

According to Patrick McGinnis' 3 tips, we can fight it:

- FOMO is based on the perception that something out there is better than what we are doing now. But sometimes perception is a deception in disguise.

- Limit your time online to a fixed amount.

- We can control FOMO using full consciousness, mindfulness, or meditation.

# Tips to avoid FOMO and JOMO master 

- Make friends with the idea that "not everything is possible".

- Recognize your finite time and your mortal life.

- Choose what to prioritize every day.
 
- Be willing to lose something to be present with specific people and give them quality time.

- Recognize and Fight Doom scrolling.

- Detox, unsubscribe from social networks.

- Leave chat groups, WhatsApp, Discord, forums, etc. don't be ashamed. Politely say goodbye first. You are no better than them. 

- Stay with positive people. Avoid toxic ones.

- Block your own IP against tabloids or sensationalism.

- if you relapse, go back and check that you did not miss anything important.

- Prefer asynchronous communication (pull), over synchronous ones (push).

- We need to focus. 

- Create a safe place or environment, minimizing interruptions.

- We cannot achieve everything.

- Be here now.

- Disable ALL notifications. Yes, All.

- Internet content is filtered. We don't see the whole picture.

- Reflect on what you are losing by not being present. 

- Come back and see what you missed. You have infinite scrolling. You missed nothing important.

- and many more tips...

{% post https://dev.to/mcsee/my-best-short-productivity-tips-44ee %}

{% post https://dev.to/mcsee/16-simple-tips-to-boost-your-productivity-x10-1bf3 %}

{% post https://dev.to/mcsee/10-more-simple-tips-to-boost-your-productivity-x2-2021-guide-njh %}

# What does the 97x stand for?

It is just an internal joke, a clickbait is the opposite of a JOMO. 

See the full story here:

{% post https://dev.to/inhuofficial/13-amazing-tips-for-writing-listicles-5eja %}
How to Change the Floor of your AR Experience in 15 Minutes or Less [Tutorial]
Tags: tutorial, unity3d, augmentedreality, showdev
Published: 2021-06-21 18:39:40

Here’s a simple demo that lets you change planes or surfaces in AR with Unity, AR Foundation, and echoAR. The full demo can also be found on echoAR’s [GitHub](https://github.com/echoARxyz/Unity-ARFoundation-echoAR-demo-Plane-Change).

![1.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1624300372785/UYPvG-wsf.png)

## Register

* Don’t have an API key? Make sure to register for FREE at [echoAR](https://console.echoar.xyz/#/auth/register).

## Setup

* Clone this project and open in Unity.
* Load the PlaneChanger scene from the `Assets/Scenes` folder in Unity.
* Set your echoAR API key in the echoAR prefab.
* Add images from the [Images ](https://github.com/echoARxyz/Unity-ARFoundation-echoAR-demo-Plane-Change/blob/main/Images)folder to the echoAR console.

![2.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1624300466412/9tnVobzo8.png)

## Run

* [Upload ](https://docs.echoar.xyz/quickstart/add-a-3d-model)the images from the Image folder to your project.
* [Build and run the AR application](https://docs.echoar.xyz/unity/adding-ar-capabilities#4-build-and-run-the-ar-application). Click the `Add Open Scenes` button below `Scenes In Build`. Verify that the `Scenes\PlaneChanger` scene is ticked in the `Scenes in Build` list and click `Build And Run`.

![3.jpg](https://cdn.hashnode.com/res/hashnode/image/upload/v1624300640575/AFZy_f0Mk.jpeg)

## Learn more

Refer to our [documentation](https://docs.echoar.xyz/unity/) to learn more about how to use Unity and echoAR.

## Support

Feel free to reach out at support@echoAR.xyz or join our [support channel on Slack](https://join.slack.com/t/echoar/shared_invite/enQtNTg4NjI5NjM3OTc1LWU1M2M2MTNlNTM3NGY1YTUxYmY3ZDNjNTc3YjA5M2QyNGZiOTgzMjVmZWZmZmFjNGJjYTcxZjhhNzk3YjNhNjE).

****
>echoAR (http://www.echoAR.xyz; Techstars ’19) is a cloud platform for augmented reality (AR) and virtual reality (VR) that provides tools and server-side infrastructure to help developers & companies quickly build and deploy AR/VR apps and experiences.


![4.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1624300693519/A_TIZJQQP.png)
Day 99 of 100 Days of SwiftUI
Tags: swift, 100daysofcode
Published: 2021-06-21 17:39:59

I just completed day 99 of 100 days of SwiftUI. Today, I worked on the app challenge for Snowseeker app. 
I persisted user favourited resorts and also added photo credits to the Resort list screen.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sd8t0fdmd3shne91cmo6.png)![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9ve39fp3fc8pi69ulnp3.png)
A Simple And Effective Way To Learn & Practice JavaScript.
Tags: career, javascript, codenewbie, webdev
Published: 2021-06-21 17:33:02


> 
The best way to practice JavaScript is to work on the project.

"Don't take on the Project whole at once."

Don't try to build all features at once. 

Go Step by Step.

## Sample projects that can be done:

   - ToDo List

    - Music Library

    - Contact/Phone Book

    - Any project that involves CRUD operations.


**For e.g. "ToDo List"**

- Add ToDo Items & simultaneously update the View/DOM for the newly added item

- Delete the ToDo Item and update a view

- Edit the ToDo item and reflect the changes

- Can be marked and complete or incomplete

- Try to add a deadline/completion date to todo item

- Add Location to the to-do items.

 - This above was the single list, now make multiple lists in a single application

 - Naming and Renaming the lists

 - Doing AJAX for small parts of the ToDo list and Multiple User registration and Login & etc...


## Some key points which helped me in my journey: 

- Code every day (this one is an absolute must). 


> 
It’s just like muscle memory, the more you code the more it becomes natural.

- Embrace unit testing as early as possible in your career as a programmer.

- Anytime you learn a new concept, see how you can improve past code. 

- Coding is a process to get to the most suitable and optimized and not to start with perfect

- If you follow a video tutorial, type all of the coding snippets - **DO NOT COPY AND PASTE IT**


> 
Read other people's code, if you follow good JS projects and people go to their GitHub account and read some of the code.


Go to a site like Hacker-rank or Code-wars and solve problems using JavaScript.


**Knowing pure JS will make you a key engineer who can solve complex problems.**


### I would say there are two things, 

And they apply to all programming languages as well.

- Write lots of code
    - Get it code review by a senior programmer




> 
There is no such best way to learn JavaScript, it totally depends on one person to another.

For some, it might be by reading books, and for some, it might be by watching video lectures.

But as per my experience, the best way to learn js is by "**learn by doing".**

Thanks for reading. 

"Don't miss out" Follow your mentor on Twitter 👉 [TheAnkurTyagi](https://twitter.com/TheAnkurTyagi) 

If you would like to discuss more in detail with me 1-1, you can hire me on HireTheAuthor.

 [Book 1-1 Call or Chat Subscription ](https://www.hiretheauthor.com/theankurtyagi) 

You can buy me a beer if you feel generous. Happy coding!!!

[BUY Me a Beer.](https://www.buymeacoffee.com/ankurtyagi)
Day 118
Tags: 100daysofcode, programming
Published: 2021-06-21 17:21:15

Day 118/200 of #200DaysOfCode #100DaysOfCode #100daysofcodechallenge 

- Solved two problems on Codewars.

1 - regex pattern to check if string has all characters (6 kyu)
2 - FIXME: Get Full Name (7 kyu)
What does a percent sign mean in python
Tags: python, python3
Published: 2021-06-21 17:19:50

** What does the percent (%) sign do in Python **

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

What is %?

Today we are talking about a very important programming topic which is%. We use it in all programming languages. Most programs do not run without it. Because if we put any condition in the program then the sign of% is anything.  Helps to print%% play a very important role with most if else. When I went to learn programming at my institute I used it in c ++ to introduce a data type.  As% d represents the integer% f, it is used to introduce float data type and represents the string% s. Also, if we want to extract the percentage of any number, we use% in which we  do multiplication. Most students are worried about how to get percentage. today i will show you a very simple method which i am using very easy. for example i have to get 4% of 20 then i get 0  If I subtract ×, the answer is 4 × 2 = 8.

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7v7slchnicel3o72gd1d.jpg)

(%) symbol

you may think "percent" The (% )symbol in Python is called the Modulo Operator. It returns the remainder of dividing the left hand operand by right hand operand. It's used to get the remainder of a division problem.

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

The modulo operator is considered an arithmetic operation, along with +, -, /, *, **, //.

3 % 1 will be zero (as 3 divides evenly by 1)

3 % 2 will be 1 (as dividing 3 by 2 results in a remainder of 1).

Example :

for number in range(1, 10):
 if(number % 2 != 0): 
print(no)


OUTPUT 
1
3
5
7
9
แนะนำวิธีการติดตั้ง Home Assistant บน SSD (External USB storage) 
Tags: hassio, homeassistant, ssd, raspberrypi
Published: 2021-06-21 17:01:07

![Raspberry Pi4 + SSD](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vfo1jxi0nlbrdnrzrn4p.jpeg)


![Raspberry Pi Imager](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yuq069efdhjnjwws4nn9.jpeg)


สำหรับ Raspberry PI4 และ PI 400 เท่านั้น เพื่อประสิทธิภาพในการอ่านเขียนที่ดีกว่า SD Card
อ้างอิงจากเว็บ raspberrypi.org สำหรับ Raspberry PI4 และ PI 400 เท่านั้น ที่จะมี SPI-attached EEPROM เอาไว้เก็บการตั้งค่าการ Boot จึงจะสามารถทำวิธีนี้ได้
https://www.raspberrypi.org/.../raspberrypi/booteeprom.md
เพื่อประกอบการตัดสินใจเลือกซื้อ จะมีรายชื่ออุปกรณ์ที่มีคน Test แล้วว่าใช้งานได้กับ Raspberry PI4 ดูได้จากลิงค์นี้ครับ
https://jamesachambers.com/raspberry-pi-4-usb-boot.../
สิ่งที่ต้องเตรียม
1. SD Card สำหรับ Bootlodaer (ใช้งานชั่วคราวเฉพาะตอนติดตั้ง)
2. USB Drive (External SSD)
3. Card Reader
ก่อนอื่นก่อนใดให้ทำ Snapshot เพื่อ Backup Home Assistant ของท่านไว้ก่อน
1. Download Raspberry Pi Imager https://www.raspberrypi.org/software/
2. เปิดโปรแกรม Raspberry Pi Imager
3. ให้เลือก OS โดยเลือก Misc utility images under > Bootloader 
จะมีให้เลือก 3 แบบ ให้เลือก USB Boot
4. เลือก Storage ให้เลือก SD Card ปลายทางและทำการ flash 
5. นำ SD Card ไปใส่ Raspberry Pi แล้วเปิดเครื่อง
6. รอประมาณ 10 วินาที จนกว่าไฟ LED สีเขียวจะกะพริบ 
(ขั้นตอนนี้จะเป็นการบันทึกลำดับการ Boot ให้ Boot USB เป็นอันดับแรกลง EEPROM)
ดูตัวอย่างในคลิปนี้ 
https://www.youtube.com/watch?v=HA1C1wgyJfI&t=331s
7. ถอดปลั๊กและถอด SD Card ได้เลย
8. ให้ทำการติดตั้ง Home Assistant จาก image ของ Raspberry Pi 4 ตามปกติ เพียงแต่เลือกปลายทางเป็น External SSD 
9. นำ External SSD มาเสียบที่ช่อง USB 3.0 (ช่องสีฟ้า) ของ Raspberry PI
10. เสียบปลั๊ก Raspberry PI เพียงเท่านี้ก็จะ Boot เข้า USB เป็นอันดับแรกหลังจากนั้นก็จะ Boot เข้า Home Assistant ที่อยู่ใน USB Drive ของเราแล้ว และไม่จำเป็นต้องเสียบ SD Card ค้างไว้ด้วย
11. ถ้าหากมี Snapshot ก็เอามา restore ใช้งานต่อเนื่องได้เลยครับ

แต่ถ้าหากจะกลับไป Boot ด้วย SD Card ตามเดิม ให้ทำแบบเดียวกับขั้นตอนที่ 1-6 แต่ให้เลือก Bootloader เป็น SD Card Boot
How to Increase Your Pay
Tags: salary, projectmanagement
Published: 2021-06-21 16:34:25

There are **9 skills and methodologies** you need to be a great programmer.   Learn these and you will improve your productivity, employers will notice and that will increase your pay.

I own and run Programming Labs, a software development company that's been in business over 15 years.  As both an employer and a full stack developer, these skills and processes are what I consider the most important for programmers.  With these you will have good relations with clients, become more productive, and thus earn more money for your efforts.

## Be A Better Programmer

There are 9 habits and skills every programmer needs to be a better programmer.
1. Do not start until you have written specs
2. Unit testing
3. Coding Standards and Naming Conventions
4. Know Your Tools
5. Be a Macro King or Queen
6. Code Library
7. Understand RDBMS
8. Quick Study - Learn how to Learn and know your jargon
9. Re-read your specs before saying you are Finished

Watch the video for detailed description of each of the above.  I also discuss **what employers really want from programmers** and give some tips on **how to negotiate** a better contract rate or salary.

{% youtube Z2jz_R0mS1g %}
The making of a modern javascript library
Tags: javascript, node, library, npm
Published: 2021-06-21 16:34:13

Every 60 seconds passed in Africa, a new javascript library is created. There are a plethora of js libraries out there, and today I made [another one](https://github.com/llldar/tsDAV).

### What

Recently, I need to build some function revolving around syncing contacts and calendar events. They were mostly based on an old protocol named WEBDAV. It's so old that it uses convoluted xml structure to represent data. It would be hard for me to handle data since JSON is the first class citizen in javascript while xml is not. 

### Why

I took a look at all the existing solutions. They either are no longer maintained or lack core functions. Therefore, I've decided create a brand new library in order to fulfil these goals:

1. Allow using json data. In order to handle data with ease.
2. Support a wide range of protocols. Not just one of the three DAV families, but all three of them.
3. Well tested, have little to no bugs.
4. First class typescript support, well defined type with minimum amount of `any`
5. Have an easy to read, searchable documentation.

### How

First thing you need to do is understand the problem, it can be done by doing any of the following:

- Reading previous project's code, understand the pros and cons of the previous library.
- If your target have documented standards (in my case IETF RFC 4918, 4791, 6352), read them throughly, understand the reason behind the standards and the problem it aims to solve.
- Write small sandboxed code samples. By starting small, you'll solve the problem piece by piece, eventually allowing the solution to the entire problem.

After making sure that you understand the problem, you can then proceed to start writing code. It's recommended to write unit tests alone the way so that you can have good code quality and be confident about every part of the project as you move.

When you finished writing code, you can setup CI pipeline which allows every commit and pull request is tested and meet the standard of code quality. It can also help automating things like deploying the documentation. I'm not going to explain the details here since they are outside the scope of this post. 

Doing all of the above will only make your a decent project. To make your project great (again?), you need to do most, if not all of the following:

- Design a cool logo for it, best paired with a slick slogan.
- Added badges by using [shields.io](https://shields.io) badges.
- Provide a clean, easy to understand `README` on how to use the project.
- Add tags that helps others to discover the great work you've done.

### Takeaway

Making a good library is quite an undertaking. It take months and sometimes even years of hardworking for a good library to be made. After making this library, I'm now much more incline to give other devs projects stars. The project itself might not be useful to you, but by the act of starring the project, you appreciate the hard work of maintainers and allows the library to gain more visibility.
10 npm Commands that every developer must know
Tags: webdev, npm, node, javascript
Published: 2021-06-21 16:22:00

**NPM** stands for **Node Package Manager** and it is the package manager for the Node JavaScript platform. It put modules in place so that node can find them, and manages dependency conflicts intelligently. Most commonly, it is used to publish, discover, install, and develop node programs.

Some Important npm commands every developer should know are:

**1) npm i**
 Here i stands for *install*. It installs all the packages 
 mentioned in package.json.

**2) npm install -production**
 It installs all the packages mentioned in package.json, except 
 the dev dependencies.

**3) npm i lodash**
 It installs a package with name of *"lodash"*, you can use your 
 favorite package name.

**4) npm install --save-dev lodash**
 It installs the specific package as a dev dependency, in my case 
 the name is *"lodash"*.

**5) npm list**
 It lists the versions and name of all dependencies in the current 
 directory.

**6) npm update**
 It updates all the production packages in the current directory.

**7) npm install -g nodemon**
 It installs a package globally on your machine, with -g flag. In 
 my case, nodemon will be installed globally.

**8) npm remove lodash**
 It uninstalls / removes a previously installed node module in the 
 current directory.  

**9) npm -v**
 It displays the npm version installed on your system.

**10) npm doctor**
 It checks our environment so that our npm installation has what 
 it needs to manage our JavaScript packages.

Thanks for reading!
Lodash: _.isEmpty() - Check falsy values
Tags: lodash, webdev, codenewbie, beginners
Published: 2021-06-21 16:14:02

 _.isEmpty(): Matches `undefined`, `null`, `false` & empty `arrays`, `obj`, `strings`

```js
const _ = require('lodash');

console.log(
  _.isEmpty(undefined),
  _.isEmpty(null),
  _.isEmpty(false)
  _.isEmpty([]),
  _.isEmpty({}),
  _.isEmpty(""),
); // true x 6
```

---

**Thanks for reading 💙**  
Follow **@codedrops.tech** for more.  
[Instagram](https://www.instagram.com/codedrops.tech/) ● [Twitter](https://twitter.com/codedrops_tech) ● [Facebook](https://www.facebook.com/codedrops.tech/)

Micro-Learning ● Web Development ● Javascript ● MERN stack  
**[codedrops.tech](https://www.codedrops.tech/)**

---
**Projects**  
[File Ops](https://marketplace.visualstudio.com/items?itemName=mehullakhanpal.file-ops) - A VS Code extension to easily tag/alias files & quick switch between files
Was ist Affiliate Marketing? Online Geld verdienen
Tags: onlinemarketing
Published: 2021-06-29 11:34:37

---
title: Was ist Affiliate Marketing? Online Geld verdienen
published: true
date: 2021-06-21 15:53:50 UTC
tags: OnlineMarketing
canonical_url: https://bloggerpilot.com/affiliate-marketing/
---

![Affiliate Marketing](https://bloggerpilot.com/wp-content/uploads/2021/06/affiliate-marketing.png)

 Nach wie vor ist das Affiliate-Marketing einer der relevantesten Wachstumstreiber im Online-Marketing-Mix der Unternehmen. Auf der anderen Seite bietet …

[Was ist Affiliate Marketing? Online Geld verdienen](https://bloggerpilot.com/affiliate-marketing/)
6 Awesome Tools that turn code snippets to images
Tags: webdev, codenewbie, writing, tooling
Published: 2021-06-21 15:48:24

You've probably seen images like this on Twitter, Instagram, blogs e.t.c. But have you ever wondered how these images are created?

Well, today I'm going to be sharing 6 tools that can help you create beautiful code snippets, so you too can begin to share them online 💃💃💃
&nbsp;

### 1. [Snappify.io](https://snappify.io/)

Snappify comes with 6 predefined styles to create aesthetic snapshots of your code without the need to spend hours of styling. You can also adjust the background and code theme to your needs if desired.

![Snappify](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kjggdpr4b0mowtytta3p.png)
&nbsp;


### 2. [Carbon](https://carbon.now.sh/)

Create and share beautiful images of your source code using Carbon. With Carbon, you can customize your image by changing the syntax theme, background color/image, window theme, or padding.

![Carbon](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3qez20g434gncjrrxep6.png)
&nbsp;

### 3. [Ray.so](https://ray.so/)
With Ray.so, you can choose from a range of syntax colors, hide or show the background, and toggle between a dark and light window when creating images of your code.

![Ray](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gr8k2yxrnc12zvnrswts.png)
&nbsp;

### 4. [CodeKeep](https://codekeep.io/screenshot)
CodeKeep is a great way to create and share code snippets. You can also organize code snippets by creating labels and filtering snippets by label.

![CodeKeep](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2u6n86n3eyn8e08abb6o.png)
&nbsp;

### 5. [CodeImg](https://codeimg.io/)
CodeImg enables you not only to create these code snippets but also change the dimensions of the output image to fit different platforms like Facebook, Twitter, Instagram, etc.


![CodeImg](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xf9r7f7jiqexdgspvjcn.png)
&nbsp;

### 6. [InstaCode](http://instaco.de/)

Instacode allows you to create Instagram-like images of your code snippet. You can also add filters or give these images a custom perspective by adjusting and rotating it. 

![InstaCode](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p6jktl7a99euyqo9za8a.png)

&nbsp;
> I personally use and love Snappify & Carbon.

&nbsp;
Do you know any other amazing tool used to create beautiful code snippets? Please share them below 💖