A simple, yet powerful project using plain JavaScript, HTML, and raw CSS. Let's build an application to Generate, Validate, and Expire OTP(One Time Password).
এই একটি প্রোজেক্ট দিয়ে আপনারা এই concepts গুলো বুঝতে আর practice করতে পারবেন:
- Logic Building
- Design approach for a problem
- Loading mode of Script in HTML
- DOM Manipulation
- Event Handling
- Handling JavaScript Web APIs
- Variable Scoping
- Array vs Array-Like in JavaScript
- How To Stitch Things together
আশা রাখছি এই ভিডিওটা আপনার হেল্পফুল হবে, এবং আপনি অনেক কিছু নুতুন করে শিখতে পারবেন! আপনার ভালবাসা আর সাপোর্ট দুটোই চাই। 🫶
Please LIKE/SHARE/SUBSCRIBE to tapaScript বাংলা এবং tapaScript English চ্যানেল দুটিতে। ধন্যবাদ।
Subscribe to tapaScript English
- tapaScript English: / tapasadhikary
Join tapaScript Discord
- tapaScript Discord Link: / discord
Like and Follow tapaScript FB Page
- FB Page: / tapascript
You May LIke this too
- How To Use CS Code Emmets: • How to code faster wit...
- How To Lead The Scripts in HTML: • What's the best way to...
Source Code Used
- Please follow tapaScript on GitHub: github.com/tapascript/js-proj...
Timecodes
0:00 - What Are We Building Today?
03:28 - Design of the OTP App
08:02 - The HTML Structure
12:39 - Finish the CSS Part
23:38 - Focusing OTP Boxes With Input Event
40:12 - Generate OTP With 2 Sec Delay
46:54 - Validate OTP
1:04:22 - Expire and Regenerate OTP
1:11:38 - A Task For YOU!
1:12:51 - Last Words
🤝 My Links to Follow:
- Blog: blog.greenroots.info/
- Follow on X(Twitter): / tapasadhikary
- Connect on LinkedIn: / tapasadhikary
- Follow My Work on GitHub: github.com/tapascript
- Follow on Facebook: / tapasadhi
👋 Like my work? Thank You. You can sponsor me from here:
- Sponsor Me: github.com/sponsors/atapas
- Sponsor my Blog: blog.greenroots.info/sponsor
About Me:
Tapas Adhikary is an Educator at tapaScript, Tech enthusiast, Writer, RU-vidr, and Open Source projects maintainer/contributor. He is a full-stack developer who has vast experience in building SaaS solutions. He is the founder of the ReactPlay platform, which is driven by open-source projects and a fast-growing community.
You can find more about him at tapasadhikary.com.
Credit: The SVG image on the cover photo is from storyset.com/illustration/ent...
#javascript
#dom
#javascriptdom
#programming
#javascripttutorial
#learnjavascript
#javascriptproject
#javascriptprojects
#html
#css
#webdevelopment
15 июл 2024