tapaScript Bangla
tapaScript Bangla
  • 24
  • 65 346
React Machine Coding Interview || Solve Filling The Jug problem
- 👉 Don't forget to SUBSCRIBE: www.youtube.com/@tapascript-bangla
- 👉 Subscribe to tapaScript English: ua-cam.com/users/tapasadhikary
- 👉 Follow tapaScript FB: tapascript
- 👉 Follow tapaScript GitHub: github.com/tapascript
Let's be a Proffessional React Dveloper. For that we need to conquire the interviews. এই ভিডিওতে আমরা ReactJS নিয়ে যে প্রোজেক্ট করবো, সেইটা মেশিন কোডিং round কে মাথায় রেখে। Solve the problem of Filling the Jug.
আশা রাখছি এই ভিডিওটা আপনার হেল্পফুল হবে, এবং আপনি অনেক কিছু নুতুন করে শিখতে পারবেন! আপনার ভালবাসা আর সাপোর্ট দুটোই চাই। 🫶
Timecodes
0:00 - Machine Coding Interview
02:35 - The Problem Statement
06:31 - Expectations
08:03 - What Are We Building Today?
11:29 - Create a Container With Water
17:25 - Laying Out Buttons
21:36 - Increasing Water Level
36:48 - Show the Water Percentage
39:29 - Reduce the Water Level
41:10 - Animate the Water
48:39 - Time-Based Animation
57:50 - Task for You
## Source Code Repository: github.com/tapascript/react-questions
## Learn CSS Animation: ua-cam.com/video/7yCVRMfjxh8/v-deo.html
## Credit
- The Jug Photo in the Cover image is from: www.vecteezy.com/free-png/water-jug(Water Jug PNGs by Vecteezy)
## 🤝 My Links to Follow:
- Blog: blog.greenroots.info/
- Follow on X(Twitter): tapasadhikary
- Connect on LinkedIn: www.linkedin.com/in/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, UA-camr, and Open Source projects maintainer/contributor. He is a full-stack developer with 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.
#react
#reactjs
#machinecoding
#reactjsinterview
#useeffect
#reactjsforbeginners
#reactjstutorialforbeginners
#reactjsinterviewquestions
#learnreact
#learnreactjs
#webdevelopment
Переглядів: 1 597

Відео

