🎮 Bubble Game Tutorial: Create Fun with JS | Harsh Sharma
HTML-код
- Опубликовано: 2 окт 2024
- In this easy-to-follow guide, you'll join me in creating a fun Bubble Game using HTML, CSS, and JavaScript. Whether you're new to coding or have some experience, I've got you covered every step of the way. 🕹️👨💻
We'll explore the basics of building a web game while uncovering cool JavaScript tricks like event bubbling (it's like magic for making things happen when you click!) and DOM manipulation (changing stuff on your webpage with code). 🪄✨
Here's what you'll do:
🔹 Learn the ABCs of HTML, CSS, and JavaScript.
🔹 Make things pop with event bubbling.
🔹 Tweak your game using DOM tricks.
🔹 Create a complete game project that shows off your new skills.
No worries if coding sounds like a foreign language - I promise to make it all super clear. Let's roll up our sleeves and dive into the exciting world of web development together. Don't forget to hit that thumbs up, subscribe, and ring the notification bell for more awesome tutorials! 🎉🔔 Let's code some fun! 💪🌟
Instructor in this video: Harsh Sharma
Visit our website: sheryians.com/
Socials:
Instagram: / sheryians_c. .
Facebook: / sheryians.co. .
Telegram: t.me/sheryians...
LinkedIn: / the-. .
Discord: / discord
Peace ✌️
#javascript #javascriptgame #javascripttutorial #webdevelopment #webgame #bubblegame
Bhaiya js padh to li hai aati bhi hai thodi thodi lekin jquery me kaam karte karte traditional js bhoolta ja rha hoon
Nahi nahi hero js pakad kar rakho, jquery ek din gaayab ho sakta hai aur ho bhi jaayega, js rukega tab bhi ❤
@@harshsharma523 thank you bhaiya bahut confusion thi bcs jquery ki aadat lag gyi thi aur easy bhi lagti hai jquery isiliye js chhod hi diya tha but ab se only traditional js me hi kaam karunga ❤☺
J-q me kaam kam karo
js acche se sikh pau isliye J-q me kabhi kaam hi nahi kiya
I never commented on any channel but the way he is teaching is forcing me to come to the comment section and thank him for his wonderful work. Thanks a lot for teaching in such a easy way.
Thanks, I am from Kashmir. The two things which I learned more than the code are :
1)Not everyone completes the whole project.
2) Watch a big chunk and then code.
I followed it and the large chunk helped me to increase my bug making chances.
Completed and uploaded on my github ❤. Thanks Man
i love you Harsh bhaiya and your team. I haven't found a single tutorial on entire youtube that teaches such amazing frontend contents like you guys do. You people are going places
inka naam harsh hai
@@abhishek6575 adil dusra banda hai bhai
17:17 Gilroy font is not applied on bubble reason you forget to define the font inside the tag so gilroy font will not applied its a html by default font that applied
Congratulations 1lakh subscribes ke liye ❤️❤️❤️
maa kasam bhaiya bohot maja aaya ye ek game bana kar, important ye nahi ki game banayi important ye hai ki apni JS ki basic knowledge use karke ek achhi cheej create kari. Thank you so much for creating this type of videos.
Congrats Brother. Since 2 months I've been binge watching your content . thank you for teaching me a lotttt
this is my first project and it is damn good... learned many things and how things works... looking forward for more HTML, CSS & JS projects ❤
Didn't get bore for a sec , thank you so much for this tutorial sir. Very nice teaching method. Loved it ❤
Ab tho koi aur RUclips video pasand nahi aata bhaiya aapka video dekhne k baad bas aapke hi video ka wait karta hu❤
After this video eagerly waiting for modern web dev projects by harsh bhaiya ....and thank you for this bhaiya ❤
one of the best project of javascript
We need more projects like this ❤
baykar hy bhiya main too toot gay
@@zoyarajpoot.35
ek hi bat boluga harsh bhai , lekin dil se boluga => mind blowing, esa video kabhi nahi dekha mene , ye project ke sath js ka learning bahut achha ho raha he or concept bhi mast clear karva rahe ho aap
35:00 Sir we want more such videos
Yes sir we want separate video
Bump
Assignment done... Bahut accha laga kuch to alag sikhne Mila... Aur wo bhi game la logic samja 😊❤... Very thank you
Finally the wait was over and a new video was publish .Thanks Harsh bhiya for this wonderful content and Many many Congratulations for 100k Subs .MAY ALLAH GIVE YOU MORE & MORE.
The way you speak and the way you told how to do project that is superb.
that why i respect you buddy.
lots of respect and best wishes for you...........
Sir, i used to not even complete a single video without getting bored 😴
♥️
But your way of interaction with us, make me feel I am with my friends and Mentor with very nice environment💫
This keeps me engage and motivated, that I am not going to open video, but I have actuall classes with you sir and others are my friends
In comment section they give their presently
And crack jokes 😂
hello bhaiya,
you are amazing
m bohot pareshaan ho gaya tha,
jb padhai krna start krta tha to neend aa jaati thi,
Saare courses try kare , Apna college ka delta
love babbar ka Supreme
pr sabne bohot paka diya tha!!
mr mazaak se hatke aapki videos deekhta hu to mazza aa jaata h,
jo beech beech me aap jo apni baato ka tadka lagate ho, mazza aa jaata h or neend bhi nahi aati!
thanks alot bhaiya,
never change your unique style and Also thanks to video editor bhai,
🫡 for you
beech beech me entertainment ke liye!
Sir, God Bless you!
Watching from delhi! 🚀🚀🚀🚀🚀🚀
Respect 100000000$+++
What a teaching style man 👏 just awesome 👌. Keep making these type of projects because these are really beneficial for us ❤️
Your teaching method is very good and I want you to come up with a different project from now on 💛💛
Aap jesa teacher koi nhi hai you tube par really
1. Thapa Technical ( Vinod Bahadur Thapa )
2. Great Stack ( Avinash )
Inke Jaise Teachers Hain 🎉 Aur Inse Zyada Subscribers Bhi Hain 😊
@@BhaktiTonestill there are many more
@@anonyone8834 very true
bro you are legend bcz of you I created My first game and I am realy happy
hello sir love the videos but i have a doubt at 20:28 how to make that number in the loop dynamic with respect to the user screen size without hardcoding the specific number ... i tried a few things but cant figure it out . thank you ❤❤
var screenWidth = window.screen.width;
var screenHeight = window.screen.height
bhaiya please don't change your teaching way kyoki log to kahenge unka kam hai kehna hai but ap yese hi padhaiye really acha lagta hai padhte time....and i really enjoye
we need more projects like this !!
🥰
Aapka har ek video me samjhane k tariqa ek alag lavel ka hota hai, aap aise hi humare liye video late rahe, 🙏🙏
Got to learn a lot of new things sir, I request you to keep bringing more such projects so that we can learn more concepts of JavaScript.😇
your voice is best suitable for any anime/cartoon character, dubbing
We want backend lectures
I learn a lot of things about Javascript from this RUclips channel.
ooooo bhaiiiiiiiiiiiiiiiiiiiiiiiii, yeh konsa tarika hain, bilkul sidha dimag me ghusjata hain!!! Yeh to magic hain bhai!!!
maja to aega hi na bhai apne badiya se samjaya thank you and keep posting content such like this..
i solemnly tahnkfull to you brother . This project helped me alot to apply my existing knowledge and also to learn new things. Your are way of teaching is superb and i understand everythings . finally i myself able to create this game . thanks u
He's the best teacher one can find on YT! Incompatible!
I can't believe how improved I am in writing Js now....all bcs of you!
We're lucky to have a teacher like you! SINCERELY THANK YOU HARSH SIR !
edit - Everyday I'm seeing an increase in no.of subs by 100! A great achievement ! Congrats SHERIYANS! Soon the goal of 1 million will be accomplished!
I have just started leaning the js , shall i follow code with harry or apna college what do you recommend.?
@@Amandeepsingh-vr7ps I personally like to learn with this channel! I'm not a regular student of apna college (so won't say or suggest anything as I also dk well)...I learnt with code with Harry for a long! learnt the basics of html and css from him...but my concepts were not really clear when it came to js ...so I suggest u learn from this channel ...Three videos of js of harsh sir are very enough! the rest u can definitely decide on ur own.
Watching these projects for free feels illegal sometimes. Love your channel through and through.
Thanks harsh bhaiya. Please bring such more js practice set . Please Please Please bhaiya, need these kind of js projects more and more.
Its unbelievable bhai. It is way better as i thought before starting it wow❤❤❤❤
Dill Khush KR Diaa sirr seriously ❤
sir maine bahut logo k tutorial dhakha par kisi ka ganta samj nahi aya . aap log ka hi video dhk k shikha hu abhi tak "thank you "
Congratulations, even though i haven't seen it. But i am watching ur project 2. Will see it after ur 2nd project of Saudi Riyadh
your teaching action and serv a knowlage dip-down is uniq and osam it can help to eassy learn concept thank you for giving free with full loaded valubal content sir
Thank You Harsh Bhaiya, I got to learn a lot in this video and I followed the tutorial till the very end and I completed this Bubble game Project. Once again Thank you...
Thank you sir, I got to learn many new things in JavaScript from this video❤
bhai ye bat bhut sai btai apne ki ek chunk dekh lo then code kro..totally agree with it.
Congratulations 🎉 sir I am big fan from Pakistan....agar future my mujy moqa Mila tho insha'Allah my India aon ga aur ap sy web development sekon ga....
Sir, absolutely cool teaching style not get bored even for a sec that I used to get after watching most of the videos 🤩
one more thing can anyone help me with printing the final score of the game after the game is over 😁😁
Completed Bubble Game with Extra functionalities,, knowledgable video for me ,, Thank you Bhaiya Love you ✌😍,, Maalik Hamare sath hai
sir your teaching style is mind-blowing
Kya mast samjhate ho guru aise to hamare instructor bhi nahi samjhate h
Bhai your way of teaching amazingggg ♥️♥️♥️♥️👍🏼
I feels very grateful to get this channel ❤❤❤
wow nice project , thanks to all sheryians team and speacially harsh bhaiya , you r all of amazin !!!!!
make videos on some practice questions on map and loop. Your way of teaching is easy to understand. hard work. you will be definitely success one day. while teaching you never hide any concept. true teaching God bless you.
bhaiya aap padhate ho mahol bann jata h poora
i am full stack developer, the way you teach is so good
bro search bars kese kam karti hein websites k andr or JS ka website me kha kha use hota ha is par b Video zarur chahiye ese topics par b videos zarur bnana kio k JS par to kafi liya ha lekin abi tak samj hi nahi a rha k JS ko web me kha use krna ha .LOVE From PAKISTAN
bhot bhadiya event bubbling samaj ayya aur dom ka topic clear hua
Great Sir ❤️ Your Teaching Method is Great👍❤️
Congrats sir ji❤😊🎉✌️✨
sir really your explanation is unbelievable. Please do such type of videos it will help us a lot
😍 awesome project , learnt a lot from this video
Bohot badhiya Harsh mere bhai!
We want more projects like this
Bhaiya ek huge request🙏🥺❤ hay aapse ek one short video of 1-2 hr lao na jaha par interview ke JS question hoge hay on Object and Array(Around 20-30) so our mind get able to think how to solve question using js concepts.Bcuz in interview question js se implement karne bolte hay but woo level tak think he nhi ho pata🥺🥺.Please bhaiya interview ke time bahut problem hota hay🥺🙏.And thankyou very much for always helping and proud to see growing sheryians family as I'm subscriber where subscriber where around 4k-5k so huge congratulations to everyone in team for 100K❤😊.
what a energetic man. love you sirji ❤❤
My first project with 100% success
Bhaiya Ise responsive bnana bhi sikha do....by the way boht acha content hai js brushup krne ke liye
really nice video learn alot of new things from this video this helps me a lot thank you sir
sir ek no sikhaye aapne sare concept ,bt js ke sath me aur bhi ache ache project banana hai practice ke liye plz vo bhi sikha do
35:12 we really need this kind of exercises to build our logical thinking and ability to solve
You're the best teacher as well as the best guide ❤
I really like it and waiting for the next project.
Love from Pakistan
assalamualikum bhai seriously maza aaya aor mujhe khud pe bharosa hoa k mn bhi kr sakta hn and really bohot kuch naya seekhne ko mila i hope k aap aage se bhi aise hi amazing projects lain ge inshaAllah. Love and prayers for you from Pakistan love sir and bhaiya......
Harsh bhaya pls more projects videos..just to let u know i keep waiting for ur videos 😊..
best game project for beginners
thank you sir for this amazing video learnt many things and seems so easy right now 😍
Please make these type of videos daily because your route of learning is impressive
Time stamp 3:40 min. Cube solve in 5 min
Yes Sir, I can solve that Cube 🔲
I use vanilla Algorithm 😂(BASIC): So it take 1 to 2 min to solve it.
B.T.W peoples who don't know about Solving Cube, It has 2 Ways: both have different technique, CFOP is the fastest one, some can solve in seconds with it...
Then why do i don't learn CFOP
@ I used to enjoy cube for more then hours, and now I can do that in just 2 min
If I learn CFOP time will decrease. I like it how it is now
Sometimes something not knowing is better. But still i remember happiness i got when i first time solved it completely
everyday for hours i used to practice (journey is most beautiful then destination) we realize it when we reach
thank you bhai , will be indebt to you and and whole team
It was an amazing experience
I never thought that it would go so easy
bhai kamaal ka course tha yrr ❤
U guys making places in our heart's.....thnx for this superb contain and explanation ❤
very informative tutorial sir for improving our basics keep bringing this types of projects which covers basics to advance concepts and helps us to get on good level on javaScript thanks for amazing content sir lots of love & respect to you ♥😇
nice project borther thank you upload more like this thank youa again to sheriyan coding school
Wonderful Explaination..!!
Harsh bhaiya Thank you so much 💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖💖
Vaiya Maja agaya.....I want more Game.
perfect tutorial..... learnt a lot
Good detailing teaching......👍
we want more projects like this
we want more projects like this
we want more projects like this
Amazing video harsh bhaiya ❤❤lots of love
Completed it. Also added a replay game feature 😇
love u sir jee apke parhne ka method zor hai baki sb techniques nhi seekhaty ke koi cheez kesy seekho lekin ap love ho love from pakistannn india successfull ap jesy logo ki badolat hai...
Amazing video sir. Please upload more number of similar projects.