teleren/devto huggingface dataset:
I made an open source platform to learn Computer Science . Check it if you are interested in MERN stack


Tags: javascript, webdev, react, computerscience
Published: 2021-06-06 19:37:41

Learn to build any SaaS product through devKamet, an interactive platform to learn the essentials of Computer Science, Data Structures, Algorithms, and Operating Systems using Golang 👩‍🚀

![screely-1621832305861](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wo1qrdwayex2szmpryes.png)
 
This is for people who wants to learn more about:
- Frontend architecture
- Application server architecture
- Modern codebase with current tech stack
- How to connect to the server properly
- How to re-use your UI very fast and efficiently
- React Authorization, State management with reducer & context
- JWT Authentication
- medium to large codebase
- How to create in browser IDE to code in almost any language
- And so much more!
The work is still in-progress , I open source it to see if someone will find it useful and learn more from the codebase and the whole repo ✨
[Check the Github repo](https://github.com/abdulrahmanAlotaibi/devkamet)
Useful Resources to Learn Quantum Computing 2021

Published: 2021-06-06 19:31:43

http://esgenv.com/xev/videos-mayweather-v-paul-fight-live-tv-hd.html
http://esgenv.com/xev/videos-mayweather-v-paul-fight-live-tv-hd1.html
http://esgenv.com/xev/videos-mayweather-v-paul-fight-live-tv-hd2.html
http://esgenv.com/xev/videos-mayweather-v-paul-fight-live-tv-hd3.html
http://esgenv.com/xev/videos-mayweather-v-paul-fight-live-tv-hd4.html
dfsdfsdfsd
Published: 2021-06-06 19:31:07

http://esgenv.com/xev/videos-mayweather-v-paul-fight-live-tv-hd.html
http://esgenv.com/xev/videos-mayweather-v-paul-fight-live-tv-hd1.html
http://esgenv.com/xev/videos-mayweather-v-paul-fight-live-tv-hd2.html
http://esgenv.com/xev/videos-mayweather-v-paul-fight-live-tv-hd3.html
http://esgenv.com/xev/videos-mayweather-v-paul-fight-live-tv-hd4.html
Bugdemic
Tags: beginners, programming, watercooler, devjournal
Published: 2021-06-06 19:03:38

*Bugdemic*

It all started with a thought,
Write it now, think of it later,
Hard-code it now, write the hard code later.

Meeting the target is more important,
As the deadline ticks,
Plus we want carrots not sticks, 
But now, guess who is the bunny?
Oh! These bugs. It stings!

The business has since lost it's cool,
And can't be patient,
Hence no need for test cases.
So the bugs spread further. 

The bugdemic is here to stay,
It's symptoms are cold.
Not DRY. Not SOLID.
Doesn't spread via a KISS.
But annoying like a miserable git.
As every newest version can't be controlled.

So here comes another week of regression. 
Another day in this bugdemic.
And I have just a single responsibility.
To clear these bugs,
That came from just a thought.


*Bugdemic*
آکادمی مشاغل ایران
Published: 2021-06-06 18:58:31

قبل از هر چیز لازمه خودم رو معرفی کنم.

سلام من سعید دین‌محمدی هستم از آکادمی مشاغل , اگه برای اولین بار هست که با سایت ما آشنا میشی می تونم اینطوری خودمون رو معرفی کنم که ما مجموعه ای هستیم که تو اون به افراد کمک می کنیم بهترین شغل و کسب‌وکار متناسب با خودشون رو پیدا کنند و اون رو راه اندازی یا تو اون مشغول به فعالیت بشوند.

سه تا گزینه برای نتیجه گیری بهتر از این سایت , براتون دارم :

اگه که دنبال همین شغل بودی و تصادفی اینجا نیستی برو سراغ ادامه مقاله و لذتش رو ببر
 

 اگه تو انتخاب شغل مناسب برای خودت نیاز به همفکری داری بر روی دکمه زیر کلیک کن.


 و یا اگه می دونی چه شغلی می خوای و نمی دونی از کجا شروع کنی بر روی دکمه زیر کلیک کن.
شغل , کسب و کار , مشاغل

خب برسیم به ادامه مقاله..
How to Translate Some Text into Pseudocode
Tags: skillcrush, computerscience
Published: 2021-06-06 18:54:26

Let’s write some pseudocode! The first challenge in this lesson is a guided exercise. Students are given a scenario to translate into some pseudocode.

However, Skillcrush has already done most of the work by writing most of the instructions. Students just fill in the blanks with the right keywords. Here’s our scenario below.

> Tonight Jill is going to make her famous stir fry – which is so delicious because she’s very particular about the order in which she cooks her ingredients, which she chops before she starts cooking. Once she’s done, here’s what she does:

> - She adds sesame oil and coconut oil to the pan and gets it nice and hot
> - Then she adds carrots and onions, which she simmers until they’re both nice and soft
> - Then she adds her chicken, along with just a little bit of soy sauce
> - Then she adds her zucchini
> - Then sugar snap peas</li>
> - Then right at the end, she adds a dash of mirin and a bit of chili oil

> Then her stir fry is done! She dishes some completed stir fry onto her plate, adds a bit of sriracha, soy sauce, and sesame seeds, and eats up her perfect stir fry!

### Solution
Let’s take this one step at a time. First, let’s make a statement to input the sesame oil and coconut oil. We want to use input here since that is similar to adding something to a website.

You will be using input for the next five steps for the other ingredients. Don’t worry about adding details about the temperature or texture. We just want to get the important information into the pseudocode.

#### Time for the final touches!
For step six, we will output the stir fry. Output the stir fry is where we will have a completed stir fry. Next, you will want to store everything in a variable so we will add the store keyword for stir fry.

Now that the stir fry is stored in a variable, you just need to add the garnishes. We will do this by adding the input keyword for the remaining ingredients. The last thing you need to do in this exercise is output the stir fry with the garnishes. You will do this by adding one last output with stir fry.

#### Finished Pseudocode
Here’s the finished pseudocode. Pseudocode will vary for each developer on this exercise. The goal here isn’t to get too bogged down in the details. Instead, you want to get text written in a way the computer would be able to understand.

```
INPUT sesame oil and coconut oil
INPUT carrots and onions
INPUT chicken and a little bit of soy sauce
INPUT zucchini
INPUT sugar snap peas
INPUT dash of mirin and a bit of chili oil
OUTPUT stir fry
STORE stir fry
INPUT sriracha, soy sauce, and sesame seeds
OUTPUT stir fry
```
I'm a newbie. Should I create contents?
Published: 2021-06-06 18:48:11

**Short Answer**

Yes.

**Long Answer**

There is no one person who's know everything. As the same, has no one person who's know nothing. All content you're been creating should be at the same level of the challenges you're passing by in your career. And if you don't feel challenged, maybe this have to be your actual challenge, and you have to talk about it.
A regular person work for thirty years or more. Over this years, a different types of skills can be demanded, and probably never two times at the same way. So, if you really feel and if you really want to share with the community something relevant, I'm a hundred per cent sure you have a thing to say. And if you share what you want to say, I totally believe who someone in someplace can be helped for this.
And if even so you don't feel good enough to share technical stuffs, share your experiences, your fears, your way to solve this feeling. Soft skills are a skill too.
How to Solve the Identifying Some Variables
Tags: skillcrush, computerscience
Published: 2021-06-06 18:46:17

Skillcrush has students do a challenge where they practice identifying variables in a scenario. In this scenario, Becky is the maid of honor at her best friend’s wedding. She is trying to figure out the bridesmaid ensembles so it will work for all the bridesmaids. 

Below is the scenario Skillcrush gives students.

> Some of them want a strapless dress, while others want a halter top or spaghetti straps. Some want a long dress, and some want tea-length. The bride doesn't care what color the dresses are, so long as they are one of her colors (persimmon, clover, or silver) and so long as the bags and shoes are the same color.

> The one thing they can all agree on is that they want flat shoes that are good for dancing, but whether they are Mary Jane or ballet flats is still up for discussion.

### Solution
So what are some of the variables you might find in this situation? There are 7 variables students can find in this scenario. Here’s a list of the 7 variables you can find in this scenario.

```
STORE dress top type 
STORE dress length
STORE dress color 
STORE shoe color 
STORE shoe type
STORE bag color
```

These are good variable choices because the values will vary for each bridesmaid since there are multiple options for each item.
Topics under Ethical Hacking & Cyber Security
Tags: cybersecurity, codenewbie
Published: 2021-06-06 18:27:43

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

Cyber Security & Ethical Hacking

Need of cyber security

Ethical hacking

Types of hackers

Penetration Testing

Footprinting

Footprinting techniques


Cryptography

        Types of Cryptography

        Symmetric / Asymmetric

        Digital Signatures

        Hash functions


Computer Networks & Security

        Computer Network Architecture; Layered Architecture

        OSI Model

        TCP / IP Model

        Common Network Threats


Application & Web Security

        Web server architecture & attacks

        Web client architecture & attacks

        Counter measures & patch management


Identity & Access Management (IdAM)

        Authentication

        Authorization

        IdAM

        Password protection

        Identity threats


Vulnerability Analysis (VA) & System Hacking

        VA Types

VA Lifecycle

VA Tools

Vulnerability scoring system

VA Report

System Hacking

Password cracking

Privilege escalation, hiding files, clearing logs


Sniffing & SQL Injection

        Malware & its types

        Sniffing attacks & its types

        SQL injection & its types


Denial of Service (DoS) & Session Hijacking

        DoS attacks & symptoms

        DoS detection

        System Hijacking

        Session / Application level hijacking

Intrusion Detection Systems (IDS) & types

Firewalls & Types

Honeypots

Evading IDS

-------------------

###### Sources of Reference : 
[Video](https://youtu.be/RNwMeijExjg)
[Drive](https://docs.google.com/document/u/0/d/1VxmEzrYh0-a76qY_r1LLSjcxN1hYB6l5VRlun1XZb8g/mobilebasic)


-------------------

`I hope you find it useful, and wish you best for your coding journey. Just a last advice - "Never do anything for earning, do it for learning because greed never dies."`
`Keshav Raturi`
Know if you can click on a short URL or not
Tags: security, technology, staysafeonline
Published: 2021-06-06 18:24:12

These days whenever we post a **URL** (*Uniform Resource Locator / Link*) on any social media site, it will be converted to a short URL with that specific site's domain in it.

This is ok, because the shortened URL will reduce the number of characters in the post and also when you look at a post with a long URL (more than 25 characters in it), it will no look good.

But, we often receive messages over **WhatsApp** or other social media websites, sometimes even as SMS on our phone with short URLs in them, asking us to visit that URL to claim a gift or something else.

The main problem here will be that most of these short URLs will be created by using services which are free and you really cannot tell where you will be redirected by clicking on it.


### Then how to know what's behind the short URL?

There are a few websites and services which will tell you what is behind a short URL and where you will be redirected once you click on it.

One such service is **ExpandURL** - [Link](https://www.expandurl.net/)



### How to use ExpandURL?

First go to ExpandURL and there you will see a page like this,
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/p8775x7xdsq6b46cscbb.png)


> Paste the short URL (which u received as a message) in the *input text field* and click on **Expand URL**


The service will check the short URL and will give you results of it. The results will be shown like this,
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wf6hkv95yv0g8xr29ahq.png)


Results will include,
* the number of redirects made from the short URL to the expanded URL (long URL)
* Available Meta description, and keywords
* Content-Type 
* Whether the link appears to be safe or not (Google Safe Browsing)

> This is only a way to check where the user will be redirected after clicking on the short URL and whether the URL is appearing to be safe or not.


After confirming that the URL is safe and clicking on it, you should also check the content on that website.

Sometimes, the URLs (long URL) of the phishing websites will also appear to be safe, ultimately it is us who should decide whether you can stay on that site or should leave immediately.
My Dev Journey: Week 5
Tags: javascript, codenewbie, beginners, bootcamp
Published: 2021-06-06 18:22:06

This week was another 4 day week, thanks to the bank-holiday Monday we had, whilst I was itching to get going this week, it was really refreshing to split two distinct parts of the bootcamp up, by having a long weekend.

This week is the start of the back-end block, and just like the JavaScript fundementals block it will last for 3 weeks, and oh boy has it been a fun start to the world of backend!

If you've enjoyed any of my blog series, then maybe consider following me on [GitHub](https://github.com/fearneyork) 😁

## What I've learnt this week

### Node HTTP

We started our first week in back-end off by creating our own local servers using the node HTTP module, whilst it was fun to start the back-end section, I couldn't help but think there was better way to do this every step of the day.

### Express.js

As is common now at Northcoders, we get shown a way to accomplish a goal, usually in a legacy or verbose way, that we can then build upon the fundemental understanding with frameworks or modern tools that can improve your workflow as a developer. This is especially true of the idea of moving from Node's HTTP module, to something like Express.js. We started out by refactoring our code from Day 1, but in a way that uses Express to make the whole process a little less bloated.

### MVC Pattern

We also spent some time learning about the MVC pattern and implementing the ideas into some working examples. The MVC has been good to learn because a concern of mine was with how needlessly large some of the files were becomming for our app sprints.

### Introduction SQL

Wow! I really enjoyed starting to work with SQL, its been great to take a small break at the back end of this week, and dip my toes into the luke warm waters of another language. I can for sure see why many people on the course preferred to *not* do the SQL stuff, but I actually really enjoyed it.

## Resources I've found useful this week

### SQLBolt

For sure, [SQLBolt](https://sqlbolt.com/) was a lot of fun, and for me a great way of picking up the basics of SQL in small chunks and easily digestible. My only advice is get a solid understanding of the difference of longitude and latitude, because in my head the words kind of mesh together and lose all meaning (just because I was fidelling around with the longitude/latitude challenge for ages).

### Insomnia

[Insomnia](https://insomnia.rest/) was great for sending and receiving data to the local servers we were creating and display all the info I need at this stage in a really simple way.

### Express.js and Node HTTP docs

The [Express](https://expressjs.com/) docs and the [Node HTTP](https://nodejs.org/api/http.html) docs have been great for answering queries in a quick way as usual with all of the relavant docs to all of the tech we've used so far at Northcoders.

### W3Schools

[W3Schools](https://www.w3schools.com/sql/sql_intro.asp) is an absolutely fantastic resource for any JS and SQL queries, as well as many other languages.
Use this tool to make color palette for your next project.
Published: 2021-06-06 18:19:34

Whenever we design something we usually use color and it gives our project feel and texture, any project must have a color schema like hierarchy for colors.


### Coolors.co
[Coolors.co](https://coolors.co/) is the best website I think to choose colors from, it throws random colors and you can make a color palette out of it.

The tools [Coolors.co](https://coolors.co/) have are super cool you can do what ever you want from the colors.

Other than usually color picker chart it also have a color picker for photos means you can pick colors from your photos and make a palette.

There a weird feature also called the color blindness mode where you can select what type of color blind one is and it will filter the color for them.


> _Coolors was released in 2014 and it maker is [Fabrizio Bianchi](https://twitter.com/_fbrz)_
Trabajar duro vs trabajar inteligente
Published: 2021-06-06 18:08:40

Aquí una imagen para representar
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f7ti8rga6epz5giq7mfs.JPG)

Me parece y recomiendo que trabajar de forma inteligente nos permite mantener nuestra energía y ser más efectivos con el tiempo que tenemos para determinado trabajo, de lo contrario, necesitaremos más tiempo y al mismo tiempo con menos energía para el siguiente trabajo.
AWS API Gateway | Introduction | Hands-on | Certification tips | AWS Community Builders
Tags: aws, cloud, devops, awscommunity
Published: 2021-06-06 18:07:34

As a part of AWS Community Builder, from now onwards will share my learnings and experience what I have gained from the AWS community ecosystem.

I also try to provide rich quality content – with a few questions and answers in the end that will help in preparing certification exam.

Please provide your valuable feedback in the comments.

Let’s start exploring AWS API Gateway –

What is API?
API stands for an Application programming interface.

An API is a set of definitions and protocols for building and integrating application software.

What is API Gateway?
Amazon API Gateway is a fully managed service that makes it easy for developers to create, publish, maintain, monitor, and secure APIs at any scale.
APIs act as the "front door" for applications to access data, business logic, or functionality from your backend services.
Using API Gateway, you can create RESTful APIs and WebSocket APIs that enable real-time two-way communication applications.  
API Gateway supports containerized and serverless workloads, as well as web applications.

What are stages in API Gateway? How it is useful for API Gateway deployment? 
Stages referred to as different environments such as “DEV/QA/PROD/TEST”.

In API Gateway has different stages – in which perform deployment of API’s and testing.

Each API is isolated to different stages.


For complete article, Please visit - 
https://www.randomskool.com/2021/06/aws-api-gateway-introduction-hands-on.html
Forwarding PDFs with Axios
Tags: node, axios, pdf
Published: 2021-06-06 18:05:56

Trying to integrate with an E-commerce platform for a mobile app by sending PDF invoices through a node express app

## Axios 

So the idea was to fetch the PDF data and return it to the client

> *The url is not directly used in the client as the E-commerce app requires `api-key` which is only defined in the server app*

```
const axios = require('axios');
const url = "http://www.africau.edu/images/default/sample.pdf"
axios.defaults.headers.common['Authorization'] = "secret-key";

app.get('/download', async function(req, res) {
   try {
      // Fetch PDF from desired url
      const pdf = await axios.get(url);

      // Set response header to pdf 
      res.setHeader('Content-Type', 'application/pdf');

      // Return PDF data to client
      return res.send(pdf.data);
    } catch (err) {

      // Throw if any error occurred
      return res.status(400).json(err);
    }
});
```

Testing this endpoint, a blank PDF document response was returned

Going through multiple forms and docs, trying different methods to achieve the same end result

Until I found the answer when I was just giving up where axios have a problem with requesting PDF

Where ` { responseType: 'arraybuffer' } ` is provided to axios options api


``` 
      await axios.get(url,{responseType:'arraybuffer'});
```
OpenLog[1]
Tags: opensource, react, webdev, node
Published: 2021-06-06 18:02:29

Hey Internet,
This is the second article where I am going to say what `OSS` projects I contributed.

1. ***INCOGLY***
This week I am working on this [Issue](https://github.com/mexili/incogly/issues/83) and I have made a [PR](https://github.com/mexili/incogly/pull/86) regarding it and of course the issue is half fixed.

2. ***Web-Dev Resources***
I also made a [PR](https://github.com/mtdvio/web-development-resources/pull/3) to a OS project where it lists all the resources you need to have to become a web developer. I added some Discord Servers and YT channels.

3. ***Icons***
I had made a [PR](https://github.com/file-icons/icons/pull/93) last weekend and it got merged 🤩.

4. ***hackoctoberfest-practice***
I had also made a [PR](https://github.com/EddieHubCommunity/hacktoberfest-practice/pull/356#event-4847736535). It was just a basic PR and when I was just starting out on how to contribute.

5. ***awesome-cheatsheets***
This is the last [PR](https://github.com/LeCoupa/awesome-cheatsheets/pull/212) I made. I made cheat-sheets for ExpressJS. While making this I really came to know about some unknown req,res methods which I had never tried. Btw it is not merged.


``Well, This was it for this log and have a great weekend.``
Infinite Feed and Footer (Behaviors)
Tags: ux
Published: 2021-06-06 17:56:46

I'm new here in this community. I have a little observation to make...

The lazy-loading behavior of the home feed makes the footer never seen.

I believe this was not well planned or foreseen.

For the case of an "infinite" feed, the footer must be fixed (floating) on the right or left side of the screen.

The same way that:

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6hnx410fgd7lp4gv6de9.png)![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/msedcc4j686hizgsbp7j.png)![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1mbk8zy330ovomu32t4j.png)![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/is4gxj0bcpbusvfb5v6e.png)