This Tutorial linked me to your page and it was very impressive.. I will make sure i watch all video tutorials... Am happy the way you emission things.. No rushing in your approach and you explain each code that you use... Thank you so much.. YOU JUST EARNED A FOLLOWER...!!!
Since l was starting to learn web I always looking for a good css tutorial, but always ended up disappointed. They teach too complicated because they teach on their preference. But since l found your channel it look so easy. Simple explanation and straight to the point. Thank you very much for your existence....
Hello Lama, I was always confused when it comes to Design no matter good website is UI is eye catcher. After watching one of ur css video I realize how easy it is, the way you explained each class and properties. I am up for all CSS, bootstrap, Material UI only with Lama DEV. Looking forward to all your upcoming UI videos❤️
You deserve more views this is fantastic tutorial ❤👏 the way you explain is so easy to follow and understand i have tried your react tutorials too its amazing.
I had to put z-index: 1 under navbar to prevent the images from overlapping the navbar. Then it fixes that problem. Thank you so much for teaching me how to code!! I’m so excited to try your Netflix one you posted recently.
as you have given the tutorial of 'make website in 90 mins ' so please i request you to upload a video on how to upload movie on this website you had made thank you soo much
Hey can anybody tell me whether the software he is using is visual studio and whether there should be an additional installation to that software because I only installed C++ and its features, hope you guys understood what I said. And in that how to open that file he is working. I really love this tutorial but this is confusing me on what software to do it, what features must be installed to this software and how to open that type of thing to work on. Please anybody help me regarding this if you have the time. And It might be a great help if you @Lama Dev provide me details with an explanation sir.
Thank you very much for this project and explanation and pace is pure Gold. i cant wait to learn react from you. Thanks a lt i just finished coding along with you.
i tried doing it with my own style and thoughts, by making changes but my only trouble is that the moon and sun icon isn't inside the toggle ball, it's outside instead. How do I fix that please. let me know for any info. thank you.
Thanks for the course. please why is my css not loading changed on my live server view? I followed your process but I dont know if I have not install the VScode right. please help
I love your tutorial so much .. and i hope you add more js functions like when we click on movie button displaying movie poster and details instead of container 🌝♥️
Thank you so much. I did this for my father because he wanted to watch a movie but he couldn't find it online(except for netflix) i don't remember the name of the movie
Thanks for this amazing video!! But whenever I click on toggle button its showing cannot read property 'toggle' of undefined, how can I resolve this error?
hi Lama Dev, great vid! i got a question at 18:00 to around 22:00 you insert that bar but when i do the same it shows the icons very weird and i can't put my cursor on it. Any tips to help?
I wanted to even add the LEFT Arrow for completeness, but I was facing problem with clickCounter so I brainstormed and came up with even simpler code for navigating using arrows. Sharing the JS code for the right arrow. Here I'm using the simple logic: ( innerWidth + starting position) < (ending position of last item.) Note that my "start" variable will always be a negative or zero so thats why subtracting in the code. 290px is the total width ( 270px of img and 20px padding). I think the video used 30 px. Take care of that. rArrows.forEach((arrow,i)=>{ const itemNum = movieLists[i].querySelectorAll("img").length; arrow.addEventListener("click", ()=>{ let start = movieLists[i].computedStyleMap().get("transform")[0].x.value; if(window.innerWidth - start { const itemNum = movieLists[i].querySelectorAll("img").length; arrow.addEventListener("click", ()=>{ let start = movieLists[i].computedStyleMap().get("transform")[0].x.value; if(start < -290){ movieLists[i].style.transform = `translateX(${start + 290}px)`; }else{ movieLists[i].style.transform = "translate(0)"; } }); }); P.S. You can fine tune more as the innerWidth also include (50 + 20) px of sidebar. I also used (itemNum+1) to add a little buffer. Removed it to keep the code simple and easy to understand. Thankyou Lama Dev especially for the javascipt part which you explained really well, I could learn and apply my own knowledge.
thanks for the video but when i right click i cant seem to find open eith "live server" instead of that there is open in default browser but when i press that it opens google and it takes me to an empty web page
Why can't we directly target movie list item img? But we first target its parent and then child. I know we want to tell that image inside that movie list item but the question is why can't we target the child element directly? 43:40
Hey can anybody tell me what is the software he is using to build this one. It seems like visual studio. And do we have to install web development materials to it too because it seems like I have only installed C++ only. Please somebody help me regarding this as soon as possible.
hello bro, I want to make a site (initial and 4 more categories from those four categories, each has two more subcategories) and search. what do i need please start from the beginning (program, what files do i create, where do i write). if you have such videos please redirect and give me an answer. I want to learn but there is no one to explain it to me. thanks
the javascript is giving me problems.. this is what I get when I try to make the arrows working TypeError: cocktailLists[i].CSSStyleDeclaration is not a function. (In 'cocktailLists[i].CSSStyleDeclaration()', 'cocktailLists[i].CSSStyleDeclaration' is undefined)
the .cocktail-list is the name I gave instead of movie-list But I did everything exactly the same than him.. and its not working.. can someone helps me please
Please can you continue the website is incomplete how can we enter those bars how can we search for movies how can we enter the movie icon how can we add movies to the website and how can people watch it?
This Tutorial linked me to your page and it was very impressive.. I will make sure i watch all video tutorials... Am happy the way you emission things.. No rushing in your approach and you explain each code that you use... Thank you so much.. YOU JUST EARNED A FOLLOWER...!!!
Since l was starting to learn web I always looking for a good css tutorial, but always ended up disappointed. They teach too complicated because they teach on their preference. But since l found your channel it look so easy. Simple explanation and straight to the point. Thank you very much for your existence....
Hello Lama,
I was always confused when it comes to Design no matter good website is UI is eye catcher. After watching one of ur css video I realize how easy it is, the way you explained each class and properties.
I am up for all CSS, bootstrap, Material UI only with Lama DEV.
Looking forward to all your upcoming UI videos❤️
ya really
great explanation
You deserve more views this is fantastic tutorial ❤👏 the way you explain is so easy to follow and understand i have tried your react tutorials too its amazing.
Yaa you right bro.
I just finished coding this one along with you. it was really fun..thanks Lama
Thank You So Much , Love From India 🥰
Bro I love you. Literally guided us like a baby. Istg you were my father for the past 1:33:18. Thanks for everything ^^
I had to put z-index: 1 under navbar to prevent the images from overlapping the navbar. Then it fixes that problem. Thank you so much for teaching me how to code!! I’m so excited to try your Netflix one you posted recently.
yes. I did the same too
sidebar* not navbar but I get your point.
@@tonyp3173 thanks for responding 3 months later:/
@@mexicanmax227 Well it's for the people that see your comment.....might save them some time lol
I love this tutorial i actually used it in developing my website
as you have given the tutorial of 'make website in 90 mins ' so please i request you to upload a video on how to upload movie on this website you had made thank you soo much
Bro you need Api for it ik 2 APIs name
1. 'Tmbd' for fetching movie data
2. 2embeded for fetching movies on internet .
And me even I want to know how to upload another movie
Super question
Thanks a lot bro .it's very easy to understand. ❤from India.
wow......I like this vidio....this vidio is realy realy nice..........
Thank you so much i got learned a lot from your videos
it's the end of 2022 and still this is an awesome tutorial
Hey can anybody tell me whether the software he is using is visual studio and whether there should be an additional installation to that software because I only installed C++ and its features, hope you guys understood what I said. And in that how to open that file he is working. I really love this tutorial but this is confusing me on what software to do it, what features must be installed to this software and how to open that type of thing to work on. Please anybody help me regarding this if you have the time. And It might be a great help if you @Lama Dev provide me details with an explanation sir.
I love it! Thank's buddy 👍
I have ZERO experience about those codes or whatever you called it. But man! looks so easy🤣😅
Very informative and easy can you give the source code in description
There is source code in the description :)
We are learning a lot from you bro, keep up such good works!
Thank you very much for this project and explanation and pace is pure Gold. i cant wait to learn react from you. Thanks a lt i just finished coding along with you.
This arrow event couldn't work in forefox browser, please help me what should i do?
Best Regards,
i tried doing it with my own style and thoughts, by making changes but my only trouble is that the moon and sun icon isn't inside the toggle ball, it's outside instead. How do I fix that please. let me know for any info. thank you.
Thanks for the course. please why is my css not loading changed on my live server view? I followed your process but I dont know if I have not install the VScode right. please help
Kamaal ki fend design, bhai
how do you make the buttons stream the movie that you want them to play?
one of perfect explanation of web development awesome you got a subscribe bud
I love your tutorial so much .. and i hope you add more js functions like when we click on movie button displaying movie poster and details instead of container 🌝♥️
Thank you, brother. its very useful.
the way you explain and teach java script is amazing. keep up the good work
will use a free icon because I am a poor man , your sense of humor is killing me 🤣🤣
Thank you so much. I did this for my father because he wanted to watch a movie but he couldn't find it online(except for netflix) i don't remember the name of the movie
Thanks for this amazing video!! But whenever I click on toggle button its showing cannot read property 'toggle' of undefined, how can I resolve this error?
Make sure that your class name is "toggle". And don't forget adding dot while selecting: document.querySelector(".toggle")
you are great teacher, l love this tutorial so match,AMAZING explanations!
it was really fun..thanks Lama
Telaffuzdan anlamistim : ) Hakliymisim. Guzel video. Tesekkurler
make part 2 how to create website watch plsss
Amazing 🤩 tatorial video 👍🏻👍🏻 thanks 🥰
Very efficient video. Will it continue? Also the speaker's voice is excellent
Stay tuned my friend ❤️
@@LamaDev I'm sorry to disturb 1 yr later buh what's the name of ur cut editor
hi Lama Dev, great vid! i got a question at 18:00 to around 22:00 you insert that bar but when i do the same it shows the icons very weird and i can't put my cursor on it. Any tips to help?
Bro give download images to realtes to this video nothing but icons it helps and save the time
How you copy the same line above on the next lines
Is there any shortcut other than (Ctrl+C &Ctrl+V)
Amazing video I learnt lot of information but I want to ask how i create a domain of this website and how to launch it
Amazing work. Can you also share the backend for the website if possible.
I already did it. I can send you and help in install for $800. (PHP, MySQL, JS)
Hi thank you very much for the tutorial it helped me a lot thank you
I wanted to even add the LEFT Arrow for completeness, but I was facing problem with clickCounter so I brainstormed and came up with even simpler code for navigating using arrows. Sharing the JS code for the right arrow.
Here I'm using the simple logic: ( innerWidth + starting position) < (ending position of last item.)
Note that my "start" variable will always be a negative or zero so thats why subtracting in the code. 290px is the total width ( 270px of img and 20px padding). I think the video used 30 px. Take care of that.
rArrows.forEach((arrow,i)=>{
const itemNum = movieLists[i].querySelectorAll("img").length;
arrow.addEventListener("click", ()=>{
let start = movieLists[i].computedStyleMap().get("transform")[0].x.value;
if(window.innerWidth - start {
const itemNum = movieLists[i].querySelectorAll("img").length;
arrow.addEventListener("click", ()=>{
let start = movieLists[i].computedStyleMap().get("transform")[0].x.value;
if(start < -290){
movieLists[i].style.transform = `translateX(${start + 290}px)`;
}else{
movieLists[i].style.transform = "translate(0)";
}
});
});
P.S. You can fine tune more as the innerWidth also include (50 + 20) px of sidebar. I also used (itemNum+1) to add a little buffer. Removed it to keep the code simple and easy to understand.
Thankyou Lama Dev especially for the javascipt part which you explained really well, I could learn and apply my own knowledge.
U r awesome mate! thx a lot for tutorial.
thanks for the video but when i right click i cant seem to find open eith "live server" instead of that there is open in default browser but when i press that it opens google and it takes me to an empty web page
This video is enough or to learn anything before starting html....
Hey @LamaDev do you still have working links for the Learn creative CSS animations & Learn SVG and SVG animations?
Great video
I am getting problem to add background image in featured-content class in html please help
Your tutos are so helpful. Could you please make a tutorial about mobile off canvas? Thank you
Why can't we directly target movie list item img? But we first target its parent and then child. I know we want to tell that image inside that movie list item but the question is why can't we target the child element directly? 43:40
Hey can anybody tell me what is the software he is using to build this one. It seems like visual studio. And do we have to install web development materials to it too because it seems like I have only installed C++ only. Please somebody help me regarding this as soon as possible.
bro button are not working and how can i add more mopvies
Please tho I need help I got stuck at the arrows.foreach part during the javascript
There is always a demand nowadays to make mobile responsive first... But most of the tutorials make it responsive for desktop version... 🙄🙄🙄🙄
koshur baradar 🌨..
and how would you do to show the synopsis, ud had to write for each one?
Bro where movies websites store there movies? Please answer
does its searching work? I mean the movie which we search and it is not appearing in front does it will display that?
Very nice and informative tutorial, can i ask if how to make those movies watchable?
yeah man thats the point why im here and he only shows how to put images and elements into website no video very sad
you're great... man,, thank you,
awesome job, but i have one little question, how can I use it on blogger or wordpress
How can I make the images slide without going to the beginning? What would be the command?
can you help the margin wont work, it keeps hiding the letters under the left side bar
Sir how much js topic we know before start this project can u tell me plz
Good video, you explain very well
You Project I Love Lama
how do u make them work, like how do you add the movies so you can actually watch them
in mobile view it's not that much responsive, like border are not attached with 0 margin
please where is the link for me to check the code
Tuthe we are gonna !😅😂😂😂
How can the images move without returning to the start? Great video
is there a way to added the tralier when we click on it
hello bro, I want to make a site (initial and 4 more categories from those four categories, each has two more subcategories) and search. what do i need please start from the beginning (program, what files do i create, where do i write). if you have such videos please redirect and give me an answer. I want to learn but there is no one to explain it to me. thanks
I cant see a featured title or featured desc, how can I fix that?
Thanks for this!!
the javascript is giving me problems..
this is what I get when I try to make the arrows working
TypeError: cocktailLists[i].CSSStyleDeclaration is not a function. (In 'cocktailLists[i].CSSStyleDeclaration()', 'cocktailLists[i].CSSStyleDeclaration' is undefined)
the .cocktail-list is the name I gave instead of movie-list But I did everything exactly the same than him.. and its not working.. can someone helps me please
hello how we can get the photos?
till wait
Bro How can i download your pictures
This site is awesome but i don't know how to apply on my blogs lol😂😂
Good video 🔥👌🏻
Excuse me, can I create this website on a program? Sublime Text
I always get confused with div hierarchy. Can someone suggest me a video?
Can you reply to this? Is it possible to convert this to xml type file? Can I have this built for my streaming solution?
Hi
Can you tell me how to add search bar on this page
js and css awesome
So good , but how can i get registration and log in for my website?
code isn't working
Yes bro
Faltu code hain
@@vaibhavjadhavpatil5233 yes bro
Incredible work. Also can you share the backend of the website if possible.
answer me please
I already did it. I can send you and help in install for $800. (PHP, MySQL, JS)
Please can you continue the website is incomplete how can we enter those bars how can we search for movies how can we enter the movie icon how can we add movies to the website and how can people watch it?
Can I download movies from this website you just created now
jaja you are fun ! min 38:28
can you create admin panel for add movies ?
great channel
rence. But since l found your channel it look
Background image not coming this chain type
I want to know about other pages in website thx!!!.
Can the movies be downloaded or watched?
Waooo awaome