teleren/devto huggingface dataset:
Amazing Facts about Web Development
Tags: beginners, webdev, programming
Published: 2022-03-21 13:05:31

Web development is one of the most popular industries in the world. Web development focuses on building, creating, and maintaining of websites. Web design, web publishing, web programming, and datavase management.

### FACTS

**1. Flexibility**
This industry can help you fulfill your dream of working from the comfort of your home. Thanks to Covid-19 that changed the way many workers do their job. This allows you to save time, save money and helps you spend less time on the road



**2. Salary**
According to indeed.com, the salary for an average developer is around $78, 500 per annum. Don't worry if you are new, its a journey and you'd get there. I also have good news for you if you are beginner. in the US junior developer earn up to $60,000 annually.

**3.Ability To Work For Yourself**
Yes you can be your own boss and thanks to platforms like Upwork and Freelancer that allows you know you to get project from people you know or search for project that you can work on and get paid.

## CHALLENGES


**1. Very Competitive**
Most beginners face hard times securing their first job, this is because   of an empty portfolio. Here is a little trick, you can get dummy projects on YouTube and other platform, start from there and keep increasing your portfolio. As a beginner you should look out for apprenticeship or internship Position. 

**2. Fast Paced Industry**
To stay relevant in this industry you need to be open to learn new languages and skills. Things happen quickly and continuously In a fast-paced environment. You may find yourself moving from one task to another without much time in between. Below are things to consider if you want to keep the pace in the industry.

1. Educate yourself on your role
2. Get to know your coworkers
3. Pay attention to details
4. Take a break when possible
5. Find ways to multitask
6. Create goals
My Second Project Netflix Clone
Tags: html, css, shabilnedumpally, selflearn
Published: 2022-03-21 12:57:20

