teleren/devto huggingface dataset:
How I cleared AWS Certified Cloud Practitioner
Tags: cloud, aws
Published: 2021-09-06 19:27:16

Recently I successfully passed my AWS Certified Cloud Practitioner (CLF-C01) exam. Here, I want to share my experiences, so you can judge better on why you should go for the certification, and how to prepare.

I got the opportunity to write the test through SheBuilds-CloudU program run by AWS. It's an eight week self paced learning program with a very supportive and positive community of mentors and participants from all around the world. I would definitely recommend it to females trying to explore cloud. 
_To know more_:
https://awscloudushebuildcpeapj.splashthat.com/


###About the certification
It gives you exposure to cloud fluency, foundational AWS knowledge and tests your basic knowledge of AWS platform.
https://aws.amazon.com/certification/certified-cloud-practitioner/


###The preparation
Overall, I had eight weeks from when I signed-up – to the day of the exam. This was clearly more than enough time to prepare. If you're a student like me, who has other commitments as well and whose only purpose is to clear the exam then a week of studying is enough. Nonetheless if you want to gain more exposure and knowledge, then you can avail hands-on-lab tutorials and explore AWS a lot more.

1. To get a raw idea about the exam and to get started, visit: 
https://aws.amazon.com/training/
2. https://aws.amazon.com/certification/certification-prep/ provides you with exam guides and sample questions which gives the idea about areas of focus in the exam. 
3. https://www.aws.training/Details/Curriculum?id=27076 is a free digital course provided by AWS to help clear your exam.

According to me reading AWS whitepapers, FAQ and practicing sample questions make clearing the exam easier. 

###_Some of the free resources_-
#####AWS Whitepapers & Guides
https://aws.amazon.com/whitepapers
#####AWS Exam Preparation Overview
https://aws.amazon.com/certification/certification-prep/testing
#####Practice exam
https://www.awsboy.com/aws-practice-exams/practitioner
https://testoutce.com/pages/aws-certified-cloud-practitionerpractice-quiz-clf-c01-quiz-1

Hope it helps!!!
![pic](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x8odk80sbdfms8cxuq2c.gif)
Coding Games
Tags: beginners
Published: 2021-09-06 19:26:13

Hi everyone,

I just read this post below on FreeCodeCamp:

