teleren/devto huggingface dataset:
Custom Validatation For Phone Number Field Contact Form 7 WordPress
Tags: wordpress, php, webdev
Published: 2021-10-21 09:09:11

By using this snippet you can validate the Telephone field in your form. If you want to validate some specific pattren like US nummber you can use this regular expression to validate the pattren <pre>preg_match(/^[0-9]{3}-[0-9]{3}-[0-9]{4}$/)</pre>

{% gist https://gist.github.com/imuhammadshoaib/fe7b4146537ba2419e0deb246d0848c0 %}
Cherry-Pick Your Teammate's Changes Without Push 'n Pull-ing To Your Repo In IntelliJ
Tags: programming, webdev, git, tutorial
Published: 2021-10-21 08:53:30

You asked your teammate for help with a piece of code and they showed you the solution in their editor. Now you need to fetch those changes. Usually, this would mean a series of tedious Git commands for both of you (not to mention that the changes will forever grace your git history), but no longer - GitLive allows you to cherry-pick your teammate's changes straight from their local files without having to push and pull to Git.

In IntelliJ, open up the team window by clicking on the GitLive icon on the bottom tool window bar.

![IJ-ultimate_2-box.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1634659779314/0zhLYUIW3.png)

This will show a list of your teammates, if they are online (or away) and the issue they are currently working on. Click the arrow on the left-hand side of the teammate that helped you to see the repositories they have cloned, locate the one they made the changes to and click the arrow beside that too.



![IMG-2.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1639398608237/s6w-BmcCd.png)


Here, you can see the list of files changed by your teammate on their branch compared to the main branch. Files with asterisks next to the file icon contain changes made locally by your teammate that have not yet been pushed to the remote repository.

Since we are only interested in their local changes, click the filter icon at the bottom of the team window to filter to only the unpushed changes.


![IMG-3.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1639398600703/zGYH287l8.png)

Now we can see the single file that contains the solution we want to copy! Clicking on it will open a diff of the changes so we can make sure it contains only the changes we need. Now all we need to do is to right click on the file and select the cherry-pick option to pick the changes. And voilà - no need for any git push- or git pull -ing!


![IMG-4.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1639398593172/6-fjX8pz-.png)

You can also perform the cherry pick at the level above if you want to pick all changes from multiple files at once by right-clicking on the repository and selecting the cherry-pick option.


![IMG-5.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1639398583768/-XEEChZua.png)



Don't have the GitLive extension installed yet? You can [find GitLive here](https://plugins.jetbrains.com/plugin/11955-gitlive), and if you want to learn more, check out [this blog post](https://blog.git.live/gitlive-8-0-Cherry-picking-your-teammates-changes) or the [GitLive docs](https://docs.git.live/docs/cherrypicking/).
You can now enrol in my backend web development course 
Tags: php, javascript, html, bootstrap5
Published: 2021-10-21 08:32:28

You can now enrol in my backend web development course 

[https://www.aqskill.com/courses/backend-web-development-with-php-masterclass/?r=176](https://www.aqskill.com/courses/backend-web-development-with-php-masterclass/?r=176)

This course is designed for anyone who wants to acquire backend web development whether as a beginner or wants to advance his backend web development skill.

[https://www.aqskill.com/courses/backend-web-development-with-php-masterclass/?r=176](https://www.aqskill.com/courses/backend-web-development-with-php-masterclass/?r=176)
Unable to launch nvidia docker due to seccomp filter rules
Tags: docker, devops
Published: 2021-10-21 08:04:47

**Symptoms:**
```
$ sudo docker run --rm --gpus all nvidia/cuda:11.0-base nvidia-smi
docker: Error response from daemon: failed to create shim: OCI runtime create failed: container_linux.go:380: starting container process caused: error adding seccomp filter rule for syscall clone3: permission denied: unknown.
```

**Solution:**

Try reinstalling docker by following [the official guide](https://docs.docker.com/engine/install/ubuntu/).
Add SVGs with the CSS background image
Tags: css, svg, image, scss
Published: 2021-10-21 07:49:58

SVG supports animation, transparency, gradients, and is easily scalable without losing quality.

This is the reason we use a lot SVG on the web page instead of PNG and other image format.

It's easy to use in various way with CSS.

## Using `SVG` file
```css
selector {
   background-image: url( '/path/image.svg' );
}
```


## Using `SVG` embed code
This one is bit tricky, Its excepts entire `SVG` code in the `url` function.
Please take care of `'` and `"` by putting code inside the url.

```css
selector  {
   background-image: url('data:image/svg+xml,<svg>Add your own SVG</svg>');
}
```

> Image styling must be applied directly to its `SVG` code, Additional styling wont have any effect on encoded `SVG` image.

## Thanks

.{happy:code}
Current Offers | Mistrymitra | India's Online Service
Tags: labourers, contractors, mistryworkers, masons
Published: 2021-10-21 07:46:16

Customers in India can access local search-related Mistry, sellers, and services via a variety of channels, including a website and a mobile website. Its users get access to a variety of search services. These services leverage the internet to make some daily chores more accessible and actionable for users.

Our Current Offer:

Free Online Registration
You can either log in and register your services or have sent us your credentials. Your ID will be enrolled. It's completely free.

15 days’ Offer
Any Mistry/labor can join us and he/she will be provided with the job within 15days of timeframe.

Services We Provide:

Celling Mistry/ Contractor, Coating and polishing Mistry/ Contractor, Fabrication Mistry/ Contractor, Civil Mistry/ Contractor, Carpenter Mistry/ Contractor, Flooring Mistry/ Contractor, Labor Manson Contractor, Electric Mistry/ Contractor, Painting Contractor/ Painter, Plumbing Mistry/ Contractor and Waterproof Mistry/ Contractor.

Our Customer Benefits:



Anyone can use our products and services, regardless of where they are in India or what time of day it is. The internet is accessible seven days a week, 24 hours a day. As a result, our website will be available to our valued consumers at all times.
Our customers have easy access to information about our company. They can examine what items or services we offer at Mistrymitra, as well as our prices, location, and other information. It's only a few mouse clicks away.
Our social media sites are constantly updated for our valued consumers so that they may learn more about our new line of contractors.
We are a constantly growing company join us to enjoy the benefits of our current offers before it gets expired.

If you need any type of Mistry & contractor's then visit, www.mistrymitra.com contact us directly on Whatsapp +917565997701 or call us on  +918470844697.
Hook-up any API or SDK to your project: What are your painpoints?
Tags: developer, documents, integration
Published: 2021-10-21 07:37:40

---
title: Hook-up any API or SDK to your project: What are your painpoints?
published: true
description: 
tags: developer, documents, integration
---
As a developer or non-developer, what are your pain points when exploring a product or a feature that your boss or client want you to hook in to their application?

Leave them in the comments. :)
Linux File System Explained
Tags: linux, systems, ubuntu, webdev
Published: 2021-10-21 07:11:13

The Linux file system: a labyrinth of directories defined by the file system hierarchy standard,
navigate through it with the change directory command forward slash <cd/> drops you into the root, then with the <ls> command we can list out
the contents of this directory.

First you have the bin directory which contains binaries or executables that are essential to the
entire operating system, you can run these binaries from the command line at any time things like (gzip, curl, and even the ls command), 
but confusingly there's also an [ s-bin ] directory which contains system binaries
that should only be executed by the root
user like (mount or delete user), many of these
binaries may share common libraries which are stored in the lib directory. 

We also have a (usr) user directory with its own bin and s-bin directories; the binaries or applications here are non-essential to the operating system itself and intended for the end user.

You'll also notice a local directory
under user, this contains any binaries that you
compile manually to provide a safe place that won't conflict with any software installed by a system package manager.

All these binaries get mapped together with the path environment variable and that's why you can execute them from any directory in the terminal if you ever want to know where a binary lives.

At some point you may want to customize the behavior of the software on your system
the [etc] directory which stands for Et Cetera and this  is a Latin phrase: Et means “and.” Cetera means “the rest.” 
In other words the etc directory means simply editable text configuration.

Many of the files in etc end in conf and they're typically just text-based config files that you can modify in your editor (I prefer VIM) as an operating system.
Linux can support multiple users in the home directory you'll find a folder named after each user registered on the system, it contains the files configuration and software for that user
and you need to be logged in as that user or as a root user to modify it ..

Let's go back to the root: there are a few more directories here like:

>> boot: it contains the files needed
to boot the system like the linux kernel itself 

>> dev which stands for device files: here you can interface with hardware or drivers as if they were regular files, you might create disk partitions here or interface with your floppy drive

>>the op directory contains optional or
add-on software and you'll rarely interact with it 

>> var contains variable files that will change
as the operating system is being used
things like logs and cache files 

>> temp is for temporary files
that won't be persisted between reboots

and finally we have the weirdest one of
all:

>> the proc directory is an illusionary
file system that doesn't actually exist
on the disk but is created in memory on the fly by
the Linux kernel to keep track of running processes.
Jsonparser
Tags: jsonparser, javascript, jsoneditor
Published: 2021-10-21 07:08:15

JSON is a subset of JavaScript (hence its name). Json became popular around the time of web browser scripting languages. The JSON data structures are supported by nearly all popular programming languages, making it completely language-independent.

Why it is used ?
This is a fast and convenient method to send data to Javascript. JSON has nearly replaced XML in the last few years due to its simplicity and ease of processing by machines. json data is used to create in realtime and send a database to the clients. Json takes place of xml ,like it easy to read json than xml syntaxes.

Website- <a href="https://jsonparser.org/">https://jsonparser.org/ </a>
[Road to Job] #5 Done School. Now what?
Tags: beginners, webdev, cloud, career
Published: 2021-10-21 07:06:02

#Finally Done

I finally graduated! I'm not sure if I was more excited about that or the fact that I could finally spend all waking hours of the day doing something I loved.

Basically, in short, I fell in love with coding in my last year of EE and decided to drop all the hard work I put in to startup a EE career to pursue this passion. 

So I let my boss know that I would not be returning to work after I graduated to pursue my passion. She wished me the best of luck. I finished up my final exams. Graduated and now here I am, jobless and learning more and studying more than I ever have before. I also built an app for a startup I worked on with a friend in a incubator program over the summer but more on that another day.

#What I have been up to#

__Front End Web Dev__
It's been a few months now since I have graduated and I have kept quite busy. I have been self teaching myself HTML, CSS and JavaScript. Building responsive websites and working towards learning React next.

__AWS re/Start__
Also, in my quest to find new things to learn, I stumbled across cloud engineering and I found it quite fascinating. So in following this curiosity, I found this cool program called __AWS re/Start__ run in partnership with YES(Youth Employment Services). I applied and after some tests and interviews, I was in! 
(_I will start a series to discuss this further for those that are interested._)

__Google's 30 Days of Cloud__
Now another cool program I found was this 30 Days of Cloud that I found out about because I am still part of the discord server for the _Google Student Developer Club_ of my university. It's pretty neat because they have 4 tracks and it runs 4 days a week for a month and you get to learn:

1. Cloud Computing Fundamentals
2. Infrastructure in Google Cloud
3. Networking and Security in Google Cloud
4. Data, ML and AI in Google Cloud

and the coolest part..._it is all for free!_
(_I will start a series to discuss this as well so stay tuned!_)

__FREE Flutter Apprentice Book__
Yup, I am just raining down gems today. Another cool learning opportunity for you all. The Flutter team has partnered with Ray Wenderlich to offer this book for free until _January 6th, 2022_! I am already pretty decent with flutter but I figured it wouldn't hurt to read it in my spare time and watch the book club they have going on till Jan 6th.

#Links
__AWS re/Start__ : https://aws.amazon.com/training/restart/
__Google's 30 Days of Cloud__ : https://cloudcoach.dev/home/
__FREE Flutter Apprentice Book__ : https://flutter.dev/apprentice-giveaway

#TLDR
Learning web dev and the cloud full time and hoping to secure my first job in this new industry early next year.

Until then, onwards and upwards we go! 🚀
AWS IAM User MFA Enable
Tags: aws, security, cloud
Published: 2021-10-21 07:02:11

Sign in using IAM User Credentials. After that click user name and Go to My Security Credentials.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8v9qtvc51xp7yqzxcoj6.PNG)

Click the Assign MFA Device button.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2we1hte38kinas65sijd.PNG)

After that Click Virtual MFA Device and click Continue.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/o7qqziucfas3qgo1uxao.PNG)

