{"tag":{"id":"56744721958ef13879b94cad","name":"JavaScript","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1607082785538/EryuLRriM.png","slug":"javascript","tagline":"JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions","__typename":"Tag"},"publication":{"__typename":"Publication","id":"60feafdc1be2da0c4ab76eeb","url":"https://blog.aashish-panthi.com.np","canonicalURL":"https://blog.aashish-panthi.com.np","urlPattern":"SIMPLE","title":"Aashish's blogs","displayTitle":"All about programming and building fullstack web application and mobile application. Blogs by Aashish Panthi from Nepal","hasBadges":true,"descriptionSEO":"I am a full stack developer and here I share my experiences and also share some guides or tutorials for doing certain things related to web development with Javascript and topics.","about":{"html":"

A developer trying to do some weird things.

Let's gain && share knowledge.

\n","__typename":"Content"},"features":{"newsletter":{"isEnabled":true,"__typename":"NewsletterFeature"},"viewCount":{"isEnabled":false,"__typename":"ViewCountFeature"},"readTime":{"isEnabled":true,"__typename":"ReadTimeFeature"},"audioBlog":{"isEnabled":true,"voiceType":"MALE","__typename":"AudioBlogFeature"},"textSelectionSharer":{"isEnabled":true,"__typename":"TextSelectionSharerFeature"},"customCSS":{"isEnabled":false,"published":{"__typename":"CustomCSS","homeMinified":null,"postMinified":".blog-impressum>.prose{padding-bottom:3rem}.dark .blog-impressum>.prose{padding-bottom:3rem}.blog-impressum>.prose>h3{visibility:hidden}.dark .blog-impressum{border:1px solid #3c4654}.dark .dark\\:bg-brand-dark-grey-900{background-color:#222830}.dark .dark\\:bg-brand-black{background-color:#222830}.dark .blog-header{background-color:#222830}.dark .text-brand-blue{color:#abc}.dark .dark\\:border-brand-grey-800{border-color:#222830}.dark .blog-series{border-color:#38404c}.dark .dark\\:bg-brand-grey-900{background-color:#1b2021}pre{border:1px solid gainsboro}.dark .prose a{color:#93b0ff}.prose pre{color:#373737;background-color:#fff}.hljs-params,.hljs-class .hljs-title{color:#166fc1}.dark .hljs-params,.hljs-class .hljs-title{color:#68aff0}.hljs-code,.hljs-title,.hljs-section,.hljs-selector-class{color:#63bd00}.hljs-comment{color:#afafaf}.dark .hljs-comment{color:#5a5a5a}.hljs,.hljs-tag,.hljs-subst{color:#0e0e0e}.dark .hljs,.hljs-tag,.hljs-subst{color:#f8f8f2}.dark .prose pre{color:#e2e8f0;background-color:#222830;border-color:#45505e}.dark .hljs-string,.dark .hljs-type,.dark .hljs-built_in,.dark .hljs-builtin-name,.dark .hljs-selector-id,.dark .hljs-selector-attr,.dark .hljs-selector-pseudo,.dark .hljs-addition,.dark .hljs-variable,.dark .hljs-template-variable{color:#9db0ff}.dark .hljs-code,.dark .hljs-title,.dark .hljs-section,.dark .hljs-selector-class{color:#47cd92}.dark .hljs-keyword,.hljs-selector-tag,.hljs-name,.hljs-attr{color:#ff82af}.hljs-string,.hljs-type,.hljs-built_in,.hljs-builtin-name,.hljs-selector-id,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-addition,.hljs-variable,.hljs-template-variable{color:#035af9}.blog-post-area{padding-top:20px}.post-cover{border-radius:8px}.dark .border-brand-blue{border-color:#4c5869}.border-brand-blue{border-color:#e0e0e0}.button-transparent.active{color:#5c5c5c}.dark .button-transparent.active{color:#949494}.dark .button-primary{border-color:#c5c5c5;color:#eae7e7}.btn-reaction-spp:hover{animation:shake .8s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.blog-post-detail-card{padding-top:1rem}@media(min-width:640px){.blog-author-card{padding-top:2rem}}@media(min-width:768px){.blog-author-card{padding-top:2rem}}@media(min-width:1024px){.blog-author-card{padding-top:3rem}.blog-header{position:fixed;width:100%;background:#fff}.dark .blog-header{position:fixed;width:100%}.blog-header+div{padding-top:8.4rem}}@media(min-width:1280px){.blog-author-card{padding-top:2rem}.blog-header+div{padding-top:9.5rem}.sticky{top:90px !important}}@media(min-width:1600px){.blog-author-card{padding-top:1.5rem}}","staticMinified":null},"draft":{"__typename":"CustomCSS","homeMinified":null,"postMinified":".blog-impressum>.prose{padding-bottom:3rem}.dark .blog-impressum>.prose{padding-bottom:3rem}.blog-impressum>.prose>h3{visibility:hidden}.dark .blog-impressum{border:1px solid #3c4654}.dark .dark\\:bg-brand-dark-grey-900{background-color:#222830}.dark .dark\\:bg-brand-black{background-color:#222830}.dark .blog-header{background-color:#222830}.dark .text-brand-blue{color:#abc}.dark .dark\\:border-brand-grey-800{border-color:#222830}.dark .blog-series{border-color:#38404c}.dark .dark\\:bg-brand-grey-900{background-color:#1b2021}pre{border:1px solid gainsboro}.dark .prose a{color:#93b0ff}.prose pre{color:#373737;background-color:#fff}.hljs-params,.hljs-class .hljs-title{color:#166fc1}.dark .hljs-params,.hljs-class .hljs-title{color:#68aff0}.hljs-code,.hljs-title,.hljs-section,.hljs-selector-class{color:#63bd00}.hljs-comment{color:#afafaf}.dark .hljs-comment{color:#5a5a5a}.hljs,.hljs-tag,.hljs-subst{color:#0e0e0e}.dark .hljs,.hljs-tag,.hljs-subst{color:#f8f8f2}.dark .prose pre{color:#e2e8f0;background-color:#222830;border-color:#45505e}.dark .hljs-string,.dark .hljs-type,.dark .hljs-built_in,.dark .hljs-builtin-name,.dark .hljs-selector-id,.dark .hljs-selector-attr,.dark .hljs-selector-pseudo,.dark .hljs-addition,.dark .hljs-variable,.dark .hljs-template-variable{color:#9db0ff}.dark .hljs-code,.dark .hljs-title,.dark .hljs-section,.dark .hljs-selector-class{color:#47cd92}.dark .hljs-keyword,.hljs-selector-tag,.hljs-name,.hljs-attr{color:#ff82af}.hljs-string,.hljs-type,.hljs-built_in,.hljs-builtin-name,.hljs-selector-id,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-addition,.hljs-variable,.hljs-template-variable{color:#035af9}.blog-post-area{padding-top:20px}.post-cover{border-radius:8px}.dark .border-brand-blue{border-color:#4c5869}.border-brand-blue{border-color:#e0e0e0}.button-transparent.active{color:#5c5c5c}.dark .button-transparent.active{color:#949494}.dark .button-primary{border-color:#c5c5c5;color:#eae7e7}.btn-reaction-spp:hover{animation:shake .8s cubic-bezier(.36,.07,.19,.97) both;transform:translate3d(0,0,0);backface-visibility:hidden;perspective:1000px}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.blog-post-detail-card{padding-top:1rem}@media(min-width:640px){.blog-author-card{padding-top:2rem}}@media(min-width:768px){.blog-author-card{padding-top:2rem}}@media(min-width:1024px){.blog-author-card{padding-top:3rem}.blog-header{position:fixed;width:100%;background:#fff}.dark .blog-header{position:fixed;width:100%}.blog-header+div{padding-top:8.4rem}}@media(min-width:1280px){.blog-author-card{padding-top:2rem}.blog-header+div{padding-top:9.5rem}.sticky{top:90px !important}}@media(min-width:1600px){.blog-author-card{padding-top:1.5rem}}","staticMinified":null},"__typename":"CustomCSSFeature"},"__typename":"PublicationFeatures"},"ogMetaData":{"image":"https://cdn.hashnode.com/res/hashnode/image/upload/v1662002523004/ZCPNjdO0Z.png","__typename":"OpenGraphMetaData"},"author":{"__typename":"User","id":"60feaf99fa408f0c89bd2b11","name":"Aashish Panthi","username":"aashishpanthi","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1656265103791/HZfkKUGIv.jpg"},"preferences":{"__typename":"Preferences","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1662002711009/x33eB9pyo.png","darkMode":{"__typename":"DarkModePreferences","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1662002756066/k3_V3jMmd.png","enabled":false},"navbarItems":[{"__typename":"PublicationNavbarItem","id":"63a72363c39f50da11a5ae84","label":"DevRetro","url":"https://blog.aashish-panthi.com.np/series/devretro-2022","priority":4,"type":"series","series":{"__typename":"Series","id":"63a72325b1011ed9ec6cebd6"},"page":null},{"__typename":"PublicationNavbarItem","id":"612bbf5bfd0bf8636d76e12b","label":"JavaScript","url":"https://blog.aashish-panthi.com.np/series/javascript","priority":3,"type":"series","series":{"__typename":"Series","id":"612bbf312858872661b9bcee"},"page":null},{"__typename":"PublicationNavbarItem","id":"612bbf46fd0bf8636d76e128","label":"JS libraries","url":"https://blog.aashish-panthi.com.np/series/javascript-frameworks","priority":2,"type":"series","series":{"__typename":"Series","id":"612929689da1766342ad6d6a"},"page":null},{"__typename":"PublicationNavbarItem","id":"6367da724eeb55c059f20849","label":"Portfolio","url":"https://aashishpanthi.info.np/","priority":0,"type":"link","series":null,"page":null}],"enabledPages":{"__typename":"PagesPreferences","badges":true,"newsletter":true,"members":null},"layout":"magazine","disableFooterBranding":false},"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1649938858669/MUCTzzAqy.png","headerColor":"#092050","integrations":{"fbPixelID":"","fathomSiteID":"","fathomCustomDomainEnabled":null,"fathomCustomDomain":"","hotjarSiteID":"","matomoSiteID":null,"matomoURL":"","gaTrackingID":"","plausibleAnalyticsEnabled":null,"wmPaymentPointer":"","umamiWebsiteUUID":"d8e93366-d0d4-4d5d-b39d-867f7c22772a","__typename":"PublicationIntegrations"},"imprint":"","postsCount":56,"isTeam":false,"links":{"twitter":"https://twitter.com/aashishpanthi11","instagram":"https://instagram.com/aashishpanthi11","github":"https://github.com/aashishpanthi","website":"https://aashish-panthi.com.np/","hashnode":"https://hashnode.com/@aashishpanthi","youtube":"https://www.youtube.com/channel/UCe3WNME_cssAFpwLQkvADBw","dailydev":"https://app.daily.dev/aashishpanthi","linkedin":"https://linkedin.com/in/aashishpanthi","mastodon":null,"__typename":"PublicationLinks"},"domainInfo":{"__typename":"DomainInfo","hashnodeSubdomain":"aashishpanthi","domain":{"__typename":"DomainStatus","host":"blog.aashish-panthi.com.np","ready":true},"wwwPrefixedDomain":null},"redirectionRules":[],"sponsorship":{"content":null,"stripe":null,"__typename":"PublicationSponsorship"},"pro":null,"posts":{"edges":[{"node":{"id":"6474dca08019610ff660ee87","title":"Client-Side Form Validation Basics","slug":"client-side-form-validation-basics","publishedAt":"2023-05-29T17:10:56.311Z","cuid":"cli93w0mv000009l62erqflzt","url":"https://blog.aashish-panthi.com.np/client-side-form-validation-basics","subtitle":"","brief":"Client-side form validation is a crucial aspect of web development that ensures data integrity and enhances the user experience. In this comprehensive guide, we will explore the ins and outs of client-side form validation using JavaScript. We'll cove...","readTimeInMinutes":11,"views":265,"author":{"id":"60feaf99fa408f0c89bd2b11","username":"aashishpanthi","name":"Aashish Panthi","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1656265103791/HZfkKUGIv.jpg","followersCount":62,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1685381663127/a02e26ba-d1a1-44af-90aa-c1e00026e913.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjQ3NGRjYTA4MDE5NjEwZmY2NjBlZTg3XzIwMjMtMDUtMjlUMTc6MTA6NTYuMzExWg==","__typename":"PostEdge"},{"node":{"id":"63d7b7aabee47b3d82b45440","title":"Form Validation with Joi","slug":"form-validation-with-joi","publishedAt":"2023-01-30T12:27:22.763Z","cuid":"cldisczkb000z09mebhhda41m","url":"https://blog.aashish-panthi.com.np/form-validation-with-joi","subtitle":"","brief":"Validating form values is an important step in ensuring the integrity and accuracy of the data being collected. One popular tool for this task is Joi, a JavaScript object schema validation library. With Joi, you can define a schema for your form valu...","readTimeInMinutes":5,"views":829,"author":{"id":"60feaf99fa408f0c89bd2b11","username":"aashishpanthi","name":"Aashish Panthi","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1656265103791/HZfkKUGIv.jpg","followersCount":62,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1675081476646/0c990d29-8ab0-4c41-97e0-f3544a839765.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjNkN2I3YWFiZWU0N2IzZDgyYjQ1NDQwXzIwMjMtMDEtMzBUMTI6Mjc6MjIuNzYzWg==","__typename":"PostEdge"},{"node":{"id":"631c1ad5f73f4734bc05305c","title":"Me & Javascript: 4 years in 4 minutes","slug":"me-javascript-4-years-in-4-minutes","publishedAt":"2022-09-10T05:04:21.740Z","cuid":"cl7vg0auz04wix9nv0un4a2ye","url":"https://blog.aashish-panthi.com.np/me-javascript-4-years-in-4-minutes","subtitle":"Here is my four years of learning journey in four minutes","brief":"At this date, I can call myself a full-stack javascript developer. Let me walk you through my learning journey of javascript.\nHow it all started\n\nIt all started back in 2019 when I was in 9th grade. I was somewhat familiar with HTML and CSS but I saw...","readTimeInMinutes":4,"views":353,"author":{"id":"60feaf99fa408f0c89bd2b11","username":"aashishpanthi","name":"Aashish Panthi","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1656265103791/HZfkKUGIv.jpg","followersCount":62,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1662750374688/QlYvYNVWH.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjMxYzFhZDVmNzNmNDczNGJjMDUzMDVjXzIwMjItMDktMTBUMDU6MDQ6MjEuNzQwWg==","__typename":"PostEdge"},{"node":{"id":"62f65906fffdab933bde49bb","title":"Send professional email using nodemailer and zoho","slug":"send-professional-email-using-nodemailer-and-zoho","publishedAt":"2022-08-12T13:43:34.790Z","cuid":"cl6qisbkp05mqgenv5yd4bio8","url":"https://blog.aashish-panthi.com.np/send-professional-email-using-nodemailer-and-zoho","subtitle":"We will use nodemailer, Cloudflare, and Zoho mail to set up and send email using node js","brief":"We will look at the easy and free way to send emails using nodejs in this article. We will use nodemailer to send emails and use Zoho for email setup. Now, let's go over the detail:\nWhat is Nodemailer?\nNodemailer is a module for Node.js applications ...","readTimeInMinutes":10,"views":719,"author":{"id":"60feaf99fa408f0c89bd2b11","username":"aashishpanthi","name":"Aashish Panthi","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1656265103791/HZfkKUGIv.jpg","followersCount":62,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1660311775387/6mkWyPuHH.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjJmNjU5MDZmZmZkYWI5MzNiZGU0OWJiXzIwMjItMDgtMTJUMTM6NDM6MzQuNzkwWg==","__typename":"PostEdge"},{"node":{"id":"62e949e892b7fd0a78c33896","title":"Creating a price tracker with MERN","slug":"creating-a-price-tracker-in-mern","publishedAt":"2022-08-02T15:59:36.593Z","cuid":"cl6cd8rcv00nlfvnv5g0pcbjo","url":"https://blog.aashish-panthi.com.np/creating-a-price-tracker-in-mern","subtitle":"This is the project that I submitted for the recent online hackathon and I want to share how you can also build this app.","brief":"Idea\nThe main idea of the app is that a user should be able to track the price of the product or stock and get notified whenever the price drops within the budget defined by the user. And even track the price fluctuation history and present with the ...","readTimeInMinutes":34,"views":855,"author":{"id":"60feaf99fa408f0c89bd2b11","username":"aashishpanthi","name":"Aashish Panthi","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1656265103791/HZfkKUGIv.jpg","followersCount":62,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1659446620238/-1L7gJWA_.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjJlOTQ5ZTg5MmI3ZmQwYTc4YzMzODk2XzIwMjItMDgtMDJUMTU6NTk6MzYuNTkzWg==","__typename":"PostEdge"},{"node":{"id":"626a84e16072cdb96d147dc4","title":"How does JavaScript work?","slug":"how-does-javascript-work","publishedAt":"2022-04-28T12:13:21.472Z","cuid":"cl2iyvzsf01dj13nva7919c3y","url":"https://blog.aashish-panthi.com.np/how-does-javascript-work","subtitle":"Let's learn about web APIs, even loop, call stack and many more","brief":"Now let's go from the definition of javascript all the way up to understanding how it really works.\nMay be you already know these few things at top, but let's just start from the ground level.\nSo, What is javascript?\nJavaScript is a dynamically typed...","readTimeInMinutes":7,"views":199,"author":{"id":"60feaf99fa408f0c89bd2b11","username":"aashishpanthi","name":"Aashish Panthi","profilePicture":"https://cdn.hashnode.com/res/hashnode/image/upload/v1656265103791/HZfkKUGIv.jpg","followersCount":62,"__typename":"User"},"coverImage":{"url":"https://cdn.hashnode.com/res/hashnode/image/upload/v1650523089269/jGEaR9SES.png","isPortrait":false,"__typename":"PostCoverImage"},"__typename":"Post"},"cursor":"NjI2YTg0ZTE2MDcyY2RiOTZkMTQ3ZGM0XzIwMjItMDQtMjhUMTI6MTM6MjEuNDcyWg==","__typename":"PostEdge"}],"pageInfo":{"endCursor":"NjI2YTg0ZTE2MDcyY2RiOTZkMTQ3ZGM0XzIwMjItMDQtMjhUMTI6MTM6MjEuNDcyWg==","hasNextPage":true,"__typename":"PageInfo"},"__typename":"PublicationPostConnection"}}}