teleren/devto huggingface dataset:
Here’s how to help make developer salaries more transparent in 2022 [survey]
Tags: webdev, career, remote, jobs
Published: 2022-01-14 05:29:59

Developers should be paid fairly – no matter where they live. And with the rise of remote work, we know the topic of salary has become more complicated.

What should developers ask for and expect to earn when it comes to global remote work? 

At Arc, we want to help close that information gap. Can you help us make developer salaries more transparent?

### What are we surveying for? 🔎

We know that there are different factors that affect a developer’s salary, including tech stacks, seniority, education, location, etc. So we’d like to understand the relationships (if any) between these factors and how they impact the actual pay developers receive.

### How does this help developers? 

By having access to more salary information, developers can negotiate better with future employers worldwide and earn what they deserve.

### How can you help?

Ready to help shed light on remote developer pay — and also help your peers build fair and rewarding remote careers?

Go to [this link](https://arcdotdev.typeform.com/to/OhYHY5G6?utm_source=devto&utm_medium=article&utm_campaign=devsalary2022&utm_term=20220114) to take the survey (~3 minutes to complete).
What Is Web 3 & Why Is It Called the Internet of the Future?
Tags: webdev, programming, tutorial, web3
Published: 2022-01-14 05:29:53

## The Evolution of the Web
The web has evolved a lot over the years, and the applications of it today are almost unrecognizable from its most early days. The evolution of the web is often partitioned into three separate stages: Web 1.0, Web 2.0, and Web 3.0.

{%youtube G75pZTJyfsU%}

## What is Web 1.0?
Web 1.0 was the first iteration of the web. Most participants were consumers of content, and the creators were typically developers who build websites that contained information served up mainly in text or image format. Web 1.0 lasted approximately from 1991 to 2004.

Web 1.0 consisted of sites serving static content instead of dynamic HTML. Data and content were served from a static file system rather than a database, and sites didn't have much interactivity at all.

You can think of Web 1.0 as the read-only web.

## What is Web 2.0?
Most of us have primarily experienced the web in its current form, commonly referred to as web2. You can think of web2 as the interactive and social web.

In the web2 world, you don’t have to be a developer to participate in the creation process. Many apps are built in a way that easily allows anyone to be a creator.

If you want to craft a thought and share it with the world, you can. If you want to upload a video and allow millions of people to see it, interact with it, and comment on it, you can do that too.

Web2 is simple, really, and because of its simplicity more and more people around the world are becoming creators.

The web in its current form is really great in many ways, but there are some areas where we can do a lot better.

Web 2.0 Monetization and Security
In the web2 world, many popular apps are following a common pattern in their life cycles. Think of some of the apps that you use on a daily basis, and how the following examples might apply to them.

## Monetization of Apps
Imagine the early days of popular applications like Instagram, Twitter, LinkedIn, or YouTube and how different they are today. The process usually goes something like this:

- Company launches an app
- It onboards as many users as possible
- Then it monetizes its user base

When a developer or company launches a popular app, the user experience is often very slick as the app continues rising in popularity. This is the reason they are able to gain traction quickly in the first place.

At first, many software companies do not worry about monetization. They strictly focus on growth and on locking in new users – but eventually they have to start turning a profit.

This article was inspired by:- https://www.epicprogrammer.com/2022/01/what-is-web-3-why-is-it-called-internet_13.html
"Flashback" - a MongoDB Atlas Hackathon Submission | Wohooo! 🎉
Tags: atlashackathon, javascript, angular, webdev
Published: 2022-01-14 05:28:05

[Instructions]: # (To submit to the MongoDB Atlas Hackathon on DEV, please fill out all sections.)


### Overview of My Submission
My submission for the hackathon is a memory-based game called [Flashback](https://flashback-3b0aa.web.app). I used MongoDB Atlas Database for storing the games, the scores and the users. The rest of the technologies are:
Angular, NestJS, Firebase, Prisma, TailwindCSS, a bit of 💗


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

### Submission Category: 

Choose Your Own Adventure


### Link to Code

{% github code-with-ahsan/flashback %}


### Additional Resources / Info
Here's a demo video explaining the workflow 🙂 

{% youtube H1Wi8idjJ7o %}

> Please note that the backend is deployed on a FREE dyno of Heroku. So when you try the app, it might take some time before you get a network response as the dyno might be sleeping. Takes a few seconds before it wakes up and starts responding.

Hoping for the best 🤞 This was fun!!
Lenerva.com - Ecommerce with Monero Support
Tags: atlashackathon
Published: 2022-01-14 05:26:53

[Instructions]: # (To submit to the MongoDB Atlas Hackathon on DEV, please fill out all sections.)


### Overview of My Submission

I made the first every Javascript-free ecommerce store, with a dark theme by default, credit card processing via Stripe checkouts, and can process Monero (a crypto).
I've also integrated it with Printify AND custom items. This means that I can sell my own software as well as sell shirt designs mad e in printify.

Furthermore, I have made use of multiprocessing and IPC to avoid needing an MQ or a broker. The pros of this are that I need less dependencies, a shorter workflow and I could develop the code on Windows without requiring to use WSL. 

The backend is Flask and I extensively used jinja2, html, and CSS to provide a wicked dynamic UX (checkout, snackbar notification, multi-currency prices).


It uses mongoDB clusters to host user data (site admin verification for now), custom products, and order data.


### Submission Category: 

E-Commerce Creation using serverless clusters.

### Link to Code

{% github https://github.com/LeNerva/lenerva.com %}

### Additional Resources / Info

The background is a gif. I made it in After Effects. It was inspired by the divergence circle from WestWorld, but since I'm not a professional VFX editor, I put my own spin on it.

This is v1 of the site as it meets my base specifications. My next goal is to setup a DigitalOcean droplet and run this code in production to serve https://lenerva.com. I want to create more software in the near-term, and this website marks the first milestone in my next ventures.

{% youtube https://youtu.be/dkS_Z0mL8c4 %}

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tpcgt6d6g7dnvzke3071.jpg)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cismk67wmyc1dna4ef5r.jpg)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dcj12kc34guujaff39hs.jpg)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dgtl9ltwkzi2zib6774d.jpg)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v79a8jts0v29y2bjlvkj.jpg)
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9gyjj5ks9vkffb7nrpgu.jpg)