EXPERT Reveals A Top React Interview Question on useEffect!
Переглядів 4,4 тис.14 годин тому
- 👉 Don't forget to SUBSCRIBE: www.youtube.com/@tapascript-bangla - 👉 Subscribe to tapaScript English: ua-cam.com/users/tapasadhikary - 👉 Follow tapaScript FB: tapascript - 👉 Follow tapaScript GitHub: github.com/tapascript Let's learn React differently in Bangla. আমরা এই ভিডিওতে একটা core concept শিখবো কিন্তু সেইটা প্রশ্ন উত্তরের মাধ্যমে। আশা রাখছি এই ভিডিওটা আপনার হেল্পফুল হবে, এব...
JavaScript Array Course || Part 4 || Array-Like & Statics
Переглядів 60114 днів тому
Understand what are Arry-Like and Static methods in JavaScript and where to use them. In this video, we will lean about some unseen usages of Array in JavaScript. - 👉 Don't forget to SUBSCRIBE: www.youtube.com/@tapascript-bangla - 👉 Subscribe to tapaScript English: ua-cam.com/users/tapasadhikary - 👉 Follow tapaScript FB: tapascript - 👉 Follow tapaScript GitHub: github.com/tapascrip...
JavaScript Array Course || Accessors & Mutators || Part 3
Переглядів 86821 день тому
Understand JavaScript Arrays in-depth with examples and interview questions. এই ভিডিওতে part 3 টা cover করা হয়েছে এবং গুরুত্বপূর্ণ জিনিস শেখানো হয়েছে জাভাস্ক্রিপ্ট Array নিয়ে। সম্পূর্ণ দেখন, শিখুন, আর Practice করুন। This part covers the accessor and mutator methods of JavaScript Array. I hope you find it helpful. - 👉 Don't forget to SUBSCRIBE: www.youtube.com/@tapascript-bangla - 👉 Subscribe to...
Why Props Are ReadOnly in React? Learn With Patterns
Переглядів 1,3 тис.Місяць тому
Learn why props are read-only in React with a deep dive into React's fundamental design patterns. সম্পূর্ণ দেখন, শিখুন, আর Practice করুন। - 👉 Don't forget to SUBSCRIBE: www.youtube.com/@tapascript-bangla - 👉 Subscribe to tapaScript English: ua-cam.com/users/tapasadhikary - 👉 Follow tapaScript FB: tapascript - 👉 Follow tapaScript GitHub: github.com/tapascript আশা রাখছি এই ভিডিওটা আপ...
Mastering JavaScript Array || Full COURSE || Part 2
Переглядів 1,6 тис.Місяць тому
Understand JavaScript Arrays in-depth with examples and interview questions. এই ভিডিওতে part 2 টা cover করা হয়েছে এবং গুরুত্বপূর্ণ জিনিস শেখানো হয়েছে জাভাস্ক্রিপ্ট Array নিয়ে। সম্পূর্ণ দেখন, শিখুন, আর Practice করুন। - 👉 Don't forget to SUBSCRIBE: www.youtube.com/@tapascript-bangla - 👉 Subscribe to tapaScript English: ua-cam.com/users/tapasadhikary - 👉 Follow tapaScript FB: tapascri...
Mastering JavaScript Array || Full COURSE || Part 1
Переглядів 2,9 тис.Місяць тому
Understand JavaScript Arrays in-depth with examples and interview questions. এই ভিডিওতে part 1 টা cover করা হয়েছে এবং গুরুত্বপূর্ণ জিনিস শেখানো হয়েছে জাভাস্ক্রিপ্ট Array নিয়ে। সম্পূর্ণ দেখন, শিখুন, আর Practice করুন। - 👉 Don't forget to SUBSCRIBE: www.youtube.com/@tapascript-bangla - 👉 Subscribe to tapaScript English: ua-cam.com/users/tapasadhikary - 👉 Follow tapaScript FB: tapascri...
JavaScript Functions Made EASY for Beginners || Crash Course
Переглядів 4,3 тис.3 місяці тому
- ✅ Want this Crash Course in English? ua-cam.com/video/UPeFK1uFJCE/v-deo.html Understand JavaScript Functions in-depth with examples and interview questions. এই ভিডিওতে ১৬ টা গুরুত্বপূর্ণ জিনিস শেখানো হয়েছে জাভাস্ক্রিপ্ট function নিয়ে। সম্পূর্ণ দেখন, শিখুন, আর Practice করুন। - 👉 Don't forget to SUBSCRIBE: www.youtube.com/@tapascript-bangla - 👉 Subscribe to tapaScript English: ua-cam.com/users/...
JavaScript Memory Management || Garbage Collection & Memory Leak
Переглядів 3,8 тис.5 місяців тому
আমার শেখানো ভালো লাগে? Subscribe to @tapasadhikary as well. Learn JavaScript Memory Management Visually. Watch this video end to end to know how stack and heap memory locations are managed, what is garbage collection, what are garbage collection algorithms, what memory leaks, examples of memory leaks, and how to fix them! এই ভিডিওটি অনেক জটিল concepts কে আপনাকে অনেক অনেক সহজেই বুঝিয়ে দেবে বলে আ...
Movie Mania Take 2 || Logic Building With JavaScript Project
Переглядів 1,3 тис.6 місяців тому
মভি মেনিয়া পার্ট ১ শেষ হতেই পার্ট ২। এইবারে একটু জটিল লজিক আর একটু জটিল চিন্তা, কিন্তু সেইটাকে সহজভাবে বোঝানোর জন্য @tapascript-bangla এবং @tapasadhikary সবসময় আপনাদের পাশে আছে। চলুন, শুরু করা যাক পার্ট ২। কিন্তু যারা এখনো পার্ট ১ দেখেন নাই, তাদের ওইটা আগে শেষ করতে হবে। - মুভি মেনিয়া পার্ট ১ ua-cam.com/video/HHY3aRhLhJQ/v-deo.html আশা রাখছি এই ভিডিওটা আপনার হেল্পফুল হবে, এবং আপনি অনেক কিছু নুতু...
Movie Mania Take 1 || Build The Logic || JavaScript Project
Переглядів 3,8 тис.6 місяців тому
আপনি লজিক বিল্ডিং নিয়ে সমস্যাতে আছেন, না আপনি প্রোজেক্ট করতে চাইলে, কি করবেন খুঁজে পান না? আচ্ছা আমি যদি আপনাকে কিছু প্রবলেমের solution কি ভাবে করতে হয় শিখিয়ে দেই? এই টা পার্ট ১। পার্ট ২ আসবে খুব তারাতারি। চলুন, এই একটি প্রোজেক্ট দিয়ে আপনারা এই concepts গুলো বুঝতে আর practice করতে পারবেন: - Logic Building - Design approach for a problem - How to configure TailwindCSS with JavaScript - DOM Manip...
JavaScript Closure Course || Closure Interview Questions
Переглядів 3,8 тис.6 місяців тому
JavaScript Closure Course || Closure Interview Questions
JavaScript Immutability || Part 2 || Interview Questions
Переглядів 1,4 тис.7 місяців тому
JavaScript Immutability || Part 2 || Interview Questions
JavaScript Immutability || 10 Interview Questions || Part 1
Переглядів 2,1 тис.7 місяців тому
JavaScript Immutability || 10 Interview Questions || Part 1
JavaScript Scope and Scope Chain || Understand With Examples
Переглядів 2,5 тис.7 місяців тому
JavaScript Scope and Scope Chain || Understand With Examples
Understanding JavaScript Hoisting || Most Simple Explanation
Переглядів 2,8 тис.7 місяців тому
Understanding JavaScript Hoisting || Most Simple Explanation
JavaScript Execution Context || Learn Concepts Visually #javascript
Переглядів 7 тис.8 місяців тому
JavaScript Execution Context || Learn Concepts Visually #javascript
How To Generate, Validate, Expire OTP || JavaScript Project
Переглядів 4,8 тис.8 місяців тому
How To Generate, Validate, Expire OTP || JavaScript Project
How To Get Job Ready As A Developer || 10 Practical Tips
Переглядів 4,4 тис.8 місяців тому
How To Get Job Ready As A Developer || 10 Practical Tips
What Are Values in Programming || Values & References
Переглядів 3,5 тис.8 місяців тому
What Are Values in Programming || Values & References
Welcome To tapaScript Bangla || What's The Plan Ahead?
Переглядів 1,6 тис.8 місяців тому
Welcome To tapaScript Bangla || What's The Plan Ahead?

