teleren/devto huggingface dataset:
Day 42: Migrating to monogdb atlas
Tags: 100daysofcode, mongodb
Published: 2020-08-27 21:31:13

Words can't describe today's errors. I decided to move to mongodb on the cloud. It is been a long day of learning from errors. I  had a lot of trouble getting mongodb to work again. In a nutshell:
{% vimeo 452346023 %}


Resources used:
* [MongoDB In The Cloud With Atlas](https://www.youtube.com/watch?v=KKyag6t98g8)
* [Connect to MongoDB Atlas cluster with Mongoose]
(https://www.youtube.com/watch?v=OuCrHynro0w)
* Stack overflow - lost track of the no of tabs open in this.
* Help from another developer.

I managed to fix the connection issue and also learnt an important lesson:

_If it works don't touch it!!_
_Day 42_
Day 88 : #100DaysofCode - First fetch Request and Odin Project
Tags: 100daysofcode, html, css, javascript
Published: 2020-08-27 21:26:52

Today I decided to work on my CSS some more. I did one of the <a href="https://www.theodinproject.com/courses/web-development-101/lessons/html-css"> Odin Projects</a> which requested that I replicate the google homepage. It is not perfect but I am happy that I was able to use flexbox and get a similar looking google homepage. 

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

I plan to fix it up the buttons and sizing of course, but I think I did pretty well for my first time. I am proud of myself.

{% github SincerelyBrittany/google-homepage %}

In addition, I made my first fetch request to the pokemon api! I am excited because I know this is just the beginning for future javascript projects from me. 

{% jsfiddle https://jsfiddle.net/sincerelybrittany/nusqg1he/6/ result,html,css %}

As always, thanks for reading!

Sincerely, 
Brittany
Intro to Loops Part 2
Tags: beginners, javascript
Published: 2020-08-27 19:42:20

In my last blog we went over the two more commonly used loops: for loop and while loop. Now let's take a look at two newer loops that are now being used: For in and For of loops.

**For Of Loop**
The for/of lets you loop over data structures that are iterable such as Arrays, Strings, and others.

The syntax of a for/of loop is:

```
for (variable of iterable) {
  statement
}
```

***Example***
Let's say we have the following array

```
const myArr = ["dog","cat","snake","mouse"];
``` 

If we wanted to go through and print every element of this array we can do that easily using a for/of loop:

```
const myArr = ["dog","cat","snake","mouse"];

for(const element of myArr){
  console.log(element)
}

/* output
dog
cat
snake
mouse
*/
```

this is a much easier and cleaner way to iterate through an array than using a regular for loop:

```
const myArr = ["dog","cat","snake","mouse"];

for(let i=0;i<myArr.length;i++){
  console.log(myArr[i])
}

```

The for/of loop is create for iterating through arrays but what about the objects? That is where our next loop comes into play:

**For In Loop**

The for/in loop is used to loop through the properties of an object. The syntax of a for/in loop is:

```
for (variable in object){
  statement
}
```

***Example***
What if we wanted to iterate through the following object and print the values of each key?

```
const basketballTeam = {
  Guard:"Curry",
  Forward:"Leonard",
  Center:"Boban"
}
```

You can easily do this with a for/in loop

```
const basketballTeam = {
  Guard:"Curry",
  Forward:"Leonard",
  Center:"Boban"
}

for(const property in basketballTeam) {
  console.log(basketballTeam[property])
}

/*Output
Curry
Leonard
Boban
*/
```
If you only wanted to print the keys you could do that too:

```
const basketballTeam = {
  Guard:"Curry",
  Forward:"Leonard",
  Center:"Boban"
}

for(const property in basketballTeam) {
  console.log(property)
}


/*Output
Guard
Forward
Center
*/
```
Day 8 of 100DaysOfCode
Tags: 100daysofcode, freecodecamp, javascript, codenewbie
Published: 2020-08-27 21:19:28

Had to take a day off yesterday and now continuing the grind. Got some work done today on FreeCodeCamp. Felt good and ready to get stuff done tomorrow. Always keep learning!

## What I did today:

### Finished Basic JavaScript at FreeCodeCamp
https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/basic-javascript/

#### What I learned from it:
* How recursion works and got some practice implementing it
* How to use different methods
* Loops and recursion

####Time spent learning:
Task 'FCC'. Elapsed time: 1 h 36 min 54 s

#### Total time: 1h 37min
Tracked by using my [TaskTimer](https://www.arttupyykonen.com/tasktimer/) script and the [WakaTime app](https://wakatime.com/about)

### Further reading

#### [FreeCodeCamp](https://www.freecodecamp.org/learn)
Check out FCC for the best interactive exercises!

#### [Eloquent JavaScript book](https://eloquentjavascript.net/)

###Psst
You can check my answers to the exercises of Eloquent JavaScript. You'll find them [here](https://www.arttupyykonen.com/ejs-solutions/).

That's it. See you all tomorrow!
Mockup for a website project
Tags: css, beginners, webdev, wordpress
Published: 2020-08-27 21:06:15

 

I am working on my first project as a web developer. Sharing this with utmost happiness that finally I could say I am a web designer. After years of struggle to learn the basics of HTML, CSS, Js I have come to a stage where I have crossed the learning curve and from here starts my new journey of learning. 

I am sharing the mockup of my first project that I got. I also learned how to create mockup for this project. No doubt mockups make a website more presentable. 

I hope to hear feedbacks on the design and ways I can improve it.. happy to learn 🚀🚀🚀🚀


Visit the link:

https://www.behance.net/aman-jaswal

https://www.instagram.com/progressiveprogrammer

https://m.facebook.com/Progressive-Programmers-League-116342093426883/?ref=bookmarks
Commit Mistake: How to untracked files in Git
Tags: git
Published: 2020-08-27 21:02:54

## My Reason to Git stop tracking file

There are a couple of reasons to untrack a file in your git repository.
Though my obvious reason is because of fat fingers.
Sometimes I accidentally committed a binary file with `git add .`.

Thus it is pretty handy to know how to untrack files in Git.
Plus it is super easy.

## Tell Git to untrack file
Use `git rm` to Git untrack file.

```bash
git rm --cached <filename>
```

And if you need untrack more that one file, simply append the files:

```bash
git rm --cached <filename>  <filename2>  <filename3>
```

Both of the commands above git untrack file without deleting.
This is because of the cached option. Removing the cached option will
 delete it from your disk.

```bash
git rm <filename>
```

After run this command, don't forget to commit the changes. Git update on other developers
machine will automatically remove this file

## Tell Git untrack folder

What about when a whole folder needs to be untracked?
Removing a whole directory is simple too with the recursive option.

```bash
git rm -r --cached <folder>
```

## If needed, ignore the file in the future
Optionally, once you have the file removed, you can add it to your git ignore file.
Conveniently, this file is called gitignore.

> A gitignore file is a file that tells Git which files or folders to ignore.
> Gitignore file is usually placed in the root directory of a project.

For more about gitignore - read this [gitignore article](https://www.freecodecamp.org/news/gitignore-what-is-it-and-how-to-add-to-repo/)

## Why use 'git rm' to remove a file instead of 'rm'?
Technically they are both the same. `git rm` does 2 commands at once:
1. Removing the file from index
2. Staging the next commit with the removed file

`rm` only removes the file from disk. You will still the to stage and commit the deleted file.
`git rm` does that in one single step.
Whiskey Wednesday - Episode #6 - Developer fitness
Tags: podcast
Published: 2020-08-27 20:27:52

---
title: Whiskey Wednesday - Episode #6 - Developer fitness
published: true
description: 
tags: podcast
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/298wnozwth32rhhrfxh1.jpg
---

## Whiskey Wednesday - 2020 August 12th

#### Episode #6 - Developer fitness

It's not always easy to stay healthy as a developer. Especially because you are sitting in front of a desk for at least 8 hours a day.

With our guests who are experts in fitness, we will find out what you can do to become a healthier developer.

📺 [Watch it on Youtube](https://www.youtube.com/watch?v=pBARlvSvACs)

{% spotify spotify:episode:6YpCB55IX3EE6gE7cJ94UJ %}
How to open a Project Folder in Visual Studio Code.
Tags: vscode, codenewbie, programming
Published: 2020-08-27 20:21:50

1. Create a folder(directory) in the Desktop directory on your computer with the name **vscode-with-git**.
2. Open Visual Studio Code from your list of installed applications. You should the image below.
![1. open vscode.PNG](https://ucarecdn.com/6a017cfa-8140-488f-90ac-f8b2f1801388/)

3. Click on **Open folder** as shown below.
![2. open folder.PNG](https://ucarecdn.com/57d9ecd8-0a74-4d08-a800-10b7044442d3/)

  *Alternatively, click on file on the top left corner of the **vscode** and     select **Open folder**.*

4. Locate the position of the folder you earlier created and click on select folder as shown below. If you remembered, it was created on the Desktop folder

![3. dialog.PNG](https://ucarecdn.com/2035b8fe-01ab-4189-8669-843e6146df37/)
 
5. If you followed step 4 carefully, your **vscode** will look like the image below.
 ![4. opened folder.PNG](https://ucarecdn.com/bce26df9-b72a-4924-ad81-45d80fdd5985/)

6. When you hover on the folder (**VSCODE-WITH-GIT**) , you should see four icons. Click on the first icon from the extreme left to create a file.
 ![5. create file.PNG](https://ucarecdn.com/bcaf6e73-fb72-483b-a885-9a90a304fed1/)
 
 *Hover on the other icons to see what you can achieve with them*
 
7. Type the name of the file for instance, **index.html** or **text.txt** and press enter on your keyboard.
OVERVIEW OF CLOUD COMPUTING
Published: 2023-05-25 10:53:01

---
title: OVERVIEW OF CLOUD COMPUTING
published: true
date: 2020-08-27 16:54:24 UTC
tags: 
canonical_url: https://blog.michaeltech.xyz/overview-of-cloud-computing
---

The first and most important question to be answered for anybody coming around you would have heard a lot of talk about the cloud, I love this definition of the Cloud by [Linus Sebastians](https://youtu.be/dsKIpLKo8AE) using a rain cloud to explain the internet cloud

> A normal cloud is a dense cluster of water molecules that appear as a single object in a distance. A computing cloud is a dense cluster of computers working together in such a way that to a normal observer they all appear to be one giant computing resource [] It appears to be running from your phone, computer, or any other device, but its actually running over the internet on an array of computers that are sharing resources with each other.

Well the cloud is simply the use of specialized computers over the internet to carry specific computing functions. The examples of the use of cloud computing spans from simple on-demand computing services, applications to storage and processing power.

There are several types of cloud computing services

**Public Cloud** - This has to do with a cloud computing service that is provided by a public Cloud provider most of the time as a paid service.

**Private Cloud** - This is cloud type is privately owned by a business or Organization and is not available in the public domain.

**Hybrid Cloud** - Many organizations harness the strengths of both cloud models by combining them.

We can also break down Cloud services into their different categories. There are three general categories:

**Infrastructure-As-A-Service(IaaS)**: With IaaS, you rent IT infrastructure servers and virtual machines (VMs), storage, networks, operating systems just like you you can rent out housing units it is up to you to furnish and maintain it.

**Platform as a service (PaaS)**: Platform as a service are basically services that offer environments and tools for developers to build, test and deploy their applications while removing the responsibility of the underlying infrastructures such as servers, networking etc. Overlapping with PaaS is the concept of FaaS or Serverless Computing where its narrows down even more of the app functionality without worrying about the underlying setup, the codes are event driven and scalable, they only use resources when certain functions are called or triggered

**Software as a service (SaaS)**: SaaS are complete applications delivered by means of the internet to end users and consumers, all the responsibility of maintenance and security falls on the service provider, popular examples are Netflix, Gmail etc.

**Benefits of Cloud Computing**

- Scalability

- Low Costs

- Security

- High level of accessibility and many more

So that was a quick introduction to some of the concepts around cloud computing, I look forward to doing a deeper dive into some more specific concepts. Thanks for your time.
Deploy React App to Heroku using Github Actions!
Tags: actionshackathon, github, opensource, react
Published: 2020-08-27 20:10:03

[Instructions]: # (To submit to the GitHub Actions x DEV Hackathon, please fill out all sections.)

### My Workflow
[Note]: # (Make sure to include the name of your GitHub Action and share where it's being used!)
![mywebsite](https://dev-to-uploads.s3.amazonaws.com/i/yu3jjq846x7vm748kqsf.png)

Hey there, lovely people of the internet, I have built this website using ReactJS. It is a covid-19 virus tracker(using real-time data), which I have made keeping in mind the recent rise of the deadly corona virus.

I have configured my project to be deployed on Heroku. Recently, I have been wanting to add new features to it to make the website more useful for the community. However, each time I commit and push a new change to my GitHub repository I have to push it again to Heroku to make the new changes visible.

Then recently I came to know about GitHub actions and this is where I thought of making a fruitful use of it. I have created a GitHub action which will automatically push the commit to Heroku so that I only need to push my changes to GitHub and my website gets updated on its own. Cool, isn't it?
![heroku-deploy](https://dev-to-uploads.s3.amazonaws.com/i/603wpmqiyouzxtz5kejx.png)

Here's a look at my newly created Github action!

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

My website ran and updated the changes. It was a success!

You can checkout my website here, if you want to: https://covid-19-virus-tracker.herokuapp.com/



### Submission Category: 

[Note]: # (Maintainer Must-Haves, DIY Deployments, Interesting IoT, Phone Friendly, or Wacky Wildcards)
DIY Deployments

### Yaml File or Link to Code

[Note]: # (Our markdown editor supports pretty embeds. Try this syntax: `{% github link_to_your_repo %}` to share a GitHub repository)
{% github https://github.com/aishikamidder05/covidtrack %}

Hope you find my post useful. Thanks for reading till the end. 
Adios! ^_^
Day 87 : #100DaysOfCode - JS Arrays, Scopes, Fetch, & Promises
Published: 2020-08-27 19:45:13

Today I reviewed Javascript arrays, scopes, fetch requests, and promises. I watched the following videos which I found very helpful and worked on a few bootcamp lessons!

{% youtube DHvZLI7Db8E %}

{% youtube cuEtnrL9-H0 %}

Hopefully you find the above videos useful too.

Sincerely, 
Brittany
Building a VSCode Extension: Part One
Tags: javascript, typescript, vscode, react
Published: 2020-08-27 19:31:49

---
description: "I have been looking for a fun side project to work on in my free time. Building projects is the best way to actually improve your skills as a developer. I decided that I will try to document my journey publicly to help share my thoughts and decisions."
---

I have been looking for a fun side project to work on in my free time. Building projects is the best way to actually improve your skills as a developer. I decided that I will try to document my journey publicly to help share my thoughts and decisions.

## What am I going to build?

I have been spending a good amount of time working on my time management. Managing my daily tasks has been something I needed to improve. I currently write down what I plan to do for the day in a notebook. Notebooks are nice but it makes it difficult to organize the tasks besides by date and order. How can I dynamically group them by project, adjust priority as my day changes, roll them over to the next day without having to rewrite them? I decided to create a task manager built into VSCode.

I am sure there are other extensions that already do this but that is not the point. The plan is to use this as a learning experience and build something specifically for me. I get to determine what features are important and how they tie into my workflow.

## Problems I am solving

- I spend most of my day with VSCode open on my computer as a Programmer. It would be nice to have all my tasks for my projects in one place.
- I want to have a board similar to Trello where I could easily click and drag to move tasks between statuses and adjust priorities.
- Most of my daily notes are Markdown in a repository. Having the ability to link my notes through wiki links using something like Foam would be a plus.

## Thinking through the Tech Stack

The tech stack I plan on using:
- TypeScript
  - Vscode's API already uses it.
- ReactJS
  - It might be a little overkill but why not.
- Tailwind CSS
  - I want to easily be able to style the webview and I love using utility classes for styles.
- Markdown
  - I already take my notes in Markdown and it would make it easier integrating with foam.
  - GitHub Markdown has a task like syntax I could utilize and then you are not forced to use the extension to manage your tasks.

## Resources I will be using

- [VSCode Extension API](https://code.visualstudio.com/api)
- [Tailwind CSS Docs](https://tailwindcss.com/)
- [The Repository](https://github.com/CodeByCorey/vscode-todo-task-manager)
- [Foam](https://foambubble.github.io/foam/)
Graph Convolutional Network
Tags: gcn, machinelearning, graph, eeg
Published: 2020-08-27 19:29:03

I finally managed to implement Graph convolutional Network (GCN) in pure python environment to classify EEG signals!
As you may know, EEG is the waves of brain! for this project, we used 4 classes motor imagery dataset. it means that you close your eye and imagine a movement for nearly 4 seconds! 

https://github.com/magnumical/GCN_for_EEG
☁️ ☁️Free Certification Multi-Cloud (Best of Breed) ☁️☁️
Tags: azure, aws, googlecloud, cloud
Published: 2020-08-27 19:26:33

##<b><strong> Multi-Cloud (cloud 3.0 - 2019 and beyond) </strong></b>

Architects and engineers out there need to keep pace with the changing environment and While we are talking about strategies in private, public and hybrid cloud, <b>Multi-Cloud</b> is already here!.

> According to IBM, 85% of enterprises are in a multi-cloud environment, but only 41% have a multi-cloud strategy. The challenges that the organizations are facing, outweigh the benefits they are accruing from the model.

##<b><strong> Why Multi-cloud? </strong></b>

✅ Vendor flexibility

✅ Best of breed

✅ Negotiating power

✅ Failover and disaster preparedness

✅ Data sovereignty

##<b><strong> Are you a certified AWS, Azure, GCP, OCI professional? </strong></b>


<img src="https://i.giphy.com/media/yDYAHbqe5DfyM/giphy.webp" width="500" />

<hr>

## <b><h4>Aviatrix ACE Program</h4></b>


Recently I came across Aviatrix ACE program that enables us to develop competency in multi-cloud strategies.

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

The ACE program provides ongoing education that enables architects, engineers, and technical staff to develop advanced competency in native cloud capabilities and provides a framework for applying this knowledge to network architecture and design patterns in order to meet customer requirements.


## <b><h6>🎫 Free coupon:</h6></b> <b><strong>ACEONLINE</strong></b> ( $895 value course )

## <b><h6> ✔ Register here :</h6></b> https://aviatrix.com/ace/

## <b><h6>📆 Offer validity:</h6></b> <b><strong>Till October 1st 2020</strong></b>
Any tips for onboarding developers? Let us know for the chance to be featured on a DEV podcast!
Tags: podcast, discuss
Published: 2020-08-27 19:25:42

---
title: Any tips for onboarding developers? Let us know for the chance to be featured on a DEV podcast!
published: true
description: Share your thoughts on this topic with us for the chance to be heard on DevDiscuss
tags: podcast, discuss
---

The [DevDiscuss Podcast](https://dev.to/devdiscuss) begins with an interview and ends with commentary from listeners — and we like to feature the actual _voices_ from our community!

### **This week's prompt: "What are some good practices when onboarding junior devs — or devs in general? "** 
  
For your chance to appear on an upcoming episode, answer the question above by:

- Calling our Google Voice at +1 (929)500-1513 and leave a message 📞

- Sending a voice memo to pod@dev.to 🎙

- OR, leaving a comment here (we'll read your response aloud for you) 🗣

_Please send in your recordings by September 2nd at 5 PM PT (8 PM ET, 12 AM UTC)_

---

Don't forget to check out the [latest episode](https://dev.to/devdiscuss/s2-e3-the-history-of-irc-and-the-evolution-of-community-tools), released on Wednesday!
How texting works (Basics for NewBies) 
Tags: computerscience, codenewbie, node
Published: 2020-08-27 19:11:06

Have you ever wondered how you are able to send a text from your device to another device in milliseconds?

Well here is the Technology behind it, via the internet we are able to connect with people all around the globe. *The internet is a wired and wireless connection of devices, computers, services and smart objects over a network to share, communicate, store and retrieve information.* 

So what happens when you text?
Your keyboards are connected to a circuit board, which when you type electrical signals are generated and then converted to analog signals (radio waves), these are sent via the antenna to cell towers (masts).

The messages are broken into packets, and these packets can follow any route to any nearby cell tower. 

![Route of Packets](https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQzNQzdRGvjZX7JSEDHMOEzuj8_liJ899DtGg&usqp=CAU)
These cell towers are connected via cables to an SMSC;an SMSC is the portion of a wireless network that handles SMS operations, such as routing, forwarding and storing incoming text messages on their way to desired endpoints.From the SMSC these packets are forwarded to the cell towers closer to the recipient, which now forwards these packets to the recipient's device.

####This diagram shows how it works
![A diagram showing how texts travel](https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcSJ7KfIADj9a4CA9Cbx2qYIJ6iJg-3YcXcW4A&usqp=CAU)
Texts travel miles to get from a user to another user, a lot of encryption and identification goes on in the background to ensure that the text reaches the right user in the right format in which the sender sent it. 

So when next you send a text to a friend, just think of how these radio waves must have traveled from cables to cell towers in seconds.