Hey Guys My name is Shabil Nedumpally.

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0hcs6fmhvm194r9i1xqc.png)
This is my second Project 
Please Go and check it out and your valuable comments comment  below[check here](https://shabil-nedumpally.github.io/netflix-clone/)
Laravel Short Url Package Review | Laravel 9 Tutorial
Tags: laravel, tutorial, beginners, php
Published: 2022-03-21 12:52:10

{% embed https://www.youtube.com/watch?v=pYTXs1KP_fE %}

I will show you the short url package for Laravel.
Laravel packages.
Laravel 9 tutorial.

Support me: 
https://www.patreon.com/Laraveller
https://paypal.me/TonyXhepa

Follow me:
Twitter: https://twitter.com/Laravellercom
Facebook Page: https://www.facebook.com/1laravellercom
Instagram: https://www.instagram.com/laravellercom/
Github: https://github.com/laraveller
Website: https://laraveller.com/

Setup VS CODE for Laravel: https://youtu.be/EliywWn4IK4
Setup Mac for development: https://youtu.be/yxuR5myrVi4

Playlists:
Laravel Restaurant Reservation: https://bit.ly/3Jc5IcG
Spatie Laravel Permission: https://bit.ly/3pOsOhN
Laravel Testing For Beginners: https://bit.ly/3t1gNq4
Laravel Roles and Permissions: https://bit.ly/3gOhM7d
LARAVEL INERTIA MOVIE APP: https://bit.ly/3FVMp4Q
Laravel Livewire Movie App: https://bit.ly/3s8D6v1
Laravel Classified Website - https://bit.ly/3nsFRnb
Livewire Employees - https://bit.ly/2ZtIpZY
Laravel Employees Management - https://bit.ly/3Gglt14
Laravel admin panel - https://bit.ly/3CcX75M
GitLive now works with any Git repository in VS Code!
Tags: programming, productivity, webdev, vscode
Published: 2022-03-21 12:50:35


We are happy to announce GitLive now works, out-of-the-box in offline mode, with any Git repository in VS Code!

Previously we only supported repositories from the big four hosting services (GitHub, GitLab, Bitbucket, Azure DevOps) and required you to authorize access to the service before you could start using GitLive. 

Now when you install GitLive it will start in **offline mode**. The offline mode uses the data from your local Git repository only and nothing is sent outside your network. Your repository should have a remote but it can be hosted anywhere. 



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

In the GitLive tab you'll see all the authors of branches currently ahead of your default branch, the last commit to a branch determines who it will appear under. 

Drill down into an individual author’s branches to see the files changed and inspect diffs plus view the associated issue or pull request. 

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

---

The changes from the branches shown in the GitLive tab also appear for your current file in the gutter of your editor. The [gutter indicators](https://blog.git.live/gitlive-15.0-offline-merge-conflict-detection-across-all-branches-for-any-git-repository#get-notified-of-merge-conflicts-across-all-branches) show the differences in the file from other branches compared to your local version. It even shows you when the changes conflict with your own - a kind of early warning system for merge conflicts!

Rollover the affected lines to inspect a change and see the diff, what branch they're from and even [cherry-pick](https://blog.git.live/gitlive-8-0-Cherry-picking-your-teammates-changes#cherry-picking) changes straight into your local file.

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

---

And you can still sign in to go **real-time** and see your teammate's [unpushed changes](https://blog.git.live/gitlive-15.0-offline-merge-conflict-detection-across-all-branches-for-any-git-repository#enhanced-team-window-filters) in the team window, get notified in the gutter [the moment you make a conflicting change](https://blog.git.live/gitlive-11.0-Real-time-merge-conflict-detection#gutter-indicators-for-teammates-changes), plus make calls and [codeshare](https://blog.git.live/gitlive-12.0-voice-and-video-calling-with-screen-code-share#codeshare) to edit together simultaneously. 

Signing in still requires a repository from the big four hosting services for now but we'll be adding support for other services, including self-hosted, soon!

---

Don't have the GitLive extension installed yet? You can find it [here](https://marketplace.visualstudio.com/items?itemName=TeamHub.teamhub), and if want to learn more about the latest release, check out [this blog post](https://blog.git.live/gitlive-15.0-offline-merge-conflict-detection-across-all-branches-for-any-git-repository).
Spread operator in JavaScript.
Tags: javascript, webdev, programming, node
Published: 2022-03-21 12:46:40

Using spread operator we can separate the elements of an array, object.

for Example: 

```
const num = [1, 2, 3, 4]
```
Without spread operator we have to write like this 

```
console.log(num[0], num[1], num[2], num[3]) // 1, 2, 3, 4

```
but using spread operator we can simply log them without writing to much code like this

```
console.log(...num);

```
## NOTE 

the spread operator is actually a bit similar to destructuring because it also helps us get elements out of array,
Now the big difference is that the spread operator takes all elements from the array and it also dose not create a new variable, and as a consequence we would use it where we write values separated by commas.

## Importance use cases of spread operator
 Iterables are strings, arrays, maps, sets NOT Objects

```
const str = 'amol'
const letter = [...amol, '', 's.']
console.log(letter)

Output //['a', 'm', 'o', 'l', '', 's.']
```
Now just Keep in mind that we can still only use the spread operator when building an array or where we pass values into a function.


```
console.log(`${...str}`) // here it will not work.
```

Because this is not a place that expects multiple values separated by commas. So again multiple values separated by comma are usually expected when we pass argument into a function or when we build a new array.
3 Headless Ecommerce Sites to Get Inspiration From
Tags: headless, ecommerce, javascript
Published: 2022-03-21 12:45:51

Since headless sites are the new craze in ecommerce, we wanted to share a few of our favorite examples. 

### 1. [Cuts](https://www.cutsclothing.com/)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/07162dqhgnlb32r1horb.png)
Cuts is premium menswear brand that uses Gatsby to run their frontend and Shopify for their backend.

### 2. [Mack Weldon](https://www.commercecaffeine.com/brands/mack-weldon)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/504xbzf0chzv2n1rx8c5.png)
Mack Weldon is a modern DTC menswear brand that uses Prismic to run their frontend and Shopify for their backend.

### 3. [Four Sigmatic](https://us.foursigmatic.com/)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t2pnqtfjuepf43ad57nz.png)
Four Sigmatic makes coffee from mushrooms and uses Prismic as the their frontend and Shopify as their backend. 

If you found this helpful, you may visit Commerce Caffeine to find other [ecommerce software tools](https://www.commercecaffeine.com/) used by DTC brands.
Why commit signing is necessary
Tags: git, gpg
Published: 2022-03-21 12:29:01

---
title: Why commit signing is necessary
published: true
description: 
tags: git,gpg
cover_image: https://res.cloudinary.com/practicaldev/image/fetch/s--OPEh7WV8--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://zupimages.net/up/19/14/0oul.png
---

In git , when you are pushing code to origin a.k.a the remote server, out of the box, it uses email address and name to distinguish between commits made by individual users.So you can identify the commits made by you or your coworker by simply checking at git log
A simple git log would output you some info like this
![Git log!](https://i.imgur.com/FxvBZv6.png)

As you can see , a name and email under the author tag is associated with every commit hash.
Since this info is readily available to anyone who can view the repo ,anyone can mimic a user by just changing their their git config file and adding the targets' name and email address so that if he/she has permission to push changes to that particular repo,then all the commits done from now onwards would look like its being done by the target. That's where commit signing comes into play and helps to mitigate this.

By signing a commit, other users with your public key can verify the commit was created by the owner of that key. Users can also share their public key with their remote hosting service, such as GitHub, so that commits appear as verified on their website.

### Further reading
- https://docs.github.com/en/authentication/managing-commit-signature-verification/signing-commits
- https://docs.gitlab.com/ee/user/project/repository/gpg_signed_commits/
NoSQL basics with introduction to MongoDB 2022
Tags: mongodb, nosql, beginners, tutorial
Published: 2022-03-21 12:27:33

NoSQL is a family of non-tabular databases that store data differently than relational databases like SQL. Relational databases primarily store data in “relations” which are a structure that is understood in high level as a table. NoSQL databases on the other hand uses different methods to store data and depending on those models, they are divided in to different groups.


![NoSQL basics with introduction to MongoDB](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0v50j8vlrpwgbpy7p502.png)

Document
Key-value
Wide-column
Graph
These databases are highly scalable and flexible.

Document databases

Stores data in a similar manner as JSON (JavaScript Object Notation). Documents contain fields and their respective values. Values can be of different types such as booleans, ints and strings.

Key-value databases

Data is stored as key value pairs in the database. Each item has it’s own unique key.

Wide column stores

Stores data in tables, rows and dynamic columns.

Graph databases

Graph databases store data in nodes and edges. Nodes contain data and edges contain information about nodes and their relationships.

NoSQL databases are widely used in every industry and are highly scalable and easy for development.

CAP theorem

CAP theorem also known as the Brewer’s theorem specifies that any distributed database system can provide two of the following 3 guaranties.

Consistency
Availability
Partition tolerance

“In normal operations, your data store provides all three functions. But the CAP theorem maintains that when a distributed database experiences a network failure, you can provide either consistency or availability.

It’s a tradeoff. All other times, all three can be provided. But, in the event of a network failure, a choice must be made.” — https://www.bmc.com/blogs/cap-theorem/

MongoDB

MongoDB is one of the most widely used NoSQL databases in the world. MongoDB is easy to use and supports multiple platforms. It is a fully cloud based distributed database. It uses document database model and provides highly scalable and change friendly design with powerful querying and analytical capabilities.

Benefits of MongoDB

MongoDB is open source
Flexibility of document schemas
Wide support
Scalable and change friendly
Powerful querying and analytical capabilities
Horizontal scaling
Simple installation
Cost-effective

MongoDB is a powerful document based database and it has many advantages. MongoDB can be accessed through https://www.mongodb.com/
best apps and games
Published: 2022-03-21 12:08:57


[idle army apk
](https://general-modern.blogspot.com/2022/02/idle-army-for-android-and-iphone.html
)


[lily's garden game
](https://general-modern.blogspot.com/2022/02/lilys-garden-game-download-for-android.html
)


[state of survival game](https://general-modern.blogspot.com/2022/02/state-of-survival-game-download-for.html
)

this is Best Apps and Games

thanks..
F****er Johnson RETURNS!
Tags: jokes, podcast, nocode, nullman
Published: 2022-03-21 12:03:08


The greatest journalist of our time tackles the issue of Open Source software!

Then Head of the Council, Enoch Wise, interviews @maxkatz , Workflows Builder Advocacy Lead @ Okta!

https://rss.com/podcasts/councilofthewisedevelopers/
Difference between React Component and Element
Tags: javascript, react, webdev, es6
Published: 2022-03-21 11:54:42

**React Elements**

In terms of the `DOM` nodes or other components, a React element is a simple object that describes what you wish to see on the screen. They are the building units of React applications. Elements can contain other elements in their props. 

Creating a React element is simple, once it is created, it’s immutable. Below is the object representation of a React element:

![Object representation of a React element](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8ok7z551xc9uqoycxkig.png)

The above `createElement()` returns as an object as below:

![Object representation of a React element](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2gbnk4pomort3d6lheis.png)

Finally, `ReactDOM.render` is used to render it to the `DOM` as shown below:

![A React element](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/54r03zaetspcf7vjnnif.png)


**React Components**

React components are short, reusable chunks of code that return a React element that may be rendered on the website. In other words, a component is a factory for creating elements.
The simplest form of React component is a plain JavaScript function that returns a React element:

![Simple form of a React component](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gm40yycf40iebvxymn2g.png)

That's it, pretty simple 😌...until next time.
Gnet
Tags: internt, broadband
Published: 2022-03-21 11:39:48

Welcome to Gnet, a brand owned by Deshkal Network Pvt. Ltd., is a licensed Internet Service Provider in Bangalore, Headquartered in Bangalore that delivers a high-speed seamless internet experience, voice telephony, and other services related value-added services for both residential and corporate users. We're dedicated to giving you the very best of Internet Service, with a focus on Reliability, High Speed, Limitless Entertainment & Customer Support. For More Info: https://ginternet.in/broadband-services-bangalore.html
Why public/private keys is bad terminolgy
Published: 2022-03-21 11:37:59

This is a rather small historical technology detail, but I think it is a bit sad that cryptography coined the "public and private key pair" terminology.

I think it causes confusion for those unfamiliar with this subject. For example "Why are there two keys?!", "Why is one public and one private?", "If I want to SSH to a remote server using a key pair, which one should I put there?"...

I think it would have been much more clear if the public key would have been called a "lock", and the private key simply the "key". Everything would fit together more nicely. It would be more intuitive and easier to grasp, even for noobs.

I even think it would have improved the overall security. For instance, I have often seen the wrong key or even both keys placed in various places because it wasn't clear for users which of the two keys belongs where.

The take-away is to please think of the public key as a lock. You can place it everywhere, like on a door, but never let your private keys lay around. ;)
MetaMask Snaps Resources
Tags: blockchain, web3, ethereum, metamask
Published: 2022-03-21 11:28:46

Resources from the MetaMask Developer Relations team for MetaMask Snaps and Flask

## Introduction to Snaps

- [MetaMask Snaps Guide](https://docs.metamask.io/guide/snaps.html)
- [Snaps Development Guide](https://docs.metamask.io/guide/snaps-development-guide.html)
- [Intro MetaMask Flask and Snaps (YouTube)](https://www.youtube.com/embed/2iUUwA5Bms)
- [ETH Denver: How to Revolutionize Web3 in 20 Minutes (YouTube)](https://www.youtube.com/watch?v=KhpCS8EbKTE)
- [A Quick Guide to MetaMask Snaps](https://etherworld.co/2022/01/19/a-quick-guide-to-metamask-snaps)

## Snaps Community

- [Experimental Snaps Dependencies Mono Repo](https://github.com/MetaMask/snaps-skunkworks)
- [Snaps Skunkworks Discussions](https://github.com/MetaMask/snaps-skunkworks/discussions)

## MetaMask Flask Resources

- [MetaMask Flask](https://metamask.io/flask)
- [Introducing Flask and Snaps (YouTube)](https://www.youtube.com/watch?v=2iUUwA5BmsI)
- [Start Using Flask by Creating Your First Snap](https://www.youtube.com/watch?v=FFOTojECeWc)

## Snaps Demos

- [MetaMask Flask and BTC Snap (YouTube)](https://www.youtube.com/watch?v=oxkmissJbiM)
- [MetaMask BTC Snap Source Code (YouTube)](https://github.com/KeystoneHQ/btcsnap)
- [MetaMask BTC Snap Live Demo](https://btcsnap.netlify.app)

- [FilSnap: A MetaMask Snap for Filecoin Devs](https://filecoin.io/blog/posts/metamask-flask-a-snap-for-filecoin/)
- [FilSnap Developer Preview: Filecoin in MetaMask](https://medium.com/metamask/developer-preview-metamask-snap-for-filecoin-c28b01dfdcb)
- [FilSnap Live Demo](https://filsnap.chainsafe.io)
- [Flask and Snaps Filecoin Demo with Erik Marks](https://www.youtube.com/watch?v=14uEYdgyEr8)

- [Password Manager Snap](https://github.com/ritave/snap-passwordManager)

- [Gas Fee Snap (@MidwitMilhouse)](https://github.com/Montoya/gas-fee-snap)

- [Awesome MetaMask Snaps (@piotrroslaniec)](https://github.com/piotr-roslaniec/awesome-metamask-snaps)

## Related Resources

- [Introducing web3 Plugins](https://medium.com/metamask/introducing-the-next-evolution-of-the-web3-wallet-4abdf801a4ee)
- [MetaMask and Web3 Resources](https://dev.to/httpjunkie/metamask-52bj)
LogicalKeyboardKey.meta in shortcut is triggered without pressing the other keys in the LogicalKeySet
Tags: help, flutter, dart
Published: 2022-03-21 11:25:48

Originally posted on: https://stackoverflow.com/questions/71556680/logicalkeyboardkey-meta-in-shortcut-is-triggered-without-pressing-the-other-keys


I've been working with `Shortcuts`, `Actions` and key binds with Flutter web. And I've found a weird behaviour that I can't find a solution to.

The thing is, I have defined a series of `LogicalKeySet` for a set of actions. I create 2 per action, one for windows and one for mac. They look something like this:
```dart
final boldKeySetWindows = LogicalKeySet(LogicalKeyboardKey.control, LogicalKeyboardKey.keyB);
final boldKeySetMac = LogicalKeySet(LogicalKeyboardKey.control, LogicalKeyboardKey.keyB);
```

I add them to the Actions widget as specified [here](https://docs.flutter.dev/development/ui/advanced/actions_and_shortcuts). 

```dart
final boldKeySetWindows = LogicalKeySet(LogicalKeyboardKey.control, LogicalKeyboardKey.keyB);
final boldKeySetMac = LogicalKeySet(LogicalKeyboardKey.control, LogicalKeyboardKey.keyB);

Shortcuts(
  shortcuts: {
    boldKeySetWindows: MEFormatIntent(boldFormatter),
    boldKeySetMac: MEFormatIntent(boldFormatter),
  },
  child: Actions(
    dispatcher: MEFormatActionDispatcher(),
    actions: <Type, Action<Intent>>{
      MEFormatIntent: MEFormatAction(_controller),
    },
  )
);
```

The problem or weird behaviour is the following, for windows (using control) it works fine, it only executes `MEFormatAction` when both `ctrl` and `b` are pressed.

But if I try using the `meta` key or `⌘` key plus `b` it works correctly the first time you press `cmd+b`, but after that, if I quickly press `cmd` again, it executes `MEFormatAction` again. (This behaviour does not happen with `ctrl`)

Am I missing something, or is this a bug? 

I have not tried anything as I have been unsuccessful in finding information regarding this behaviour, any help or advice is highly appreciated!
Available on iOS Android & Web
Tags: software, ios, android, webdev
Published: 2022-03-21 11:23:40

Manage your team remotely using your iPhone. Yaraa App is also available for Android and Web.
Try It Now: https://yaraai.com/
#mobileapp #androidapp #iosapp #collaboration #challenges #workplace #projectmanagement #pm #pmp #teamwork #team #new #yaraa #ai #business #suite #teamcollaboration #remoteteams #distributedteams #hybridteams #productivity #goals #teamwork #todo #todolist #videochat #features #work #product #follow #software
MVP Development - How to build an MVP in 60 days?
Tags: mvp, software, development, agile
Published: 2022-03-21 11:05:44

{% youtube -OU7GL6rZH0 %}

Hi! Is it possible to create an MVP in 60 days? Listen to the newest episode of Experts Zone where we are focusing on the process of the Minimum Viable Product creation.

Enjoy! You can also read the article at [Frontend House](https://frontendhouse.com/experts-zone/mvp-development-how-to-build-an-mvp-in-60-days-experts-zone-16).
Best IDE for Mac and windows
Tags: python, css, html
Published: 2022-03-21 11:01:44

1.**PyScripter**


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


2.**Spyder**


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


3.**Idle**


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


4.**PyCharm**


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


5.**Thonny**


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


6.**Vim**


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


7.**Visual Studio Code**



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



8.**Atom IDE**



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


9. **PyDev**


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


10.**GNU/Emacs**




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