КОМЕНТАРІ

  • @khokanpurkaitJKPELECTRONICS
    @khokanpurkaitJKPELECTRONICS 3 хвилини тому

    Awesome Dada

  • @Md.ShamimIslam-cy2jb
    @Md.ShamimIslam-cy2jb Годину тому

    Thank you dada

  • @mohaymenul-islam
    @mohaymenul-islam Годину тому

  • @nayem6386
    @nayem6386 Годину тому

    Excellent. Like this method of teaching ❤

  • @telescope3801
    @telescope3801 6 годин тому

    আমি ঠিক উত্তর ধারণা করেছিলাম।

  • @arman8k
    @arman8k 6 годин тому

    ভালো লেগেছে দাদা । এ ধরনের আরো ভিডিও চাই ।

  • @thewolfgamer3630
    @thewolfgamer3630 13 годин тому

    দাদা গিট হাবের টিউটোরিয়াল দিয়েন।ধন্যবাদ দাদা🖤

  • @devhubbangla
    @devhubbangla 14 годин тому

    Awesome video.

  • @mamun.development
    @mamun.development 14 годин тому

    You have a different capability to make us understand about any topic. It's always in your way which is the best part I enjoyed. Thanks to make us clear about the "Lifting State Up" pattern.

  • @amithasanfaysal
    @amithasanfaysal 14 годин тому

    Sir LARAVEL tutorial cie

  • @abutaherhossain130
    @abutaherhossain130 17 годин тому

    ❤❤

  • @habibullahkhandokar
    @habibullahkhandokar 17 годин тому

    o shadharon

  • @mdfayezullah956
    @mdfayezullah956 19 годин тому

    more video

  • @remonroy34
    @remonroy34 20 годин тому

    Need more technical videos DADA💌

  • @ArifulIslam-iw7qs
    @ArifulIslam-iw7qs 21 годину тому

    Great explanation!

  • @MdNayem-28
    @MdNayem-28 22 години тому

    Absoletly good explanations

  • @MamunurRoshid93
    @MamunurRoshid93 23 години тому

    very effective system for everyone 💖

  • @RaihanEDIT_Z
    @RaihanEDIT_Z 23 години тому

    Sir video khube sundor.. But video editing quality khube kharap 😢😢 .. Apni chaile ami advance level EDITING KORE dite pare 😊 🤝 ❤❤❤

  • @srbishal9986
    @srbishal9986 День тому

    অসাধারণ দাদা। Execution context নিয়ে যখন ঝামেলা ছিল সব ক্লিয়ার হয়ে গেল। অনেক ধন্যবাদ দাদা ❤

  • @mathwin1094
    @mathwin1094 День тому

    কি অসাধারণ, বুঝানোর ধরণ। বিশ্বাস করেন ভাই যখন আপনার ক্লাস দেখি তখন এতটা মনযোগী হই যাতে আপনার কথার একটা সিংগেল সিনটেক্সট যেনো মিস না করি। আশা করি ভাই আপনি আমাদের নিয়মিত ক্লাস দিবেন। বিশেষ করে জাভাস্ক্রিপ্টএর ডাটা স্ট্রাকচার এবং এলগরিদম নিয়ে যদি একটা ডেডিকেটেড প্লে লিস্ট কমপ্লিট করেন তাহলে গোটা, মার্‌ন স্ট্যাক জাতী আপনার কাছে আজীবন কৃতজ্ঞ থাকবো।

  • @Lihazinaveed
    @Lihazinaveed День тому

    অসাধারণ

  • @NaeemulIslam-z8w
    @NaeemulIslam-z8w День тому

    Your explanation is great sir..

  • @fardeenzaman9807
    @fardeenzaman9807 День тому

    Ji evabei chai

  • @shabbirhossain6009
    @shabbirhossain6009 День тому

    এইরকম সহজ সরল আরো ভিডিও চাই

  • @RafiulIslamJim-m4s
    @RafiulIslamJim-m4s День тому

    বেশি বেশি বাংলায় কন্টেন্ট চাই স্যার ❤

  • @traininfobd
    @traininfobd День тому

    Wonderful dada. Your explanation is really awesome .

  • @md.shafiqahmad7889
    @md.shafiqahmad7889 День тому

    অনেক ভালো লেগেছে

  • @md.faridhossain4897
    @md.faridhossain4897 День тому

    Excellent dada ❤

  • @mahabubulislam8354
    @mahabubulislam8354 День тому

    Thank you for this amazing content! I just subscribed and can’t wait to see more videos like this. Keep up the great work!

  • @KPBI-
    @KPBI- День тому

    I love you...vaya...

  • @thewolfgamer3630
    @thewolfgamer3630 День тому

    আমি আগেই এগুলো শিখেছি,কিন্তু ফান্ডামেন্টাল আপনার ভিডিও দেখে শিখেছি, মনে হল মূল্যবান অনেক কিছু শিখতে পারতাম না যদি আপনি ভিডিও না বানাতেন,ধন্যবাদ।

  • @Real_Fact2003
    @Real_Fact2003 День тому

    একদম অসাধারণ ছিলো। 🎉

  • @mdanonto6998
    @mdanonto6998 День тому

    nice video

  • @zaman333-k7y
    @zaman333-k7y День тому

    Great explanation and practical approach to solving coding problems! 🚀

  • @nothing02828
    @nothing02828 День тому

    Sir socket io niy akta tutorial banan, jakhen socket kivabe real-life application e babohar kora hoy , tahole onke upokar hoto, sobi sudu basic ta bujhay project korte gale onek sommosa hoy

  • @mdsumonh.shohan9159
    @mdsumonh.shohan9159 День тому

    tapash vai apnar theke react onek kichu sikhechi eto sundor kore vaba shikhaisen apni. Too greatful to you vai. eta bujhte ektuo problem hoy nai. ebar theke vai project korlei ekta improversion diben sathe amra jara korbo tara kichu add korte pari but you will add one. Thank you vai

  • @AlAminKhan-y3u
    @AlAminKhan-y3u День тому

    agei jantam darun ekta video hobe , even though ami ekkebare core theke useEffect sikhechi , kintu ei video ami notun info to peyechi + bujhanor khomotao maShaAllah, Tbh ere theke transparent way te ami er age " useEffect" why "effect" and how "effect" kaj kore er theke effective way te sikhi nai , khali godbadha ekta jantam side effect ei just , Joss excellent.

  • @theuntoldshort
    @theuntoldshort День тому

    দাদা AI দিয়ে তো ৬০-৭০% কাজ করা যায়। একটা সময় ১০০% করা যাবে।তখন আমাদের কি হবে?

    • @tapascript-bangla
      @tapascript-bangla День тому

      Tao apnar kaaj lagbe.

    • @agniswarchakraborty6434
      @agniswarchakraborty6434 День тому

      খুব সিরিয়াস কাজ ai করতে পারে???

    • @tapascript-bangla
      @tapascript-bangla День тому

      @@agniswarchakraborty6434 nijeke skillful korun. AI shikhun

    • @agniswarchakraborty6434
      @agniswarchakraborty6434 День тому

      @@tapascript-bangla আমি গত সাত বছর ধরে AI আর ডেটা সায়েন্স পড়াই কাজ করি। এর প্রচুর সীমাবদ্ধতা আছে। প্রচুর ট্রাশ আর গারবেজ উৎপন্ন করা ছাড়া AI এর খুব বেশি ভূমিকা থাকবে না।

  • @ARMANHOSSAIN-yu5zb
    @ARMANHOSSAIN-yu5zb День тому

    ata amader moto noob der jonno pro howar akta poth mone hocce

  • @learnwithraj23
    @learnwithraj23 День тому

    খুব সুন্দর Sir practical example এর সাথে এবার বুঝতে সুবিধা হচ্ছে

  • @nafisfuad2152
    @nafisfuad2152 День тому

    To learn something from the basics is a great opportunity, and very few of the instructors provide such scope. You are one of them, sir. Really appreciate your time and effort.

  • @gajukumar456
    @gajukumar456 День тому

    React js ka serious lao

  • @atikurrahman8865
    @atikurrahman8865 День тому

    Vlobasha roilo dada

  • @nothing02828
    @nothing02828 2 дні тому

    Onek valo hoice,

  • @abdurrahmanrahat2134
    @abdurrahmanrahat2134 2 дні тому

    Suppose, parent er useEffect e ami data fetch korlam, seita state function use kore child e pathalam props.dealing kore, ar child e data show korlam dynamically. So ete kivabe age child render hobe jodi na parent er useEffect run e na hoy child complete chara? Eta kaj korbe i know. But how?

    • @tapascript-bangla
      @tapascript-bangla День тому

      eikhane dui ta different jinish involved: 1. Rendering 2. Managing Effect Managing Effect sob somoy components er first render er pore(ba dependency change hoyar pore). So, component lifecycle e prothome, apnar component er hierarchy render hobe(eita React rendering, not DOM update or browser painting). React initial tree render korar pore, jodi kono effect run thake, seita run hobe. Ei effect er run er pore state er value change onujayee, only jey jaigate value change hoyeche sudhu sei jaigar value change hobe. Eikhane Virtual DOM kaje asbe. Value Change hoyar. pore, DOM update hobe, finally, Browser er Painting phase final UI ke render korbe. So apnar prosno ta, React e UI kibhabe render hoy sertar upore besi jor dai.. oita documentation e ekbar dekhe niyen.. 1. Triggering 2. Rendering 3. Committing 4. Painting Ei 4 ta stage. I hope it was helpful.