I'm un-commentating this part since I was under the impression that the deadline was 2 AM EST.

Submissions are due on January 13th, 2022 @ 11:59 PM PT/2 AM ET on January 14th, 2022/6 AM UTC on January 14th, 2022).
[MongoDB Submission RandBGGenerator]
Tags: atlashackathon
Published: 2022-01-14 05:24:50

[Instructions]: # (To submit to the MongoDB Atlas Hackathon on DEV, please fill out all sections.)


### Overview of My Submission
RandBGGenerator generates a beautiful background randomly based on user inputted tags! MongoDB is used to store a global history of previously generated backgrounds! Link to webapp: https://randbggenerator.herokuapp.com/


### Submission Category: 

Choose Your Own Adventure


### Link to Code

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

### Additional Resources / Info



![Screenshot of my RandBGGenerator in action!](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uvog1jumbur80entyzbu.jpg)
First bad version problem
Tags: cpp, javascript
Published: 2022-01-14 05:20:06

## Solution:

```
// The API isBadVersion is defined for you.
// bool isBadVersion(int version);

class Solution {
public:
    int firstBadVersion(int n) {
    
         long long start=0,end=n,mid;
        
       while(end-start>1)
       { 
           mid=(start+end)/2;
           
        if(isBadVersion(mid))
            end=mid;
           
        else
            start=mid;
       }
        return end;
    }
};
```
Self-Taught Developer Journal, Day 38: TOP DOM Manipulations and Events cont.
Tags: webdev, beginners, codenewbie, devjournal
Published: 2022-01-14 05:18:53

Today....

## Exercises

