teleren/devto huggingface dataset:
Summer Is Open, Week 3: Harvester (HCI)
Tags: opensource, beginners, kubernetes, devops
Published: 2021-07-26 16:43:59

## This Week: A session on Harvester, an HCI (hyperconverged infrastructure) solution built on Kubernetes. 

## [Sign up for the free series here](https://community.suse.com/courses/5382798/events)
In this two-month series, we'll bring you into the inner circle with the creators of some of SUSE's and Rancher's most exciting open source projects, including:

### Rancher Desktop, Opni, Harvester, Hypper, Kubewarden, Epinio and openSUSE Leap. 

Join us each week for a technical deep dive on one project, where you'll hear straight from a developer working on it. We'll give you a challenge to complete offline; then Thursdays, join us for Office Hours where you can ask questions to the project developer.

We created this series as part of SUSE's #ChooseOpen program. We strongly believe in open source. We want to share our excitement about it with you, our community.

The class starts on July 13, 2021 from 9 am to 10:00 am PT. Sessions are free and available on demand.

## What We'll Cover
Week One: Rancher Desktop with Matt Farina 

Week Two: Opni with Sanjay Nadhavajhala

Week Three: Harvester with Sheng Yang 

Week Four: Hypper with Matt Farina 

Week Five: Kubewarden with Flavio Castelli and Rafael Fernandez Lopez 

Week Six: Epinio with Dimitris Karakasilis and Andrew Gracey

Week Seven: openSUSE Leap 