After that install Google Authenticator for Your mobile and Scan QR code and add MFA Device.

Google Authenticator download (Google playstore & Apple AppStore)

https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2

https://apps.apple.com/us/app/google-authenticator/id388497605

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

After that provide MFA code 1 and MFA code 2. You can see MFA code inside the Google Authenticator app. Wait for 10 seconds and get MFA code 2. Finally, click the Assign MFA button you can see Successful Message for MFA.

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

After that sign out AWS Management Console and Sign In again using the IAM user name and Password. You want to provide an MFA code for Sign In.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xd73b6qq5sa6t0x437nw.PNG)

Finally, You can log AWS Management Console.
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oe6tzlsk5h1zkf6gl73p.PNG)

Thanks for reading the Article.
How to use kubernetes livenessProbe, readinessProbe, startupProbe?
Tags: kubernetes, devops, aws, devjournal
Published: 2021-10-21 06:59:47

{% youtube aTlQBofihJQ %}

GitHub - https://github.com/rahulwagh/spring-boot-docker

Maintaining a healthy Kubernetes cluster is really challenging especially if you have not configured the Liveness, Readiness, and Startup Probes correctly for your containers deployed under Kubernetes containers.

If I have to put it in a simple way -

1. Liveness probes - It is responsible for restarting your container if it senses a deadlock.
2. Readiness probes - This probe will tell when the container is ready to start traffic.
3. Startup probes - It tells when the container application has started.



