teleren/devto huggingface dataset:
GitHub Repos to become better Web Developer ⚡
Tags: javascript, webdev, github
Published: 2022-03-23 09:57:47

Here are 7 awesome GitHub repositories to help you become a better web developer.

### 1. Awesome

* This repo is so awesome it should on the top
* It contains almost every topic that a developer or a software engineer listen in his his college life. do check it out once

[GitHub Repo Link](https://github.com/sindresorhus/awesome)

<hr>

### 2. Clean Code JavaScript

* Writing Clean code is how much important is well known to all the developers
* It contains concepts of clean code for JavaScript in detail.

[GitHub Repo Link](https://github.com/ryanmcdermott/clean-code-javascript)

<hr>

### 3. Tech Interview Handbook

* If you want to prepare yourself for a job interview in tech this repository is just the right place for you
* It contains details on every aspect of a tech interview in detailed form

[GitHub Repo Link](https://github.com/yangshun/tech-interview-handbook)

<hr>

### 4. Effective Engineer — Notes

* This repository will surely make you an effective engineer
* It has notes on topics like hoe to optimize your learning, how to prioritize your goals and measuring you improvement

[Gist Link](https://gist.github.com/rondy/af1dee1d28c02e9a225ae55da2674a6f)

<hr>

### 5. List of Advance JavaScript Questions

* If you want to test your JavaScript programming skill or want to prepare yourself for an interview this repository can be very handy.
* And this repository still get updated time to time cheers🍻

[GitHub Repo Link](https://github.com/lydiahallie/javascript-questions)

<hr>

### 6. Front-End Checklist

* If you are confused that your project is ready to be online on not?
* This repository will save you and help in every frontend aspect of we development in an organized way 
[GitHub Repo Link](https://github.com/thedaviddias/Front-End-Checklist)

<hr>

### 7. HTML5 Boilerplate

* It is a professional, and one of the most popular, front-end templates around the web.

* It helps you build fast, robust, and adaptable websites or apps. Companies like Microsoft, NASA, and Nike use it.

[GitHub Repo Link](https://github.com/h5bp/html5-boilerplate)

<hr>

Thank you for reading

<hr>

> If you ❤️ My Content! Connect with me on [Twitter](https://twitter.com/akj0712) (akj0712)

<hr>

**Show your support by buying me a coffee**

[![Buy Me A Coffee](https://cdn.buymeacoffee.com/buttons/default-orange.png)](https://www.buymeacoffee.com/akj0712)


<hr>

> **My other digital presence:**

> * Mail: akj0712@duck.com
> * GitHub: [akj0712](https://github.com/akj0712)
> * LinkedIn: [akj0712](https://www.linkedin.com/in/akj0712/)

<hr>

More Content at [Abhinav's Blog](https://akj07.hashnode.dev/)

<hr>

> Your feedbacks are more than welcome
How Big is the Internet’s Carbon Footprint?
Tags: sustainability, digitalfootprint, circulareconomy, hosting
Published: 2022-03-23 09:53:24

## A little fun with math and carbon dioxide
 
Not all devs like math like I do, but humor me for a quick thought experiment. If you multiply 4 grams for your average email by the [4.6 billion](https://www.statista.com/statistics/617136/digital-population-worldwide/#:~:text=How%20many%20people%20use%20the,the%20internet%20via%20mobile%20devices) people using the internet on a daily basis, then factor in the data center infrastructure that keeps us online, plus the carbon emitted from the manufacturing of the device you’re reading this article on right now, you’re left with a pretty sizable number. And that’s just for a technology [so few of us](https://www.newyorker.com/tech/annals-of-technology/e-mail-is-making-us-miserable) are fans of. 
 
The environmental impact of the internet is much bigger than most people think. The infrastructure supporting it and the devices we use account for [2–4%](https://www.climatecare.org/resources/news/infographic-carbon-footprint-internet/) of total global greenhouse gas emissions alone. This has led many to draw comparisons to the airline industry, prompting an increased focus on digital sustainability. 

## Your choices matter

Still skeptical? I don't blame you. When most people think about their environmental footprint it usually involves deciding whether to drive or fly, or concerns the food they eat, or any other thing they can influence themselves. Rarely do people think about the energy that’s powering the gaming or [cloud server](https://www.ionos.com/cloud/cloud-servers) they’re using, or what happens to their old laptop or smartphone. And I think it's probably safe to say that almost nobody thinks about the carbon footprint of one single email. 

All of it matters, though. It might seem overwhelming, but there are things you can do to actively reduce your digital footprint. The companies you choose to work for and purchase from can also play a role. 

## How to reduce your digital carbon footprint  

- Choose a [hosting and cloud provider](www.ionos.com/environment) committed to renewable energy 

- Donate, sell, repair or recycle your IT equipment once it approaches the end of its service life

- Dim your monitor to 70% to reduce energy consumption by 20%

- Unsubscribe from unnecessary newsletters and save [4 grams of CO₂](https://www.climatecare.org/resources/news/infographic-carbon-footprint-internet/) per email

Imagine the impact we would have if every developer did just one of these things every day. We might just make the world a better place for future devs.
How to Add custom template in my Blog? #HelpMe
Tags: javascript, html, css, bootstrap
Published: 2022-03-23 09:41:04

Hello! I downloaded a static Blog Template from a Website to add in my Google Blog. That Template is not XML file. Blog just support XML file to import template. My downloaded contain few folders such as, images, css, js, fonts etc..how can I achieve it without messing my template, I tried few methods but I get few errors when I pest my html in Blogger HTML editor...please help me
Why I don't use JavaScript frameworks(And what I use)
Tags: javascript
Published: 2022-03-23 09:30:56

So I am not sure if you heard of **Vue** before, but all JavaScript frameworks are similar. Basically, almost all files you make in Vue ends with .vue, which I don't really like.

I believe standard HTML, JavaScript and so on is better in my liking. But your framework might have files ending with standard extensions, but even in the case of **NextJS**, which is another popular framework, HTML is written in JavaScript functions. 

Here is an example of a JavaScript file in **NextJS**:

```
export default function anything{
   return <h1>hi</h1>
}
```

To me, that's manipulating JavaScript, and I like the original JavaScript more. This is more of a personal matter. Using JavaScript frameworks isn't wrong, it's just not something I like.

**Then you may ask, If I don't use JavaScript frameworks, how do I make a website?** You might think I am the sort of person that won't install anything, and use notepad or something to write code, but you're mistaken.

First, I don't use notepad to write my code, I prefer Visual Stdio Code. 

Secondly, **I use JavaScript Libraries**. 

You might be wondering, didn't I just say I liked original JavaScript? But the key difference her is with Libraries, **the programmer(me/you) is the one in charge.**

So basically, I kind of make my own framework by combining Libraries. A few for CSS, another few for the backend, then some for routing, but at the end, I'm in charge.

---
I hoped you enjoy this post! Stick around for next time!
How to Change the Ringtone on Your iPhone
Tags: music
Published: 2022-03-23 09:30:56

If you want to change the notification sounds on your [dzwonek na telefon](https://dzwoneknatelefon.pl/) , you have to change your ringtone. You can use iTunes to create your own ringtone. Unlike other audio files, ringtones are unlimited. You can even create a custom sound by recording your voice. In iTunes, you can crop a video or a song. You can also select the start and end time of a song. To make a customised anthem, you must use the "Crop Video/Music" feature.

Using GarageBand, open a new project, and choose the option "Audio microphone". Next, click the Audio microphone icon to start creating your ringtone. If you don't have a microphone, you can select a tune that's already on your device. If you're working on a shorter track, move the cursor to the lower left or right corner of the track. Drag the icon to make it shorter.

The ringtone URI is an address that allows you to choose the sound you want your phone to hear when a call comes in. If the phone doesn't have a built-in ringtone, you can use a service to transfer it. The services that provide this service include moantone and Mosquitotone. Some of them are free, so you can try out whichever one suits your needs. You can even send the ringtone through SMS.

Choosing a ringtone doesn't have to be difficult. It's easy to download ringtones for Android and iPhone through a variety of online sources. All you have to do is link your phone's iPhone to the website, and it'll download your ringtone as an MP3. The app is sleek and ad-free, and the synchronization is automatic. There's no need to download iTunes to do it.
OpenAPI for Pentesters
Tags: api, apisecurity, blst, blstsecurity
Published: 2022-03-23 09:16:12

## A new approach for penetration Testers 

During a pentest you often asked by the client if you need an OPENAPI specification? The next time you should say **YES**!
In order to understand why OPENAPI is relevant to pentesters, we must first understand what OPENAPI is and what it does. 

## What is OPENAPI?
OpenAPI is a specification that allows developers to describe the structure of their APIs. It is used by many large companies, such as Google, Microsoft, and Amazon.
This enables both humans and computers to discover and understand the capabilities of a service without access to source code, documentation, or through network traffic inspection. 
When properly defined, a consumer can understand and interact with the remote service with a minimal amount of implementation logic. 

OPENAPI is relevant to pentesters because it can be used to automatically generate test cases for APIs,also can be helpful for you pentester who are trying to understand the functionality of an API. This can be extremely useful for finding vulnerabilities in APIs that would otherwise be difficult to find.

As a result, OpenAPI has quickly become the de facto standard for describing REST APIs, and is therefore a natural fit for use in documenting and testing pentesting tools and techniques.  

So I want to introduce our Swagger Tool [https://www.blstsecurity.com](https://www.blstsecurity.com). 
The tool is design to give an understanding about the API, and provides information like which parameters exists, information about the parent endpoint etc.

Just drag and drop your OPENAPI file to our website.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ou87sh6u6b8eiuu3d3ik.png)

The following image describe the result after upload the specification file.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6n82tzpqufa96vmjboxs.png)

I will dive deeper in my next history..
Vagon Streams - No-code interactive cloud streaming
Published: 2022-03-23 09:09:07

Hey! 👋

We're honored to announce our no-code graphics application streaming service "Vagon Streams"!🙏

**Vagon Streams** gives you superpowers to run any desktop app on the browser.

[[link]](vagon.io/streams)

You can make your users run your application through your website and make it device agnostic in minutes!

**How does it work? **
(1) Upload your application file, 
(2) customize your choices and your Vagon Streams link is ready.

**Features?**
🔥 No code integration, automated & customizable
🌎 Global coverage with 16 different locations
🖥️ 4K, 60FPS Streaming
📁 Files support and collaborative features
📱 Mobile & tablet support
⏰ Stream reservations

**Use cases?**
[3D application streaming], [Instant product trials], [Virtual experiences and metaverse], [Real estate visualization], [Remote training and education], [Gaming and entertainment]

Vagon Streams is pretty new and we're looking for your feedback to improve it quickly. 

There is a ready Archviz app inside for your testing and you can also try it with your own app.👩‍💻

⚡ We're excited to hear your thoughts & feedback!
5 Chrome Keyboard Shortcuts to boost your productivity
Tags: productivity
Published: 2022-03-23 08:51:49

Browsers have become an integral part of our life and most applications are web-based now. We use web browsers for everything, from asking a question on Stackoverflow to booking a flight ticket. We often end up having a huge number of tabs open and it becomes quite hard to keep a track of them. It gets especially confusing when we try to switch between tabs. Let us look at 5 keyboard shortcuts that can boost our productivity -

Note: Although I am going to be talking about keyboard shortcuts specific to Chrome, they should remain the same across all Chromium-based browsers (Brave, Edge, Vivaldi, etc.)

## Moving between tabs
Clicking tabs can be quite a painful and slow process, especially, if you switch between them frequently. Keyboard shortcuts greatly speed things up here.

<kbd>Ctrl</kbd> + <kbd>Tab</kbd> (for Windows) and <kbd>⌘</kbd> + <kbd>⌥</kbd> + <kbd>→</kbd> (for macOS) lets you move to the next tab.

Bonus:
We can also move to the previous tab with <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Tab</kbd> (for Windows) and <kbd>⌘</kbd> + <kbd>⌥</kbd> + <kbd>←</kbd> (for macOS)

## Re-opening closed tabs
We tend to close tabs by mistake but there is a simple keyboard shortcut that can re-open the last closed tab - 

<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>t</kbd> (for Windows) and <kbd>⌘</kbd> + <kbd>Shift</kbd> + <kbd>t</kbd> (for macOS) lets you re-open recently closed tabs in the order they were closed in.

Bonus: If you close a whole window, the above keyboard shortcut will re-open the whole window with all the tabs.

## Searching through open tabs
As the number of tabs open gets larger and larger, it gets difficult to find a tab. Fortunately, from Chrome 87 onwards, we can search through all open tabs, as well as recently closed tabs.

<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>a</kbd> (for Windows) and <kbd>⌘</kbd> + <kbd>Shift</kbd> + <kbd>a</kbd> (for macOS) opens the tab search dialog.

## Close the current tab
After we are done with using a web page on a tab, it is a good idea to close it so that it doesn't clutter our tab bar and keeps the resource usage low.

<kbd>Ctrl</kbd> + <kbd>w</kbd> (for Windows) and <kbd>⌘</kbd> + <kbd>w</kbd> (for macOS) closes the current tab.

Bonus: <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>w</kbd> (for Windows) and <kbd>⌘</kbd> + <kbd>Shift</kbd> + <kbd>w</kbd> (for macOS) closes the current window.

## Open a new tab or a window
<kbd>Ctrl</kbd> + <kbd>t</kbd> (for Windows) and <kbd>⌘</kbd> + <kbd>t</kbd> (for macOS) opens a new tab and jumps to it.

Similarly, <kbd>Ctrl</kbd> + <kbd>n</kbd> (for Windows) and <kbd>⌘</kbd> + <kbd>n</kbd> (for macOS) opens a new window and jumps to it.

All Chrome Keyboard Shortcuts - [https://support.google.com/chrome/answer/157179?hl=en&co=GENIE.Platform%3DDesktop](https://support.google.com/chrome/answer/157179?hl=en&co=GENIE.Platform%3DDesktop)

## Conclusion
I hope you have found this small article helpful and now you can be more productive while browsing the web. See you in the next one 🤞
Benefits and Drawbacks of Python Development Services
Tags: pythondevelopmentservices, mobileappdevelopme
Published: 2022-03-23 08:48:19

Are you looking for a suitable language for product development? You should consider investing in [Python development services](https://externlabs.com/python-development.php). This composition highlights the benefits and downsides of Python development services. However, also reach out to a professional Python Development Company, If you're interested in knowing further about Python Web Development.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pwz0pnmjj3xu2c8fb3y2.jpg)
Join us
Tags: cloud, tutorial, kubernetes, architecture
Published: 2022-03-23 08:26:28

Cloud Infrastructure Use Case - From Design to Deployment 🚀

Join us for this 45-min hands-on session!

Tuesday, April 5th 2022
CET: 20:00 - 21:00 🇪🇺
EST: 2pm - 3pm 🇺🇸
IST: 00:30-01:30 🇮🇳

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1k0ivf6yb7zw03wk89en.jpeg)
How pass path value from child to Parent
Tags: react
Published: 2022-03-23 08:02:41

Hello Everyone,

I am making a MERN  crud app where I want to pass the _id of the record from my displayRecord.js component to app.js( inside the Route path = {} ) to update my data onclick on update button

Part of the code sort of goes like this 

            ` 
              <td>
                <li>
                  <Link to={`/${record._id}`}>
                  <button className='updateRecordBtn' onClick={()=>updateRecord(record._id)}>UPDATE</button>
                  </Link>
                </li>
              </td>
             
`

I need to capture that and pass it to the path as follows

```
<Router>
        <Routes>
          <Route path={`/${record._id}`} element={<UpdateRecord />} />
          <Route path='/' element={<Home/>} />
        </Routes>
      </Router>
```

How to make that  {record._id} available in app.js. it is currently showing not available

Suggestions and possible solutions are appreciated
Choose Cybersecurity Career
Tags: cybersecurity
Published: 2022-03-18 12:51:20

Iam from non-IT background how i move cybersecurity career The spark created from collage That days don't have internet connection collage library's only low and poor connection TN gov laptop are using to watch movies only i studied diploma electronic and communication one day on  2 year sir talks cybersecurity scamming on atm cards and banking theft fingerprint hijacking My thought like mission impossibe series Finished college after 3 years covid19 lockdown Time i revisted the cybersecurity
    1) Cybersecurity secure the internet and connected products from hackers.The organisation have multiple role in cybersecurity

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jge93w6v8phrt67yazjy.png)
   2) First i learned linux is hacking Distro kalilinux ,parrot os are used by most of security Researchers and pentester.They are many layers Webapp,andriod,ios,blockchain
smartcontract,sourcecodeReview,Cves,iotDevices,cmshacking,windows exploitation,linux exploitation,Exploit development
,Reverse engineering ,Api,Threat and malware analysis
   3) They are lot of tools and Resourses availabe on i listed MY Favourites
     https://github.com/rezaduty/cybersecurity-career-path
     https://github.com/Hack-with-Github/Awesome-Hacking
     https://github.com/vitalysim/Awesome-Hacking-Resources
     https://github.com/husnainfareed/Awesome-Ethical-Hacking-Resources
  4) Favourite youtube channels
    https://blog.intigriti.com/2020/10/05/top-20-bug-bounty-youtube-channels-to-follow-in-2020/
  5) OWsap They Release Testing Guide For pentesters and  Bugbounty listed the OwsapTop10 vulnearabilites
  6) portswigger lab is the best lab to slove and understand the vulnerabilities and daily swig news of cybersecurity iam
Biggest fan of jammes kattle Research on Http2
  7) conferences is play the main role to attend watch video on Youtube and also join local group and conference 
   Blackhat ,Defcon,Redteamvillage they are many and satellite  village also
 8) Be CURIOUS TO LEARN NEW
Today's Fun Joke For Developers - Daily Developer Jokes
Tags: jokes, dailydeveloperjokes
Published: 2022-03-23 08:00:11

---
title: "Today's Fun Joke For Developers - Daily Developer Jokes"
description: "Check out today's daily developer joke! (a project by Fred Adams at xtrp.io)"
series: "Daily Developer Jokes"
published: true
tags: #jokes, #dailydeveloperjokes
---

Hi there! Here's today's Daily Developer Joke. We hope you enjoy it; it's a good one.

![Joke Image](https://private.xtrp.io/projects/DailyDeveloperJokes/public_image_server/images/5e12592aa5db7.png)

---

For more jokes, and to submit your own joke to get featured, check out the [Daily Developer Jokes Website](https://dailydeveloperjokes.github.io/). We're also open sourced, so feel free to view [our GitHub Profile](https://github.com/dailydeveloperjokes).

### Leave this post a ❤️ if you liked today's joke, and stay tuned for tomorrow's joke too!

_This joke comes from [Dad-Jokes GitHub Repo by Wes Bos](https://github.com/wesbos/dad-jokes) (thank you!), whose owner has given me permission to use this joke with credit._

<!--
Joke text:
Asynchronous JavaScript is amazing.

I Promise you, await and see.
 -->
How to create tables in Console DevTools
Tags: javascript, webdev, beginners, tutorial
Published: 2022-03-23 07:08:49

The `console.table()` method displays tabular `data` as a table.

This function takes one mandatory argument `data`, which must be an array or an object, and one additional optional parameter `columns`.

It logs data as a table. Each element in the array (or enumerable property if data is an object) will be a row in the table.

The first column in the table will be labeled (index). If data is an array, then its values will be the array indices. If data is an object, then its values will be the property names. Note that (in Firefox) `console.table` is limited to displaying 1000 rows  row is the labeled index). 

If you have any questions please feel free to contact/follow me on [twitter](https://twitter.com/HeyBaldur) and I will be glad to help you out.
Also you can take a look at my Gitbooks and check them out, I am still working on them so please be pacient with the results. Also check all my repos in [GitHub](https://github.com/HeyBaldur)

```
function Person(firstName, lastName) {
  this.firstName = firstName;
  this.lastName = lastName;
}

var john = new Person("John", "Smith");
var jane = new Person("Jane", "Doe");
var emily = new Person("Emily", "Jones");

console.table([john, jane, emily]);
```
Or also you can create something like

```
var family = {};

family.mother = new Person("Jane", "Smith");
family.father = new Person("John", "Smith");
family.daughter = new Person("Emily", "Smith");

console.table(family);
```
I hope it helps!
Happy coding! 👍👍👍
Advance new file create in vscode
Tags: vscode, atom, sublime, tipandtricks
Published: 2022-03-23 07:02:33

video of this tip and ticks of vscode 
<iframe width="560" height="315" src="https://www.youtube.com/embed/f9_SMdxR5Ko" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

https://www.youtube.com/watch?v=f9_SMdxR5Ko&list=PLKbhw6n2iYKhf_t4K0VVFIUA8CiDWHIsk&index=1
every one make a file in vscode  but it take a little time 

this tip you can save time and make a code and file faster
Updated blog structure testing
Tags: uat
Published: 2022-03-23 06:58:22

# Steps to integrate Razorpay 

Update feature testing after updating blog structure.

* Setting up Razorpay account.

* Storing API keys in settings.py

* Installing Razorpay library.

* Creating order using Razorpay API.

* Creating order at backend and also creating Razorpay order.

	* Show template

	* render to payment.html

	* Get info of call back URL

	* Done with creating an order.

### **Uploading a File**

There are three ways you can upload a file:

- From an `Object` instance

- From a `Bucket` instance

- From the `client`

In each case, you have to provide the `Filename`, which is the path of the file you want to upload. You’ll now explore the three alternatives. Feel free to pick whichever you like most to upload the `first_file_name` to S3.

{% gist https://gist.github.com/Nishant127/13898538d35a024b4d93a592b1b4a6ea %}

![](https://notionpack-uploads.s3.amazonaws.com/blog_images/tmp/tmpm__lg_tw.png)

![](https://notionpack-uploads.s3.amazonaws.com/blog_images/tmp/tmphtli7hwn.png)

💡 Testing call out block