[SIGN UP TODAY](https://community.suse.com/courses/5382798/events) in the SUSE & Rancher Community
#6) What is NaN property in JavaScript❓
Tags: javascript, beginners, webdev, career
Published: 2021-07-26 16:39:20

#🚀`NaN : Not a Number`

✔So basically it means that the value should not be a legal number.

![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kex9njte1rprxkrftrio.png)
💠Some Examples for better understanding👇

✔For checking if a value is NaN, we use isNaN() function. 
![image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dolzbjt36324x53pythl.png)
 
⚠##Note:
###✔`NaN first converts it into a number type and then compares or equates to NaN`.
__________________________________________________________________
Database Cluster
Published: 2021-07-26 16:33:08

My Application is built on monolithic architecture using laravel framework and mysql database
The application targetting that it will serve more than 10 lac users And at its pick hour will face to be managed more than 50k request per sec.
I know about Load balancing . But i want a help about database clustering
i want to implement a master-slave topology but i have no clue how to start with it.
i found some resoure about clusterControl https://severalnines.com/product/clustercontrol But not understanding the proper guideline Question 1 : The Guideline for implementing Database Clustering.
5 Use Cases for Freelancing Platforms: From Real Developer Stories
Tags: career, freelancing
Published: 2021-07-26 16:32:44

Whether you’re hesitant to make the jump from salaried to contract work, or you’re just having trouble navigating your freelancing practice, going it alone can be overwhelming. The list of pros and cons can be a long and jumbled mess that just leads to more problems to solve and options to weigh. Whatever your pain point is, it helps to see how others in your shoes have found success as independent software professionals.

We asked a handful of Gun.io developers a little bit about how they got into technology, where they were in their career when they joined Gun.io, and why they chose to use a freelancing platform.



## Level up an existing freelance practice


**The blocker:** A self-taught programmer was spending more time on admin and client acquisition tasks than on their projects or with their family. 

**The goal:** Gain support in managing and finding quality clients, outside of the ones they had acquired through social media and Linkedin recruiters.

**The outcome:** After joining Gun.io, they’re engaged on a full-time basis and are free to focus on their work and balance their personal life at the same time—all while the platform handles client relationships.




## Get paid what you’re worth


**The blocker:** A computer science major had been working in a W2 on-site role, using contract work to supplement their income with an interest in freelancing full-time. They averaged less than 3 freelance engagements per year, all with local clients they acquired through word-of-mouth. 

**The goal:** Acquire clients through more streamlined channels to sufficiently fill their pipeline with work in more competitive markets to freelance full-time.

**The outcome:** After joining Gun.io and setting their own rate—rather than a rate that was constrained by their local market—they started work on a full-time contract engagement with a client outside of their timezone, significantly increasing their income.







## Spend less time vetting clients


**The blocker:** A self-taught programmer had been freelancing for 5+ years on their own and with a platform, but struggled to engage quality clients they acquired through browsing other freelance platforms and networking on LinkedIn.

**The goal:** Proactively verify a client’s quality prior to accepting a project to mitigate late payments, poor team fit, and unclear expectations.


**The outcome:** After joining Gun.io, they’re able to fill their pipeline with pre-vetted clients and offload the additional lift of ensuring timely payment, facilitating communication, and establishing contract details with clients.

Interested in putting these use cases to the test? [Learn more about working with our platform](https://bit.ly/3y6Oo38).
Who is Nazmul Soikot? 
Tags: music
Published: 2021-07-26 16:29:24

Nazmul Soikot is a Bangladeshi Musical Artist, Android&Web apps developer who has made a big name in the digital marketing world. Nazmul Soikot is an influencer, artist, entrepreneur, blogger, to name a few. Aged 19, he was born and brought up in Bangladesh.

Since childhood, he had a keen interest in trying new things. His classmates recall that his thinking style was different than many other individuals in the class.

He never hesitated in experimenting.

With his hard work, dedication, and passion, the company has reached its peak in a short span of time. As a social media influencer and marketing strategist, he promotes social messages, movies, brand videos on social media with his influencer network across Bangladesh. All of our dreams of something exquisite to become, however, not every person gets the opportunity to be what they continuously wanted to turn out to be. Nazmul is such folk that didn’t sit up for the opportunity to come back returned as a substitute he created his very very own.

 

He also firmly believes that one should never feel contented with his work as it kills the hunger to achieve more. As an influencer and artist, Nazmul has inspired many individuals and young people who are fighting to make a mark in this field. He also developed many apps and websites. He also writes blogs and posts helpful.
Migrating from promise chains to async-await and escaping the try catch hell
Tags: javascript, webdev, programming, codenewbie
Published: 2021-07-26 16:22:55

```javascript
async ()=> {
await promise
}
```
async-await is a life saver when it comes to avoiding callback hell or the pyramid of doom.
```javascript
function hell(){
step1((a)=>{
  step2((b)=>{
    step3((c)=>{
       // some code ...
         })
       })
     })
}
```
The above code can be written in a clean line-by-line format using async-await.
```javascript
async function heaven(){
   const a= await step1();
   const b= await step2(a);
   const c= await step3(b);
   return a + b + c;
}
```
This is great but when it comes to error handling this simplicity again goes for a toss because you end up with a try-catch tower of terror.
```javascript
async function towerOfTerror(){
let a;
let b;
let c;

try{
 a=await step1();
} catch(error){
 handle(error);
}

try{
 b=await step2(a);
} catch(error){
 handle(error);
}

try{
 c=await step3(b);
} catch(error){
 handle(error);
}

return a + b + c;
}
```
All your one-liners have now expanded to at least 5 lines of code.
One easy way out would be to append the catch method to the end of each promise.
```javascript
await step1().catch(fun);
```
But that can still get repetitive.
```javascript
async function getBetter(){
   const a= await step1().catch(err=>handler(err);
   const b= await step2(a).catch(err=>handler(err);
   const c= await step3(b).catch(err=>handler(err);
   return a + b + c;
}
```
Another option is to create a function that implements one try-catch to replace all the others. It will first resolve the promise and then return an array that has the first element as the data and the second element as an error. But if there is an error then the data is null and the error is defined.
```javascript
async function awesome(){
 try{
  const data=await promise;
  return [data,null];
 } catch(error){
  console.error(error);
  return [null,error];
 }
```
Now you can call this function in your code you can de-structure it to get a clean one-liner error handling.
```javascript
async function main(){
 const[data,error]=await awesome();
 const[data2,error2]=await awesome();
//or use the if statement if you want to handle the error differently
if(error){
   //do something
   }
}
```
A Marine's Giant Leap into Code
Tags: codenewbie, veteran, space, inspiration
Published: 2021-07-26 16:13:45

Edpresso by Educative contributor Chris Zichko (@zkoding) has a wild dream at the age of seven: he wanted to go to the moon. Every professional decision in life he made thus far has been in pursuit of that dream, from joining the Marine Corps to moving to Florida. Now, he’s a software developer who loves to automate his life.

Watch: https://www.youtube.com/watch?v=xImxEQ_V0Es
Manuel Stotz : How to Become a Good Computer Programmer

Published: 2021-07-26 10:00:18

Computer programmers are generally fairly familiar with numerous programming languages, and may have wide knowledge of one or two. These specialists are often referred to by the language they specialize in, such as database, Java, or Web programmers, and may also be classified as applications or systems programmers. Computer programmers are dependable for writing the comprehensive instructions that cause a computer to do a particular task. The typically difficult set of instructions, known as a software program, can be written in any of several languages understandable to the computer. Computer Programmers generally work closely with computer software engineers and systems analysts, who design how the software program will work in an advanced sense. The programmer will then take their high-level software design and decode it into a practical set of specific computer code that the computer can follow. Programmers not only write programs but often also update, adjust, and develop existing programs. Most programmers know more than one programming language and normally are able to learn new languages comparatively easily. Computer programmers are qualified who write, test, resolve problems, and do continuance for computer programs and software.

Here are some steps to follow for becoming a Computer Programmer

First off, you require being capable to work on a computer, how to use the Computer and various programs. You also need to have a sensible skill in math.

Then you need to choose what type of programmers you would like to write - financial, games, operating systems, machine controllers, etc - because each type of programming has a particular type of programming language that is particularly suited to it. These languages include Assembler, C or C++ and java.

Read This Also :  https://www.academia.edu/49930664/Manuel_Stotz_Fraud_and_Fake_Content_Spread_Too_Quickly_Why

Then you require to either going on lessons that offer coaching in this language, or start training yourself; in which case you will need books to refer to. Courses are available via mail, or at universities.

Then you require a couple of years (part time) to do all this studying. Possibly after a month or two you will be able to turn out programmers that are kind a useful.

Be ready to work hard, and do a lot of study, and spend a lot of time learning to programmer. It's hard at the beginning, but over time you get familiar with the language rules and thinking behind the languages, and then it becomes a lot easier.
Netflix Clone Version 2 - React  & TMDb
Tags: react, webdev, javascript, api
Published: 2021-07-26 15:52:37

I recreated the Netflix Clone I created from the following post, where I used [The Movie Database (TMDb)](https://www.themoviedb.org/) to fetch the movie images and posters to populate the Netflix Clone.

{% link https://dev.to/thomasgilmore/netflix-clone-using-react-and-tmdb-32gb %}

I created a version 2 of the Netflix Clone because the first version was running slow. I received feedback to use [Web.dev Measure](https://web.dev/measure/) to see how well the first version performance was and that's where I found out it was loading much more data than it needed to. 

One of the bigger differences from version 1 to version 2 was that in version 1 I was using React Class Components and in version 2 I switched to React Functional Components. 

In version 1 I was using [ajax](https://developer.mozilla.org/en-US/docs/Web/Guide/AJAX) calls to fetch the api information. In version 2 I updated the calls to use [axios](https://www.npmjs.com/package/axios) to fetch the api to help the performance. Even though this step did not help a huge amount in performance, it did cut down the amount of javascript code that is needed to make the api calls compared to using ajax.

I also used [React Lazy Load Image Component](https://www.npmjs.com/package/react-lazy-load-image-component) as all the movie and tv show images. This helps with performance because if the image is not in the window view the image does not get loaded so a lot less data needs to load to view the page and this helps on the performance a lot.  

[Loadable Components](https://loadable-components.com/) is also used in version 2. Loadable lets the Netflix Clone to render a dynamic import as a regular component so the component will be loaded in a separate bundle also improving the Netflix Clone performance. 

I have learned a lot from recreating the Netflix Clone and also from the helpful feedback I have received. If you have any other feedback I would really appreciate it. I think it's a great way of learning and seeing someone else's perspective of something. 

**LINK**: [https://gilmore-netflix-clone-version-2.netlify.app](https://gilmore-netflix-clone-version-2.netlify.app)
5 Steps to Flash ESP8266 with Tasmota in 2021
Tags: esp8266, tasmota, flashing
Published: 2021-07-26 15:41:03

In this very short tutorial, I will show you how I flashed an ESP8266 with Tasmota.

#Step 1: Download ESP Flasher & Tasmota
- ESP Flasher: [github repo](https://github.com/Jason2866/ESP_Flasher/releases), and download the appropriate version of ESP Flasher (no need to install)
- Tasmota: [tasmota.bin.gz](http://ota.tasmota.com/tasmota/release/)

#Step 2: Plug ESP8266 to your computer in Boot Mode

Plug the ESP8266's USB to your computer, while pressing the **Flash button**

![ESP8266 Flash Button](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0n5lp6nrt2sgxj1sz1gw.jpg)

#Step 3: Start and Setup ESP Flasher
- Reload the Serial Port until you see your USB plug appearing
- Browse the firmware Tasmota we downloaded in Step 1
- Launch ESP-Flasher

![ESP Flasher](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rsm7ro981ytzsyu44q47.png)

This process can take up to 30sec. Once done, unplug, and replug the ESP8266 module to your computer or any other source of power.

#Step 4: WiFi connection
- Once relaunched, you should see a Tasmota_XXX WiFi appearing in your networks.
- Connect your computer to the Tasmota WiFi
- Connect your WiFi (SSID + Password)
- Click Ok
- Let the component restart

#Step 5: Tasmota Config
- Configure MQTT Broker accordingly (host + port + login + password)
7 Good Habits for Software Developers
Tags: programmer, programming, softwaredevelopment, skills
Published: 2021-07-26 15:40:30

Good Habits make good people, We are what our habits are. So to become a good software engineer I have discovered good habits which can make you great software developers.

##1. Check Startup Websites/Apps
Every day we heard the news of successful startups that are changing the lives or lifestyles of people. It's because of innovation almost every startup brings new idea with new innovation. So if we make a habit of checking their innovation, features, data representation we get many ideas from them and can adopt them in our work.

##2. Read Code
When we read we learn from other people experience that saves our lot of time. We can apply the same principle here. If you read open source from great developers or open-source of big companies we get a lot of ideas of how to write better code and find a solution to difficult tasks. You can do it by searching your technology name on GitHub or see open source projects from company official websites by googling them.

##3.Use Pinterest
If you search any term you will get ideas about it on Pinterest. As we are software developers we can get ideas about UI/UX and How to represent data on our website or app. So before starting to work on the new feature it's a good habit to get ideas from Pinterest by searching terms related to our task.

##4.Connect with Nature
Always take breaks while working for long hours, When we connect with nature we feel fresh and get more ideas and become more creative.

##5.Ready Daily
Leaders are readers!. Technology changes fast. To stay ahead of competition read articles, blogs, videos, news, and books. By reading related to your domain and technology from blogs, videos, or other mediums you get knowledge about what's going on in the world and what we can adopt in our work.

##6.Build Daily
Knowledge is potential power, Action is real power!. Apply your knowledge by taking action daily. When we write a code daily we learn how to write, better and optimized code. And for the next task, it requires less time than the last one. It's an important habit for you to write a code daily (I also code on the weekend :) ) to become an expert in your field.

##7.Follow great content creators
Almost every person spends 2-3 hours daily on social media. If we use this same time to learn 2-3 things every day from social media we will have 600-700 topics knowledge in a year. So follow good content creators/influencers on social media to learn new things.
Create a Netflix clone from Scratch: JavaScript PHP + MySQL Day 1:Download & Installation
Tags: javascript, webdev, mysql, tutorial
Published: 2021-07-26 15:32:36

In this video we'll cover the download of vscode and xamp.

{% youtube fTPvHLlGdsk %}

If you like my work, please consider
[![Buy me a coffee](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jm11knj7d8zwcvo150q2.png)](https://www.buymeacoffee.com/cglikpo)
so that I can bring more projects, more articles for you

If you want to learn more about Web Development, feel free to [follow me on Youtube!](https://www.youtube.com/c/ChristopherGlikpo)
Simple Custom Hook
Tags: react, beginners, tutorial, webdev
Published: 2021-07-26 15:13:26

## Learn how to get started with React Hooks in this quick tutorial.


React Hooks are super useful to know, and can be a important new tool in your frontend development. Knowing how to create your very own Custom Hooks was for me like discovering React components all over again. The awesome thing about custom hooks is that you can re-use your hooks and write cleaner code. 

In this tutorial we will make a custom hook that copies text to the clipboard when clicking a button.

### This tutorial will include a React Hook that is:

- Simple - it just copies text to the clipboard
- Made from create-react-app
- A modern React feature
- It's reusable
- It's expandable
- No CSS!

{% youtube JvWUpmQDMC4 %}

## Follow and support me:
I can't really express enough how much I appreciate subscriptions to my Youtube channel. Thank you. And if you want to follow me on Twitter, or just give some feedback that's awsome too!

:tv: [YouTube](https://www.youtube.com/channel/UCAgVeIc8xD0ARLDOeN0Frag?sub_confirmation=1  ) 

:penguin: [Twitter](https://twitter.com/RedEyeMedia3) 


I try to get out new web dev content on Youtube every week, and sometimes I write articles like this one. This is my first article on dev.to, and more will come 🐌
Hope you enjoy!
Do you want to learn web dev and don't know where to start?
Tags: webdev, javascript, css, codenewbie
Published: 2021-07-26 15:09:17

## Prepare yourself mentally
Make sure you are ready mentally and prepared to be persistent and consistent in your learning.

## Start with the  basics 
HTML for the structure and CSS to style the website. Learn these two and build a couple of projects with them, and when you have a good grip on them, learn JavaScript to make an interactive website.


## Join #100daysofcodechallenge 
It will help you with consistency by coding every day for 100 days straight. Do not forget to tweet about it and share your experience with the community.


## Join Dev Communities 
Join and learn along with new developers who have the same interest. The community would be helpful when you are stuck on a problem and can not figure it out.

## Next, Learn a library or framework
Bootstrap for CSS or any equivalent library. 
ReactJS or VueJs for JavaScript, one of them will do. 

After this, you are pretty much a front-end developer and ready to learn back-end.

## Finally 
Do deliberate practice, build a lot of projects and share them with the community and get feedback. You don’t know when or where your next client would be.



## Free Resources

#### HTML

[HTML Tutorial for Beginners: HTML Crash Course [2021]](https://youtu.be/qz0aGYrrlhU) 

[HTML Full Course - Build a Website Tutorial](https://youtu.be/pQN-pnXPaVg) 

[HTML Crash Course For Absolute Beginners](https://youtu.be/UB1O30fR-EE) 



#### CSS

[CSS Crash Course For Absolute Beginners](https://youtu.be/yfoY53QXEnI) 

[HTML and CSS Tutorial for 2021 - COMPLETE Crash Course!](https://youtu.be/D-h8L5hgW-w)

[CSS Full Course - Includes Flexbox and CSS Grid Tutorials](https://youtu.be/ieTHC78giGQ)


#### JAVASCRIPT

[JavaScript Crash Course For Beginners](https://youtu.be/hdI2bqOjy3c)

[JavaScript Tutorial for Beginners: Learn JavaScript in 1 Hour](https://youtu.be/W6NZfCO5SIk)

[Learn JavaScript - Full Course for Beginners](https://youtu.be/PkZNo7MFNFg)

[How to Make a Landing Page using HTML, SCSS, and JavaScript - Full Course](https://www.youtube.com/watch?v=aoQ6S1a32j8)


#### Youtube Channels 

[FreeCodeCamp](https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ)

[Programming with Mosh](https://www.youtube.com/channel/UCWv7vMbMWH4-V0ZXdmDpPBA)

[Traversy Media](https://www.youtube.com/user/TechGuyWeb)


#### Websites

[W3school](https://www.w3schools.com)

[Geeks for geeks](https://www.geeksforgeeks.org/web-development/?ref=lbp)

[Freecodecamp](https://www.freecodecamp.org)

[Codecademy](https://www.codecademy.com) basic course is free.

[Mozilla Docs](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics)

[HTML Docs](http://html.net/tutorials/html5/)

[Javascript Info](https://javascript.info)