In this lab session, we are going to see - 

1. What are Kubernetes Probes?
2. How to create Kubernetes liveness probes?
3. How to create Kubernetes Readiness probes?
3. How to create Kubernetes Startup probes?

How to implement Kubernetes liveness, Readiness and Startup probes - https://jhooq.com/kubernetes-liveness-readiness-startup-probes/

GitHub - https://github.com/rahulwagh/spring-boot-docker
CosmosDB: Property & defined
Tags: azure, cosmosdb, andreacarratta, cloud
Published: 2021-10-21 06:50:42

🌎 CosmosDB: Property & defined

🧪 Sai come verificare l'esistenza o meno di una proprietà nei tuoi documenti?

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

In tutta sincerita' questo articolo doveva uscire ieri come post sui social, ma un imprevisto personale mi ha fatto slittare la pubblicazione non avendo trovato il tempo di scriverlo. Mi spiace e dico davvero.

Ora -dopo questa premessa- veniamo dritti al tips del giorno legato al mondo di CosmosDB.

❓ Come faccio a capire se in un documento una determinata proprieta' e' presente oppure no?

Il come fare e' proprio quello che vi mostro nel seguente articolo con un piccolo tips a cui porre attenzione mentre effettuate le verifiche del caso. 

🔗 [CosmosDB: Property & defined](https://links.devandreacarratta.it/64h4)



☕ Buona giornata


#azure #cosmosdb #clouddevelopment #andreacarratta
Hacktoberfest #3
Tags: hacktoberfest, opensource
Published: 2021-10-21 06:46:47

In third week of Hacktoberfest, I have choose very interesting [open source project](https://github.com/mohitjaisal/VXPlayer) and [PR](https://github.com/mohitjaisal/VXPlayer/pull/15). The VXPlayer is a fully custom media player made with only JavaScript, HTML and CSS. The [issue](https://github.com/mohitjaisal/VXPlayer/issues/14) is user only allow to control the video skipping backward and forward with button on the video player. Therefore, VXPlayer requires the feature that skips the video forward and backward with keyboard control. 

Before I start the code to add this feature, I should know how to VXPlayer accept the keyboard control. Mozilia MDN Web Docs provides a [document](https://developer.mozilla.org/en-US/docs/Games/Techniques/Control_mechanisms/Desktop_with_mouse_and_keyboard) for controlling with keyboard. Basically, the each key on the keyboard has unique key code. For example, right arrow key has 39 key code and left arrow key has 37 key code.

I realized that the functionalities for skipping backward and forward already defined after I have reviewed the code. The animations have also defined. Therefore, I do not have to repeat to code again. The function called `forwardTenSeconds` and 'backwardTenSeconds' has own its functionality for forwarding 10 seconds and backwarding 10 seconds respectively. I have created functions `arrowBackwardTenSeconds` and `arrowForwardTenSeconds`that receive keyboard event as parameter and compare the keycode from keyboard event on the function body. Then, I execute the corresponding 
defined function. 

Now I have to add event listener for keyboard control. The other event listeners are chained with the button but controlling with  keyboard should chained with `window` object. so that, user can skip the video with keyboard on the window browser. This is the code for skipping 10 second forward with right arrow key on the keyboard
```
function arrowForwardTenSeconds(e) {
  if (e.keyCode == 39)
    forwardTenSeconds(e);
}
window.addEventListener('keydown',arrowForwardTenSeconds);
``` 
After I had completed the feature, I realized that it would be better to have a feature that allows to user pause and play control with space bar on the keyboard. I asked project maintainer to have approval that I can add extra feature. This feature has done very easily because it is very similar to previous implementation. 

This issue was done very straightforward. This is because I defined what the problem is and how to approach the problem before I write the code. I wish I keep this habit for further Hacktoberfest and project.
Top 10 Best Software Editor for Web Developer
Tags: beginners, discuss
Published: 2021-10-21 06:37:47

Software development is a broad subject, and it’s not so easy to learn about all its aspects at once. To do this, we can use various software editor developed with the specific purpose of assisting us in our work. However, determining which one best suits your working style and needs is often complicated and confusing. Therefore, I would present you the list of 10 most popular and efficient software editors for web developer.

<h1>List of Top 10 Software Editor For Web Developer</h1>

<ul>
<li>Visual Studio Code</li>
<li>Sublime Text 3</li>
<li>Atom</li>
<li>PyCharm</li>
<li>Webstorm</li>
<li>NetBeans</li>
<li>Brackets</li>
<li>Code::Blocks</li>
<li>Eclipse</li>
<li>NOTEPAD++</li>
</ul>

I hope you Learn Something New Things for this article.
microsoft certified azure fundamentals practice test
Published: 2021-10-21 06:27:48

This was very interesting but I say you, microsoft certified azure fundamentals practice test help pass the exam on the first attempt. The exam preparation material is available in PDF questions, desktop & web-based App. You can also take a free demo of <a href=" https://www.study4exam.com/microsoft/microsoft-azure-fundamentals-questions-pdf "> microsoft certified azure fundamentals practice test</a>
Avoiding false alarms
Published: 2021-10-21 06:23:00

During my first year as a tester, I had a false-alarm rate I wasn't proud of until I adopted a routine, some borrowed from my mentor Alan Giles, and some borrowed from the team at Digital Purpose, and some I found for myself. A high false-alarm rate decreases trust between yourself and the team, so it's important to get it down. This is what I do. 

- Don't panic. Consider all the possibilities. Are you missing something? What are you assuming? 

- Is your test environment set up properly?

- Are you using the correct build?

- Is the replicator using the correct build?

- are you using the test user you think you’re using?

- Check the server is refreshed. Your team might have alerts connected to your deployment pipeline of choice. This comes in handy. 

- Hard refresh your browser tab. That is Ctrl+F5 or Ctrl+Shift+R on Windows. 

- Re-test sequences that find bugs to check you saw what you think you saw. The issue here is not to re-test so many times you run out of time to fix issues. I've heard of people that record all their testing efforts to make back-tracking easier. 

- However, don't go too quickly. Accuracy >>>>>>> Speed. Or, it's not speedy if it's wrong and you have to do it again.

- Test with accounts created before and after the change - Does the feature / bug fix need to work retrospectively? If it's for a green-field release, probably not. If it isn't, probably. It may also be best to just always test with a fresh account. 
Account set-up can be speeded up with a Postman API request, or even a set of them, with the Runner hooked up to the Auth details of the new user (first step done manually to fetch this).

- Confirm the requirements with the rest of the team. Does it qualify as a requirement, written or un-written?

- Check your test data is set up properly. Are you testing what you think you're testing, or it is another scenario?