1. an *h3* with blue text that says “I’m a blue h3!”
2. a *div* with a black border and pink background color with the following elements inside of it:
  * another *h1* that says “I’m in a div”
  * a *p* that says “ME TOO!”
     * Hint for this one: after creating the div with createElement, append the *h1* and *p* to it before adding it to the container.

![Exercise JavaScript](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/015gez8uniqboqvxqblw.png)
 
![Exercise Image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nihnf5bjxlnxqi16e9kz.png)

## Events
Events are actions that occur on the web page like a mouse click or a key press. With JavaScript, we can listen to the events on the web page and react to them.

The three primary methods are:
1. *Attach functions’ attributes directly on your HTML elements*
![method 1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o5hyzvb9mshzxgds7i4t.png)

2. *Set the “on_event_” property on the DOM object in your JavaScript*
![method 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hmhmbcaqlkc63hta5ewq.png)

3. *Attach event listeners to the nodes in your JavaScript*
![method 3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/i90ye9330avjc9ekpres.png)
 
*Examples taken from The Odin Project*
 
Method 3, *Attach event listeners to the nodes in your JavaScript*, is the preferred method. It maintains separation of concerns and multiple event listeners can be added.

## Resources
[The Odin Project](https://www.theodinproject.com/paths/foundations/courses/foundations/)
How stupid is Matlab?
Tags: matlab, programming
Published: 2022-01-14 03:49:41

## Matlab Introduction from MathWork
![Matlab intro](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/bacfeb5aonlphy5gr9c6.png)

It's for Math, **but**
- Array indexing starts from 1. Ask your professors from Electrical Engineering which number signal indexing starts at? They will probably open textbook to show or to say it's 0. Or ask your Applied Math professors where is the axis's origin at? 
- Functions are defined after being called in script. I'm pretty sure that we define/state a formula first, then we use it when doing math on paper.

It's for Graph, yeah.

It's for Programming, **but**
- [OOP is unnecessarily complicated](https://dev.to/dinhanhx/how-stupid-is-matlab-oop-5dp6)
- [For loop is awkward](https://dev.to/dinhanhx/how-stupid-is-matlab-for-loop-6kc)
- [Accessing array syntax is weird](https://dev.to/dinhanhx/how-stupid-is-matlab-accessing-array-syntax-20jl)

More proofs of how stupid is Matlab:
- [MATLAB is a terrible programming language](https://www.rath.org/matlab-is-a-terrible-programming-language.html) 2017
- [I Hate Matlab: How an IDE, a Language, and a Mentality Harm](https://neuroplausible.com/matlab) 2017
- [What frustrates you about MATLAB? #2](https://www.mathworks.com/matlabcentral/answers/556024-what-frustrates-you-about-matlab-2) 2020

## Matlab vs Python [**comparison page**](https://www.mathworks.com/products/matlab/matlab-vs-python.html). 

The following picture is captured from [MathWork's page about comparing to Python](https://www.mathworks.com/products/matlab/matlab-vs-python.html). 

![Matlab vs Python](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nndkglek3ayabjrm6rgb.png)

Here you see they wrote 2 sentences describing how awesome their products are. And they just wrote 1 sentence describing Python. Then they went on how it's suitable for engineering and scientits from other fields other than computer science. 

I'm pretty sure that **is not** how you should compare things, MathWork. Let take an example [Matlab vs Python by RealPython](https://realpython.com/matlab-vs-python/) in which people fully compare things feature by feature. 

## Matlab pricing 

It's stupidly expensive if you are a scientist in a country that isn't rich as top economic countries.
New Year's Resolution - Dev Log 4
Tags: webdev, beginners, programming, computerscience
Published: 2022-01-14 04:44:22

`const disclaimer = () => {
console.log("This is a quick dev log to get this blog caught up to my Reddit Posts")
}`
Alright dev log 4, only 3 more to go until this blog is caught up with the current state of the project. Plus, in dev log 7 there will be a 30-second video of what I have been working on so far. So let's get right into it. Here is the original Reddit post for dev log 4:

![Reddit post this blog post is based off of](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ylp4f3ek3kla0drhmunf.PNG)
As always, here is the low down for those using screen readers:

> Idea 1 - Job Board: On my last dev log I said that I would have pictures of my UI this time, that turned out to be a little optimistic lol. I am still working on the UI and will get pictures as soon as I can. I spent too long yesterday going through the various options for rich text editors. I was suggested to use Tiny, but without paying it is too limited. I looked into TipTap and Slate but neither seemed appropriate. I ended up using Draft from Facebook, but the example docs are not even updated for hooks in React. So I may spend the next coding session creating my own. I only want simple things like bold, italics, bullet points, numbered bullets, and font sizes. So I am confident I can build that out.

> Idea 2 - Paid Plugins: Scratched

> Idea 3 - SaaS: I have a solid idea for a SaaS I believe, but will not start on this till my job board is out and functional.

> Personal notes: My parents are visiting this weekend which I am hyped about. That means that I probably won't get a good coding session in till Monday, which also means my next dev log might not be till Tuesday. Still hyped about the job board and can't wait to show yall the progress I have so far (again I'm at a junior level, and not a great designer, still proud of my work though so far anyway).

My parents did end up coming down that weekend (last weekend). We had a good time, I do not get to see them often enough. Both of them work in factories. My goal directly after being able to provide for myself is being able to provide for them as well. No one should be working in factories at the age of 60.
New AWS Console Home Page
Tags: aws, cloud, productivity, devops
Published: 2022-01-14 04:28:12

A customizable home page for the AWS Management Console that offers customers a single place to access the information they need. The new Console Home provides customers the capability to customize their Console Home experience by adding, removing, and rearranging widgets. In some of the widgets, customers can also choose between regular view for a quick summary or an extended view for a more comprehensive overview.

At launch, customers can use 8 widgets: Welcome to AWS, Recently visited, AWS Health, Cost and usage, Build a solution, Trusted Advisor, Explore AWS, and Favorites. We will announce additional widgets over time. These widgets aggregate data from multiple services and regions to enable customers to perform various tasks. For example, a financial administrator can use the Cost and usage widget to get an overview of forecasted costs across AWS services; and a DevOps manager can view important events and changes affecting their AWS environment in the AWS Health widget.


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

The **new Console Home** is made of widgets. I may choose which widget to display on the page and where to include it. I may use the actions in the Actions drop down to customize my home page.

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

Change the **widgets size**

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

The new AWS Console Home is available in all AWS Regions, [customize your console homepage today](https://console.aws.amazon.com/).
How to set LinkedIn on Dark Mode?
Published: 2022-01-14 04:16:41

LinkedIn recently introduced Dark Mode for Mobile as well as Web. They faced a lot of problems and they have rolled back. Again, this time LinkedIn has introduced Dark Mode feature. Those who like this feature, make use of it. 


**How to set LinkedIn on Dark Mode? 🤔**

Click on the Profile Picture -> Settings -> Account preferences -> Display -> Dark mode -> Dark mode



Conclusion:

Dark Mode feature is totally up to user's who like to use.
Fusion 360- Creating Spline
Published: 2022-01-14 04:13:27

I didn't realize how hard creating a smooth non-tangent curve is in fusion 360 until I had a 3D project entailing the creation of a complex smooth curved edge. That's how I came across spline. 

I have always assumed fusion 360 is straight forward: you need a curve, there is an icon for that, you need a hole, you can do that in minutes. However, it is not as easy as it seems when working on an actual project. The realization has made me subscribe to a channel on 360 by 'Product Design Online' so as not to spent other countless hours trying to smoothen out a curve. 

So, what is a spline in fusion 360??
Spline define control points that provide a way of drawing complex smooth curves in a 3D design.
The spline control can be activated from the sketch drop down menu. 

There are 2 types of spline: fit point spline and control spine. 
Fit point spline allows the creation of a non-smooth curve based on tangent of specified points. 
The control spline allows a smooth complex curve from specified points. This type of spline is smoother than the fit point.
MECLABS Institute
Published: 2022-01-14 04:05:17



MECLABS is dedicated to using the Web as a laboratory to gain an understanding of the factors that influence human choice. MECLABS develops robust partnerships with leading businesses and universities to conduct real-world research that continuously validates and updates our library of insights.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4ibcs74vknugfkh3lonl.jpg)

MECLABS Institute conducted $138 million in research to answer a single question, “Why do people say yes?” It built the internet’s first behavioral lab & shared discoveries through its publications – MarketingExperiments and MarketingSherpa – since 1999. These discoveries have informed patented methodologies (patent no. 8,155,995) – developed by Founder Flint McGlaughlin – to help companies model their customers’ minds & achieve significant business results. MECLABS helped pioneer the conversion rate optimization industry by launching the first paid certification course in online testing. In Fall 2021, MECLABS will launch a new CRO course based on 10,000+ experiments. Fully underwritten by MECLABS, the course will be provided at no cost.

Address: 4651 Salisbury Rd Suite 400, Jacksonville, FL 32256
Mobile: (904)  813-7000
Website: https://meclabs.com/
Testing Post Via Dev.to
Tags: testing, blog
Published: 2022-01-14 03:57:46

This is a simple blog to test Dev.to capability

![Copy Pasted Image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hfgaw2bobjjbh4mheo70.png)
 

```
This is a code block
```


```java
package me.yogendra.samples.test;

public class Application{
    public static void main(String [] args){
       System.out.println("Hello World!");
    }
}

```


{% github yogendra/yogendra.me %}
Groovemade - E-commerce app using MongoDB atlas search
Tags: atlashackathon, mongodb, react
Published: 2022-01-14 03:50:31

### Overview of My Submission
Groovemade is a fully-responsive, fullstack, E-commerce platform built on the MERN stack (MongoDB, Express, React, NodeJS). It uses MongoDB atlas search and pipeline aggregation to handle data queries from the client.

### Submission Category: 
E-Commerce Creation with Atlas Search

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

[LIVE DEMO-Groovemade](https://groovemade.herokuapp.com/)
[GITHUB REPO](https://github.com/PatrickValera/13_MongoDB_Hackathon_E-commerce)
###Technologies and libraries used
- HTML/CSS/Javascript
- React
- NodeJs/ExpressJs
- MongoDB
- Redux
- Material UI

### App Preview (video/image)
{% youtube seAjE_QN5ZA %}
#### Catalog Page
![Catalog Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tp5gugncxxfrqmyo9y6u.png)
#### Search Popup
![Search Popup](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a0zi7eqyeqjeikaskigp.png)
#### Product Page
![Product Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lhrkdyue9b87pgq1m6qa.png)
#### Cart Page
![Cart Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6v2b8tffzjc1ekm4rovp.png)
#### Login Page
![Login Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hmcokhnp4jcgynv236uf.png
)
#### Order List Page
![Order List](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qced6vfy03oa6x4b2bkx.png)
 
#### Order Page
![Order Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7pro7ktse0c9jli2zats.png)
#### Final Note
Thanks for checking out my project.
I had lots of fun and learned a lot while working on this project.
Thank you to MongoDb staff for this hackathon <3
MongoDB Submission Post
Tags: atlashackathon
Published: 2022-01-14 03:48:06

[Instructions]: # (To submit to the MongoDB Atlas Hackathon on DEV, please fill out all sections.)


### Overview of My Submission



### Submission Category: 
E_commerce


### Link to Code
{% github https://github.com/japrozs/able %}


### Additional Resources / Info

[Note:] # (Be sure to link to any open source projects that are using your workflow!)

[Note:] # Screenshots/demo videos are encouraged!

[Note]: # (Be sure to include the DEV usernames of your collaborators, if any. Prizes for winning projects with multiple collaborators will be sent to the person who posts this submission and they will distribute the prize evenly.)

[Reminder]: # (Submissions are due on January 13th, 2022 @ 11:59 PM PT/2 AM ET on January 14th, 2022/6 AM UTC on January 14th, 2022).