[FreeCodeCamp](https://www.freecodecamp.org/news/12-free-coding-games-to-learn-programming-for-beginners/#codingame)

And I am just sharing to beginners programmers!

## Sites
 * [Codingame](https://www.codingame.com/start)
 * [CSS Diner](https://flukeout.github.io/)
 * [Flexbox Froggy](https://flexboxfroggy.com/)
 * [Flexbox Defense](http://www.flexboxdefense.com/)
 * [CSS Grid Garden](https://cssgridgarden.com/)
 * [Code Combat](https://codecombat.com/)
 * [Scratch](https://scratch.mit.edu/)
 * [Tynker](https://www.tynker.com/)
 * [SQL Murder Mystery](https://mystery.knightlab.com/)
 * [Unstrusted](https://alexnisnevich.github.io/untrusted/)
 * [Elevator saga](http://play.elevatorsaga.com/)
 * [CheckiO](https://checkio.org/)

I already knew some of these sites, others didn't

I recommend Codingame, if anyone wanna follow me there:
[Peres at Codingame](https://www.codingame.com/servlet/urlinvite?u=1638407)

Thanks!
The Lazy Automated React Portfolio
Tags: react, portfolio, tutorial, firebase
Published: 2021-09-06 19:18:59

## :hear_no_evil: Background

As lazy as I am. 

I always wanted to make a small project before investing 200 hours. 

For this project, my goal was to explore React JS and how to build a simple portfolio that can work in less than 5 minutes.

## :rocket: Demo & Repository

Demo: https://portfolio-a541e.web.app/

Github: https://github.com/poboisvert/PortfolioReact

## :vulcan_salute: Still Interested?


> Change with you favorite URL in the top menu to fetch your repository

```
client/src/components/Header/Header.js
```

> Kindly adjust the file to your repository and projects to highlight.

```
client/src/api/GithubAPI.js 
```

> Also edit the articles that you feel are important to share

```
client/src/components/Articles/FetchArticle.js
```

## :money_with_wings: Will it pay off?

I would say yes because I use effective deployment technology (Firebase, React and CI/CD of Firebase) that are well democratized. Users will connect with your portfolio by the articles and the thumbnails.

## :pill: Summary

In the than 5 minutes you can locally run a portfolio and highlights your favorite repository and articles.
Get a free SSL For Lifetime 
Published: 2021-09-06 19:16:58

Hey, You can use the cloudflare ssl for life time free including with their DDOS protection and CDN its a great option which is you can use right now if you are looking for a free SSL Certificate  
I will give a video link here so you can refer how to config that with your domain 
https://www.youtube.com/watch?v=H7-QRnw7tCA
Marking up FAQ's with Schema.org
Tags: laravel, php, schema
Published: 2021-09-06 19:03:28

I recently built [UKAreaCodes.info](https://www.uk-area-codes.info) as an experiement in deploying apps to Digital Ocean's App Platform.

In this article I'm going to breifly explain how I utilised the Rich Snippets / Structured Data FAQ's (Frequently Asked Questions) Schema to display in SERPS.

The schema amongst others is defined by [schema.org](https://schema.org) and allows the following search enhancement

>An "accordion" of your question and answer directly on Googles SERP.

![FAQ Search enhancement](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/x496d5axrdrorbw9awq6.png)

To obtain this you simply need to add a JSON snippet like the example here.

```
<script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "FAQPage",
        "mainEntity": [{
            "@type": "Question",
            "name": "Can you find out who called me from this number?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "<p>Often we get asked whether we can identify callers by their phone number, whislt some sites offer this functionality we do not at this point, it may be added in future. We simply help you identify the geographic location the call originated from.</p>"
            }
        }, {
            "@type": "Question",
            "name": "Why does UK Area Codes site exist?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "We created UKAreaCodes.info to help people look up area code locations for number that are calling them."
            }
        }]
    }
</script>
```
Setting up a Next.js storefront for your Medusa project
Tags: jamstack, nextjs, javascript, opensource
Published: 2021-09-06 18:35:52

![Medusa storefront](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k1repyme0xw6h3yj1ibw.gif)
[Medusa](https://github.com/medusajs/medusa) is a headless open source commerce platform giving engineers the foundation for building unique and scaleable digital commerce projects through our API-first engine. 

Being headless, our starters serve as a good foundation for you to get coupled with a frontend in a matter of minutes.

This article assumes you already have the Medusa project created and ready to be linked to your Next.js starter.  

## Getting started

In order to get started let's open the terminal and use the following command to create an instance of your storefront: 

```zsh
npx create-next-app -e https://github.com/medusajs/nextjs-starter-medusa my-medusa-storefront
```

Now we have a storefront codebase that is ready to be used with our Medusa server.

Next, we have to complete two steps to make our new shiny storefront to speak with our server: **link storefront to a server** and **update the `STORE_CORS` variable**.

Let's jump to these two.

## Link storefront to a server

For this part, we should navigate to a `client.js` file which you can find in the utils folder.

We don't need to do much in here, but to make sure that our storefront is pointing to the port, where the server is running

```js
import Medusa from "@medusajs/medusa-js";

const BACKEND_URL = process.env.GATSBY_STORE_URL || "http://localhost:9000"; // <--- That is the line we are looking for

export const createClient = () => new Medusa({ baseUrl: BACKEND_URL });
```

By default the Medusa server is running at port 9000, so if you didn't change that we are good to go to our next step.

## Update the `STORE_CORS` variable

Here let's navigate to your Medusa server and open `medusa-config.js` 

Let's locate the `STORE_CORS` variable and make sure it's the right port (which is 3000 by default for Next.js projects)

```jsx
/* 
 * CORS to avoid issues when consuming Medusa from a client.
 * Should be pointing to the port where the storefront is running.
 */
const STORE_CORS = process.env.STORE_CORS || 'http://localhost:3000';
```

Now we have a storefront that interacts with our Medusa server and with that we have a sweet and complete e-commerce setup with a Next.js storefront.

## Learn more

If you want to discover the endless possibilities of Medusa's ecosystem you can find a lot more useful resources on [our docs page](https://docs.medusa-commerce.com/) which can help you to build your awesome commerce project!

If you need help or have questions about how to use Medusa feel free to join our [Discord](https://discord.gg/ruGn9fmv9q) to get direct access to our engineering team.
Javascript With Loop
Published: 2021-09-06 18:29:21

Loop is a very important thing in every programming language. When we need to do something again and again and also need to control the infinite process. At this time we are use Loop. 

Today we apply this in Javascript Language. Javascript have 5 kinds of loop. 
1. for 
2. for in 
3. for of
4. While 
5. Do while

1. for loop : 
for loop have a simple syntax, as usually, we need to use define some statement after for loop keyword. normally for loop working with array.

2. for in loop working with an object. If we need to get object element then we are using this loop.  

Ex:
``` javascript
let dt = [
    'mahin','tazuar'
  ]
  for (d of dt){ 
    console.log(d) // mahin ,tazuar
  }
```

3. for loop working with an array, It's a simple return array element.
``` javascript
let data = {
      name:'mahin',
      age:34
   }
  for (a in data){ 
    console.log(data[a]) // mahin , 34
  }
```
4. That is simple and like for loop
5. Do while loop, when we need to do something after we are starting our loop in this time we are using do-while loop.
```javascript
 let data = [1,34,343,5345,4656,56]
  var i = 0;
  do {
      console.log(data[i])
    i++;
  }
  while (i < -1);
```
do while loop , real life example - 
suppose your hand is not clean , so you use do loop and wash your hand. then while loop check the hand if the hand is clean execute the while otherwise loop is start agin.
About Browser {Day - 24}
Tags: 100daysofcode, javascript, beginners, webdev
Published: 2021-09-06 17:59:44

#100daysofcode {Day -24}

Learning how the browser works, location, cookies, storage information, local storage recovery, and much more! I am trying to learn my best. I will be greatly benefited if you give me advice on how I can improve further. Thanks, everyone
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gx7wuxuxx3o33q0hcxop.png)
SITCOM TRIVIA QUIZ!!;)
Tags: python, firstyearincode, githunt, vscode
Published: 2021-09-06 17:45:21

Hey, all sitcom lovers!
I have just the right thing for you. I present to you a SITCOM TRIVIA QUIZ that is sure to entertain you. Built entirely of python, it is my first try at a python project. 
So, let me tell you a bit about this game/quiz.
This game has two rounds namely:
Round_1: SITCOM TRIVIA which will include 10 multi choice questions from a sitcom show of player's choice from the three given options.
Round_2: FRIENDS TRIVIA which will include 15 multi choice questions from the most popular show friends.
Rules are as below:
(1)Each correct answer yields a +1 whereas incorrect answer will give you -1. You may skip a question if you want by entering '0' into answer which will lead to no negative marking.
(2)For entering round_2 you need atleast 7 points in round_1.
(3)You have one lifeline to assist you in case you need it in round_1, namely:
1.Change the question - it will change the question.Enter '-1' into the terminal to avail it.
Note that it can be used only once through a single round.
(4)For round_2 you will have two lifelines which can only be used once throughout the round namely:
1.Change the question - it will change the question. Enter '-1' to avail this lifeline.
2.50:50 - It will remove two wrong choices out of the four provided. Enter '5050' to avail this lifeline.
Note - You cannot use the two lifelines in the same question otherwise 0 marks will be awarded.
ENJOY the game:))
Here is the link to github repository:
https://github.com/divya15038/Python3
Mom, I programmed my first HELLO WORLD🌟
Tags: begginers, productivity, programming, motivation
Published: 2021-09-06 17:38:26

Sometimes it's good to remember the happiness we felt at the beginning of our journey. 

Do you remember? Almost like a welcoming ritual, the first program we learn to code in any language is the famous "Hello world".

When you're not expecting it, that day comes: you're sitting in front of a computer. 🖥️

We hear the sound of the keys and for the first time we type a line of code. On the screen we see the dreamy Hello World! 🌏  


It greets us and celebrates our first grain of sand in this world. Our first grain of bits. It's the beginning.  


> It makes us feel powerful. As if we have the ability to do even the impossible. Welcome to the world of programming 🖥️  

Sometimes developing becomes frustrating. It makes me angry, it makes me sick, it makes me ill. Sometimes it makes me feel like I can't do it.

That's why it's good to go back to feeling like that little person who was discovering everything for the first time.

My first Hello World was in ***C++***  
 
Pure magic. How happy I was!  

Do you remember in which language was your first Hello World? Tell me :)
FULL-STACK DEVELOPER ROAD MAP
Tags: fullstackdeveloper, datascience, deeplearning, django
Published: 2021-09-06 17:36:15

A full-stack developer is a web developer or engineer who works with both the front and back ends of a website or application — meaning they can tackle projects that involve databases, building user-facing websites, or even work with clients during the planning phase of projects.
.
There are three main categories in development:

Front end development (the visible parts of a website or app)

Back end development (the “under the hood” databases and infrastructure)

Full-stack development (a hybrid of both). Full-stack can apply to a web stack, mobile stack, or a native application stack (i.e. software programs for specific devices)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9oeqd55p8l4a97uh36p0.png)
Java Anonymous Inner Class
Tags: java, anonymousinnerclass
Published: 2021-09-06 17:30:03

A nested class doesn't have any name is Known as anonymous inner class.
anonymous inner class can be used in two ways

**for overriding purpose**
> 
If the purpose of class is only to override method ex:  purpose of creating B class to override fun1 
 in this case you don't need to create B class 

```java
class A{
    void fun1(){
        System.out.println("fun1 in A ");
    }
}
class B extends A{
    void fun1(){
        System.out.println("fun1 in B");
    }
}

``` 

```java
public class Program1
{
    public static void main(String[] args) {
        // A a = new B();
        // a.fun1(); //fun1 in B

        A obj = new A(){
            void fun1() {
                System.out.println("Anonymous Overidden method ");
            }
            // can't create 
            // void fun2(){
            //     System.out.println("fun2 method ");
            // }
        };
        obj.fun1(); // Anonymous Overidden method 
    }    
}

``` 

**Anonymous class with Interface**

```java
interface I1{
    void fun1();
}

class Implementor implements I1{
    public void fun1(){
        System.out.println("Implementation of fun1");
    }
}
``` 


> 
if role of implementor class is only to implement I1 interface , so you can create anonymous inner class , you don't need to create implementor class 

```java
public class Program2 {
    public static void main(String[] args) {
        // Implementor i1 = new Implementor();
        // i1.fun1(); //Implementation of fun1

        I1 i = new I1(){
            public void fun1(){
                System.out.println("Anonymous implementation");
            }
        };
        i.fun1(); // Anonymous implementation
    }
}
```
6 Tips To Beat The Take Home Coding Test
Tags: career, programming, codenewbie
Published: 2021-09-06 17:09:05

Take home coding tests are seen by many as the ideal alternative to stressful in person live tests. While that may be true to a certain extent, it doesn't mean that there aren't pitfalls to be wary of, here are my 6 top tips for making sure you crack your next take home test:

1. **Make sure you know exactly when the test is due**, they might be casual about it but see if you can nail them to a deadline. This would be expected in a job and so you should do the same here, it actually works in your favour as well, if they want it done in 24 hours and you had been thinking "I'll get to it at the weekend" you can now re-asses.
2. **Don’t be afraid to ask questions about it if you need to**. It’s unlikely that they have covered off literally everything in the spec. If you are short on time and just want to get started then add a comment to the readme about an assumption you made that saved you asking a question.
3. **Add a readme, explain your thinking and approach**. At the end of the readme add some notes on what you found challenging and how you would improve it. Make sure the readme contains all steps required to get the project up and running so that they can run it locally if they want to.
4. **Ideally host it as a Github repo and send them the link to it**. Emailing projects with many files zipped up can be flaky.
5. **Flag best practice breaches**. If you go down the Github route and have passwords or API tokens in your code then highlight in the readme, or in a comment, that you know this is bad practice but for the purposes of the test you have included them. If the test specifically tells you not to do this then don’t, however that’s getting beyond what I think would be expected of in a reasonable take home test.
6. **Don’t solve more than they ask for**, the idea here is that you have been given a task to do to assess your coding skills and your ability to follow instructions. By all means do a good job but this isn’t the time to “express yourself”.

There you have it, everything you need to make sure your next take home test.

If you want more like this head over to [CareerSwitchToCoding.com](http://careerswitchtocoding.com) and sign up to the mailing list for a free chapter from my book 😀
Google Cloud: Artifact Registry
Tags: googlecloud, java, webdev, cloud
Published: 2021-09-06 16:48:59

Welcome to my first post, I hope this helps you for your future projects.

Recently in my company we have started to migrate everything to Google Cloud Platform. In this process, we have found a new service that we did not know about it. This service is Artifact Registry.

After searching for information about the service, it seems that it is an upgrade from an old service, that it's called Container Registry which is basically a Docker image repository.

The new thing is that it adds support for language packaging for Java, Node.js and Python, even OS packages like Debian.

That was interesting, in my company we work with Java and Spring and this can be useful for storage artifacts and have our own artifacts repository for Maven and Gradle.

I suppose there will be many people who already know it, but I have wanted to do a post writing about it because if someone does not know it yet, can be useful.

A greeting!

[Link to Artifact Registry](https://cloud.google.com/artifact-registry)
Customize your terminal on Manjaro using ZSH with powerlevel10k, Autosuggestion and Syntax Highlighting plugin
Tags: linux, archlinux, manjaro, zsh
Published: 2021-09-06 16:33:52

#Step 1. Install ZSH
```
sudo pacman -S zsh
```

#Step 2. Make ZSH default
```
chsh -s $(which zsh)
```

#Step 3. Install font for powerlevel10k
Download these four ttf files and then install by double clicking each of them.
*[MesloLGS NF Regular.ttf](https://github.com/romkatv/powerlevel10k-media/raw/master/MesloLGS%20NF%20Regular.ttf)
*[MesloLGS NF Bold.ttf](https://github.com/romkatv/powerlevel10k-media/raw/master/MesloLGS%20NF%20Bold.ttf)
*[MesloLGS NF Italic.ttf](https://github.com/romkatv/powerlevel10k-media/raw/master/MesloLGS%20NF%20Italic.ttf)
*[MesloLGS NF Bold Italic.ttf](https://github.com/romkatv/powerlevel10k-media/raw/master/MesloLGS%20NF%20Bold%20Italic.ttf)

#Step 4. Log Out / Restart your machine


#Step 5. Change Terminal font
First of all make sure your default terminal is ZSH by `echo $SHELL`. The return should be `/usr/bin/zsh`

Then from terminal goto `Settings > Edit Current profile > Appearance > Choose > MesloLGS NF`
![Konsole Profile Settings Window](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9wrlt903h0hkqy7uwmel.png)
![Konsole font choosing window](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ghybl6j4v3vfzb043otf.png)

#Step 6. Powerlevel10k installation

Clone the repo
```
git clone --depth=1 https://github.com/romkatv/powerlevel10k.git ~/powerlevel10k 
```
Source the powerlevel10k theme script in your .zshrc
```
echo 'source ~/powerlevel10k/powerlevel10k.zsh-theme' >>~/.zshrc
```

#Step 7. Configure Powerlevel10k

Close and reopen terminal. You should prompt with powerlevel10k configuration
![powerlevel10k configuration](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nma3ekshckihfqfcizns.png)

If you don't get anything like this then run `p10k configure`

#Step 8 (Optional). Fix "p10k configure: cannot create /usr/share/zsh/p10k.zsh because /usr/share/zsh is readonly" error

After running `p10k configure` if you get this error follow this step.
```
kate /usr/share/zsh/manjaro-zsh-prompt
```
You can use `nano` or other text editor instead of `kate`

Now put a `#` at the beginning of `line 15` or copy and replace this at `line 15` then save the file.
```
#[[ ! -f /usr/share/zsh/p10k.zsh ]] || source /usr/share/zsh/p10k.zsh
```
![/usr/share/zsh/manjaro-zsh-prompt source code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6o0afckruc5ob7isvyqo.png)

Now close and open terminal again to get the configuration wizard.
![powerlevel10 configuration wizard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h1q1k4zvvcdkh459v3ef.png)
 

#Step 9. Install Autosuggestion and Syntax Highlighting Plugin
```
git clone https://github.com/zsh-users/zsh-autosuggestions ~/.zsh/zsh-autosuggestions

echo 'source ~/.zsh/zsh-autosuggestions/zsh-autosuggestions.zsh'>>~/.zshrc 

git clone https://github.com/zsh-users/zsh-syntax-highlighting.git

echo 'source ./zsh-syntax-highlighting/zsh-syntax-highlighting.zsh'>>~/.zshrc 
```
Run these 4 command then restart the terminal and see the magic!!!