- 24
- 65 346
tapaScript Bangla
India
Приєднався 22 січ 2024
Subscribe to tapaScript বাংলা. একজন শিক্ষক আজীবন ছাত্র। সেই জায়গা থেকে বলতে পারি, আমি যতটা জানি, সেইটা ভালো করে শেখানোর চেষ্টা থাকবে। tapaScript Bangla এর মূল উদ্দেশ্য ডেভেলপারদের তিনটি জিনিসে বিশ্বাস জাগানোর, Fundamentals, Project Building, and Communication. চলুন, শুরু করা যাক tapaScript বাংলার journey। সাথে থাকুন, আর শিখতে থাকুন।
আরেকটি অনুরোধ আপনার কাছে। Please support my other channel "tapaScript"(english), too. এই দুটো চ্যানেলের content পুরোপুরি আলাদা, কিন্তু সবই প্রোগ্রামিং এবং ডেভেলপমেন্ট ভিত্তিক। আশা করি, আপনি আমার ইংলিশ চ্যানেল থেকেও অনেক কিছু শিখতে পারবেন, এবং সাবস্ক্রাইব করবেন।
অসংখ্য ধন্যবাদ, এবারে শুরু করা যাক।
আরেকটি অনুরোধ আপনার কাছে। Please support my other channel "tapaScript"(english), too. এই দুটো চ্যানেলের content পুরোপুরি আলাদা, কিন্তু সবই প্রোগ্রামিং এবং ডেভেলপমেন্ট ভিত্তিক। আশা করি, আপনি আমার ইংলিশ চ্যানেল থেকেও অনেক কিছু শিখতে পারবেন, এবং সাবস্ক্রাইব করবেন।
অসংখ্য ধন্যবাদ, এবারে শুরু করা যাক।
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
- 👉 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?
Awesome Dada
Thank you dada
❤
Excellent. Like this method of teaching ❤
আমি ঠিক উত্তর ধারণা করেছিলাম।
ভালো লেগেছে দাদা । এ ধরনের আরো ভিডিও চাই ।
দাদা গিট হাবের টিউটোরিয়াল দিয়েন।ধন্যবাদ দাদা🖤
Awesome video.
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.
Sir LARAVEL tutorial cie
❤❤
o shadharon
more video
Need more technical videos DADA💌
Great explanation!
Absoletly good explanations
very effective system for everyone 💖
Sir video khube sundor.. But video editing quality khube kharap 😢😢 .. Apni chaile ami advance level EDITING KORE dite pare 😊 🤝 ❤❤❤
অসাধারণ দাদা। Execution context নিয়ে যখন ঝামেলা ছিল সব ক্লিয়ার হয়ে গেল। অনেক ধন্যবাদ দাদা ❤
কি অসাধারণ, বুঝানোর ধরণ। বিশ্বাস করেন ভাই যখন আপনার ক্লাস দেখি তখন এতটা মনযোগী হই যাতে আপনার কথার একটা সিংগেল সিনটেক্সট যেনো মিস না করি। আশা করি ভাই আপনি আমাদের নিয়মিত ক্লাস দিবেন। বিশেষ করে জাভাস্ক্রিপ্টএর ডাটা স্ট্রাকচার এবং এলগরিদম নিয়ে যদি একটা ডেডিকেটেড প্লে লিস্ট কমপ্লিট করেন তাহলে গোটা, মার্ন স্ট্যাক জাতী আপনার কাছে আজীবন কৃতজ্ঞ থাকবো।
অসাধারণ
Your explanation is great sir..
Ji evabei chai
এইরকম সহজ সরল আরো ভিডিও চাই
বেশি বেশি বাংলায় কন্টেন্ট চাই স্যার ❤
Wonderful dada. Your explanation is really awesome .
Thanks a lot
অনেক ভালো লেগেছে
Excellent dada ❤
Many many thanks
Thank you for this amazing content! I just subscribed and can’t wait to see more videos like this. Keep up the great work!
I love you...vaya...
আমি আগেই এগুলো শিখেছি,কিন্তু ফান্ডামেন্টাল আপনার ভিডিও দেখে শিখেছি, মনে হল মূল্যবান অনেক কিছু শিখতে পারতাম না যদি আপনি ভিডিও না বানাতেন,ধন্যবাদ।
একদম অসাধারণ ছিলো। 🎉
nice video
Great explanation and practical approach to solving coding problems! 🚀
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
Good Idea.
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
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.
দাদা AI দিয়ে তো ৬০-৭০% কাজ করা যায়। একটা সময় ১০০% করা যাবে।তখন আমাদের কি হবে?
Tao apnar kaaj lagbe.
খুব সিরিয়াস কাজ ai করতে পারে???
@@agniswarchakraborty6434 nijeke skillful korun. AI shikhun
@@tapascript-bangla আমি গত সাত বছর ধরে AI আর ডেটা সায়েন্স পড়াই কাজ করি। এর প্রচুর সীমাবদ্ধতা আছে। প্রচুর ট্রাশ আর গারবেজ উৎপন্ন করা ছাড়া AI এর খুব বেশি ভূমিকা থাকবে না।
ata amader moto noob der jonno pro howar akta poth mone hocce
tai hok tahole
খুব সুন্দর Sir practical example এর সাথে এবার বুঝতে সুবিধা হচ্ছে
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.
I appreciate that!
React js ka serious lao
Vlobasha roilo dada
Onek valo hoice,
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?
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.