teleren/devto huggingface dataset:
Development and My Mental Health || Part 3: Imposter Syndrome and Self-Hate
Published: 2020-09-09 05:46:17

I previously talked about my friends and my personal experiences, as well as *some* of my trauma. Every action has a consequence. I have been dealing with severe imposter syndrome and self-hate. Especially after posting my last two articles, I feel like I am not really a developer.

Emotionally, I am overall just in a lot of pain. I have started ignoring the issues keeping me from properly doing my school work, I have not been taking care of myself, and I have been very sick and unable to keep my food down anymore (which isn't good for physical OR mental health).

I actually have not been able to bring myself to work on the projects that have been borderline been the last things able to keep me sane. I am not happy with myself, and this is a time where I do not know what to do. The fires in my area are causing me physical pain, and I even had an asthma attack the night before writing this. Every day I am losing more and more focus to more and more anger and not knowing what to do or who to talk to. I have been hating myself because I am not doing enough, demotivating myself, and doing even less the next day. It is a cycle that is dragging me further down into depression and anger.

This might have something to do with my bipolar disorder, this might be my autism, this might even be something else I do not know about, but all I do know is that I am not able to give myself much motivation, and other people cheering me on has not been helping either. 

I make this series to rant publicly about issues and hope to do some good by letting other developers know that even in a downward spiral it is okay to be emotional. I am doing badly, but I am sure I can get out of this. You can too if you are in a situation like this. I wanted to make this article really fast so I could just say my recent thoughts on how I feel like I am not good enough, and how I feel things are getting worse. Things will eventually get better, at least I hope. I just want to make sure others know they are not alone, no matter how it feels like it. Everyone deals with some negative emotions, including imposter syndrome, but all I can say is when you are 10 miles below rock bottom, you will eventually be heading up due to the nature of spherical planets.
🔥 Selenium Architecture Explained(with Demo)
Published: 2020-09-09 05:34:19

In this video,  This is the Day 1 of 30 Days of Automation Testing with Selenium, where we will learn How Selenium works and Selenium Architecture with Demo APIs.

{% youtube j6Mbt_ZN3Cg %}

We are starting out 30 Days of Automation Testing with Selenium, We will create our own Selenium Automation Framework from Scratch.

On this 30 Days Challenge, We cover Selenium Tutorial for Beginners

I have added Selenium Interview Questions and Anwser in the end also.

✅  What is Selenium?
SELENIUM is a free (open-source) automated testing framework used to validate web applications across different browsers and platforms. 

You can use multiple programming languages like Java, C#, Python etc to create Selenium Test Scripts. Testing done using the Selenium tool is usually referred to as Selenium Testing.

✅ What are the Selenium Components?
1. Selenium WebDriver 
WebDriver is a web framework that helps you execute cross-browser tests
- Support Different programming languages
- You to write the test scripts  - Code is executed in the browser that stimulates User Action

✅  How to WebDriver works?
- For each Selenium command, an HTTP request is created and sent to the browser driver.
- The browser driver uses an HTTP server for getting the HTTP requests
The implementation steps are executed on the browser.
- HTTP server sends the status back to the automation script
- The HTTP server determines the steps needed for implementing the Selenium command
- The execution status is sent back to the HTTP server
  
✅  Selenium 4 Supports W3 Protocol 
- Browser drivers will interact with Selenium WebDriver in W3C standard protocol
   
👉 Selenium IDE - Open source record and playback
👉 Selenium Grid - Multiple tests across different browsers, operating systems, and machines in parallel.
👉 Download Postman Collection of Selenium API - https://go.scrolltest.com/selenium-api
  
✅ API Testing using Postman -
https://www.learnapitesting.com

✅ Cypress Tutorial with LIVE Projects -
https://cypresstutorial.com

✅ REST API testing with Python -
https://masterapitesting.com
Console log with params
Tags: javascript, html
Published: 2020-09-09 05:32:28

Let's have a look at our best friend, `console.log`! It's such an amazing "tool" if we can call it that.
Logging is just making our life so much easier, and I use it all the time.

But did you know we can pass params in console.logs?

![Console.log with params](https://cdn.hashnode.com/res/hashnode/image/upload/v1599493165323/_L7KgHiSu.png)

## Types of params in console.log

- Strings: Use `%s`
- Integer: Use `%d` or `%i`
- Floats: Use `%f`
- Object hyperlink: Use `%o`

These are more than enough types and can come in handy!

## How to use params in console.log

To use params, we can place them in our console log as such:

```js
console.log('This %s will return the number %d', 'string', 10);
// This string will return the number 10
```

As you can see, we can give it multiple params at once. These are read in the order inputted.

So in the above's example, it will be `%s` first then `%d`.

Let's give them all a try:

```js
console.log('Let us %s a string', 'print');
// Let us print a string

console.log('The number %d is not the same as %i', 10, 11);
// The number 10 is not the same as 11

console.log('Even a float like %f will work', 10.233);
// Even a float like 10.233 will work

console.log('There is a good link: %o', 'http://stackoverflow.com');
// There is a good link: "http://stackoverflow.com"
```

Yes, you can also just add this in, but I prefer this way, just neater code and more readable!

Give it a try on your next project.

Find this example on Codepen.

{% codepen https://codepen.io/rebelchris/pen/xxVpNmv default-tab=js %}

### 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)
Responsive Infinite Client Logo Carousel slider 
Published: 2020-09-09 05:30:47

Showcasing the client's logo in a visually appealing way is one of the standard features that most successful websites have on their website to establish authenticity. Logo carousel slider is a beautiful way to showcase the company's logo that already received or receiving your services. If some big companies already received your assistance and you showcased them in the client logo carousel, it will surely help build your credibility as a company. If someone new comes to your website and goes through those brands, then there is a chance that they will try to obtain your services because he will think if those big brands trusted your company, then he should as well. So the brand logo or client brand logo slider is an integral part of a website. <a href="https://www.codingflicks.com/2020/07/responsive-infinite-client-logo-carousel-slider.html">Download the code</a>
Is the required skill level to work with AWS a business model?
Tags: discuss, aws
Published: 2020-09-09 05:17:50

Recently I am mostly working with AWS and I can't say I don't notice how much harder it is to work with (and still keep everything in order) than Azure. One or two mistakes and you are burning money. Another flaw in their design (in my opinion) is the structuring. If you miss the tagging part when creating resources you can easily lose track of where the bill is coming from.

So do you think this is a business model or just a "bad" design?

![hard](https://media.giphy.com/media/VMtTNzgBjvlHG/giphy.gif)
CloudWatch Series
Tags: cloudwatch, cloudcomputing, aws, serverless
Published: 2020-09-09 05:14:57

---
title: CloudWatch Series
published: true
description: A collection of CloudWatch articles
cover_image: https://www.sensedeep.com/images/blog/watching-clouds.jpg
canonical_url: https://www.sensedeep.com/blog/posts/series/cloudwatch/cloudwatch-series.html
tags: cloudwatch, cloudcomputing, aws, serverless
---

A collection of CloudWatch articles in one place.

## What is CloudWatch

<a href="https://www.sensedeep.com/blog/posts/stories/what-is-cloudwatch.html">
![CloudWatch](https://www.sensedeep.com/images/cloudwatch.jpg)
</a>

>Amazon CloudWatch is a unified monitoring service for AWS services and for your cloud applications. AWS CloudWatch collects and stores operational metrics and log files from resources such as EC2 instances, RDS databases, VPCs, Lambda functions and many other services. With CloudWatch, you can monitor your AWS account and resources and generate a stream of events or trigger alarms and actions for specific conditions.

<a href="https://www.sensedeep.com/blog/posts/stories/what-is-cloudwatch.html">What is CloudWatch</a>?

## CloudWatch Dashboards

<a href="https://www.sensedeep.com/blog/posts/stories/cloudwatch-dashboards.html">
![CloudWatch Dashboards](https://www.sensedeep.com/images/blog/cloudwatch/cloudwatch-dashboard.png)
</a>

>Amazon CloudWatch Dashboards is a feature of AWS CloudWatch that offers basic monitoring home pages for your AWS accounts. It provides resource status and performance views via graphs and gauges. Dashboards can monitor resources in multiple AWS regions to present a cohesive account-wide view of your accounts.

<a href="https://www.sensedeep.com/blog/posts/stories/cloudwatch-dashboards.html">CloudWatch Dashboards</a>.

## Cloud Logging Checklist

<a href="https://www.sensedeep.com/blog/posts/stories/cloud-logging-checklist.html">
![Cloud Logging Checklist](https://www.sensedeep.com/images/checklist-blue.jpg)
</a>

>Effective logging is an essential foundation for any cloud application or service. However, just doing print statements and dumping the logs in your [SumoSplunkDog](https://www.sensedeep.com/blog/posts/stories/you-dont-need-a-sumo-splunk-dog.html) logging solution does not guarantee effective logging nor the ability to quickly diagnose issues when the fires break out.

<a href="https://www.sensedeep.com/blog/posts/stories/cloud-logging-checklist.html">CloudWatch Logging Checklist</a>.

## A Better CloudWatch Logs

<a href="https://www.sensedeep.com/blog/posts/stories/sensedeep-a-better-cloud-watchlogs-viewer.html">
![SenseDeep](https://www.sensedeep.com/images/cloudwatch-transformed.jpg)
</a>

> Frustrated with CloudWatch and Serverless debugging? You don't have to be ... SenseDeep provides an easier way.

<a href="https://www.sensedeep.com/blog/posts/stories/sensedeep-a-better-cloud-watchlogs-viewer.html">A Better CloudWatch Logs</a>.

## More posts related to CloudWatch

[All CloudWatch Posts](https://www.sensedeep.com/blog/categories/CloudWatch)
Fedora CoreOS on Raspberry Pi 4
Tags: operatingsystems, coreos, raspberrypi4
Published: 2021-02-10 02:25:00

---
title: Fedora CoreOS on Raspberry Pi 4
published: true
date: 2020-09-09 05:00:00 UTC
tags: operatingsystems,coreos,raspberrypi4
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/mvr9uygt0sgav59liwsk.png
canonical_url: https://fwmotion.com/blog/operating-systems/2020-09-09-coreos-on-raspi4/
---

This guide walks through the steps to assemble a Fedora CoreOS image that targets aarch64, and then continues to installing it onto a USB drive. Afterwards, the USB drive is updated to include UEFI for the Raspberry Pi to facilitate booting.

Continue reading [Fedora CoreOS on Raspberry Pi 4](https://fwmotion.com/blog/operating-systems/2020-09-09-coreos-on-raspi4/) on my blog.
Covid ER Diagram
Published: 2020-09-09 04:49:58

In these current times, many people are cautious about their health and about taking precautions due to the present danger of the Coronavirus. There are many different measures and protocols people today have to take to make sure they are not exposed to covid-19. For this week's lab in IST 210, I am supposed to create a diagram that allows others to see how vulnerable they are to the virus, if at all.

In my Diagram, I branch out of the "Patients" category and have around seven subcategories they can look at. Other than patients, the other noticeable subcategories include "Occupation", "Lives In", and "Behaviour". Also in the same category as patients include their age, gender, family member's condition, patient ID, and the current/ prior condition of the patient.

Within the "Occupation" subcategory there are branches that look to see if the person wears a mask at work, are in contact with others while at work, and are provided insurance by their employer. Within the "Lives in" subcategory is another category for "Location". Here are branches for climate, culture, population density, and low/ high risk locations. Within the "Behaviour" subcategory are branches that classify if they are following protocols or not.

Other than the other branches, the "Location" and "Behaviour" categories connect to form the category "Hospital". In this category are branches that include if the person makes hospital visits, staff/ ICU/ room capacity, testing provided, and treatment/ testing options and costs.

Below is the link for my Youtube video that also describes my diagram for this Lab
https://www.youtube.com/watch?v=EBwKUAITMc4&list=PLJC-UamklQoh6tfBzp2qbBewzJJwFV987&index=2&ab_channel=PrajwalTurlapati
Deploy your Next.js App to Netlify in 2 minutes
Tags: nextjs, javascript, react, production
Published: 2020-09-09 04:23:33

Great, you have your Next.js app correctly working on your local machine. You now want to quickly deploy it online to share it with your friends or team. There are several CI/CD services that allow you to **publish your static website for free by simply connecting to the Github repository** where your project stands: 
* [Netlify](https://www.netlify.com/)
* [Surge](https://surge.sh/)
* [AWS Amplify](https://aws.amazon.com/amplify/)
* [Heroku](https://heroku.com)
* [Vercel](https://vercel.com/)

Let's focus on Netlify from here.

## Edit your package.json for production
If you created your Next.js app using the `npx create-next-app` command, your scripts object in *package.json* file should look like this: 
```json
  "scripts": {
    "dev": "next dev",
    "build": "next build ",
    "start": "next start"
  },
```

Modify it this way :
```json
  "scripts": {
    "dev": "next dev",
    "build": "next build && next export",
    "start": "next start"
  },
```

Now, when we create a production build with `npm run build`, it will export build files to the **out** directory.

## Setting up your Netlify account
This is the easiest part: 
1. Create your account [here](https://app.netlify.com/)
2. Click on **New Site from Git** 
3. Follow the linking workflow to connect your Github/Gitlab repo (the one with your Next.js app)
4. Make sure you set Deploy Settings like this :
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/0a1za5zpj77cdd5q2vu6.png)
5. Click deploy, wait a few seconds and boom, your app is live.
6. *Optional: [Connect a custom domain](https://docs.netlify.com/domains-https/custom-domains/) by editing the DNS A record of your domain*

From now on, every time you push a new commit to your Git repository, Netlify will automatically be informed to fetch updates and will then rebuild your Next.js project.

Enjoy & Best!
Github Actions for Documentation
Tags: actionshackathon, github
Published: 2020-09-06 12:06:56

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


### My Workflow
it was my first time using github actions to deploy my project documentation automatically. Previously, deployment for documentation itself was done "conventionally" and the exists of github actions is arguably very helpful for me. For the example itself, it will be deploying for Mkdocs site to github pages.


### Submission Category

DIY Deployments


### Yaml File or Link to Code

This is what my configuration looks like

```
name: Build
on:
  push:
    branches: master

jobs:
  build:
    name: Deploy docs
    runs-on: ubuntu-latest
    steps:
      - name: Checkout master
        uses: actions/checkout@v1

      - name: Deploy docs
        uses: mhausenblas/mkdocs-deploy-gh-pages@1.11
        env:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
```

The configuration itself it's pretty simple, but there are two ways for generating and building your documentation into github pages. The first way is to use a `PERSONAL_TOKEN` that we can create a secret key in the our repository, and the second way is to use `GITHUB_TOKEN` that automatically generated by github actions when a workflow runs so it's pretty convenient.

However, it's highly recommended to use a `PERSONAL_TOKEN` because it's safer rather than use `GITHUB_TOKEN`.


### Additional Resources / Info

This is the link for my github actions repository :

https://github.com/sodrooome/pure-datastructures

Please let me know if you have any feedback or if you want me to add new features! Thank you!
What kind of open source license should I use for my project?
Tags: opensource, license, question, help
Published: 2020-09-09 04:20:00

I am building an open source project, which allows the users to download the build _(version)_ of application, self-host anywhere and use it for either personal or business use.

Restrict:
* Resell the application build or source code
* Rebranding
* Distributing the modified version

Allowed:
* Private use
* Business use
* Modification _(use the modified code on your own or contribute back to original source code)_
* Distribution _(only the official application build or source code)_

> I do want to **leverage the power of open-source**, while **avoid mis-use of source code**.

Please let me know a license which can fulfil these set of conditions.

Thanks
How to level up to Senior Engineer
Tags: career
Published: 2020-09-09 04:10:01

Charity Majors had a [great thread](https://twitter.com/mipsytipsy/status/1303233899422605314) today with tips for leveling up to Senior Engineer.

Here is her #1 tip in my view: **Focus on impact.**

What does this mean exactly? "Impact" is a measure of how your technical work demonstrably _impacted_ the business. Did you ship a feature that was adopted by large N number of users? Did you fix performance so that ALL users felt the improvement? Did you improve a system so that it does the same work for a fraction of the $$? Did you solve a hard problem impacting a high value customer?

All of these things share the quality of solving a difficult engineering challenge that lead directly to an improvement in the business. These factors multiply, so the highest impact projects are often ones that balance some level of technical difficulty with high customer value.

So if you are trying to level up to senior engineer, ask yourself these questions:
1. Am I solving **hard** problems, or just knocking out a lot of tickets?
2. What is the **obvious** customer value of the problems I am solving? Have I talked to my manager or PM to understand that value?
3. Am I curating my time and effort to focus on 1 and 2? Or am I spending lots of time on other (generally important, but probably not AS important) activities?

## More tips

After you focus on impact, there are lots of other still-important factors in getting to senior. Some just off the top of my head:
* Work to understand most of the key technical parts of the system you are working on, even those outside your immediate area.
* Work to earn the respect of other senior engineers, by writing quality code, learning from PR comments, and engaging in design discussions.
* Help your manager do _her_ job by helping with task estimation, prioritization, and project tracking.
How to Learn Next.js in 2020
Published: 2020-09-09 04:09:20

Hey, I'm Arunoda(a former Next.js maintainer) & here's how my proposal to learn Next.js in 2020. This path is created for someone who has limited time to learn.

* [Learn some JavaScript & CSS](https://www.freecodecamp.org/learn)
* [Learn React with Hooks](https://egghead.io/courses/simplify-react-apps-with-react-hooks)
* [Start with Learn Next.js Guide](https://nextjs.org/learn)
* Think about an example app to build (or your product in mind)
* Do first 12 lessons of [Bulletproof Next](https://getstarted.sh/bulletproof-next)
* Start building your app


You will find many issues while building your Next.js app. Search for them on Google. If you didn't find something, maybe you are doing something wrong, or that's a known issue.

In either case, ask questions on Stackoverflow & [Next.js discussions](https://github.com/vercel/next.js/discussions).

### Reality 🤯

Let's talk about reality. You cannot do this in a **few hours**. Depending on your prior experience, it'll take a week or a month.

If you are new to web development, it will take up to a few months.

**Happy Learning! 🔥**
Use react-error-boundary to handle errors in React
Tags: javascript, react
Published: 2020-09-09 03:39:34


React 16 introduced a new concept of an “error boundary”.
An "Error Boundary" is a special component that you write to handle runtime errors. For a component to be an Error Boundary:

1- It must be a class component 🙁
2- It must implement either getDerivedStateFromError or componentDidCatch.

Luckily, we have react-error-boundary which exposes the last Error Boundary component anyone needs to write because it gives you all the tools you need to declaratively handle runtime errors in your React apps.

So let's add react-error-boundary package and render the ErrorBoundary component:

```javascript
import React from 'react';
import {ErrorBoundary} from 'react-error-boundary'
import "./style.css";

function ErrorFallback({error}) {
  return (
    <div role="alert">
      <p>Something went wrong:</p>
      <pre style={{color: 'red'}}>{error.message}</pre>
    </div>
  )
}

function Greeting({subject}) {
  return <div>Hello {subject.toUpperCase()}</div>
}

function Farewell({subject}) {
  return <div>Goodbye {subject.toUpperCase()}</div>
}

export default function App() {
  return (
    <div>
      <ErrorBoundary FallbackComponent={ErrorFallback}>
        <Greeting />
        <Farewell />
      </ErrorBoundary>
    </div>
  )
}
```
How to push remote changes to github with another account
Tags: github, productivity, webdev, beginners
Published: 2020-09-09 02:53:53

In git when we push changes remotely to another account we always get an error like. **Permission to x denied to y.** here y is the old account we used to keep pushing with.

Now when we are trying to push with different account to different repository it tells us that permission denied.
And we always changes just by 
`git config --global user.name or user.email` 
but doesn't work. Because the old account is stored in a cache what we call credentials. In windows or mac we simply remove the credentials with a click of mouse that's what everybody tells and that's Ok.

But what about Linux, where do we find the credentials to remove. You can not find a file in Linux which stores the credentials. To change them we need a command. 
`git config --global credential.username` 
( it lets u know the old username u're logged in with ) and to change it just type the account username you're trying to push the changes to. 
`git config --global credential.username "username"` 
that's all later on you will be prompted to provide password.