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....
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...!!!
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.
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.
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.
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
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 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
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?
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 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
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 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 🌝♥️
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.
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
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?
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
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....
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...!!!
I just finished coding this one along with you. it was really fun..thanks Lama
Thank You So Much , Love From India 🥰
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.
it's the end of 2022 and still this is an awesome tutorial
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
Thanks a lot bro .it's very easy to understand. ❤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 love this tutorial i actually used it in developing my website
I have ZERO experience about those codes or whatever you called it. But man! looks so easy🤣😅
wow......I like this vidio....this vidio is realy realy nice..........
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.
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.
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
Very informative and easy can you give the source code in description
There is source code in the description :)
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
Thank you so much i got learned a lot from your videos
This arrow event couldn't work in forefox browser, please help me what should i do?
Best Regards,
Kamaal ki fend design, bhai
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
I love it! Thank's buddy 👍
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
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")
Telaffuzdan anlamistim : ) Hakliymisim. Guzel video. Tesekkurler
We are learning a lot from you bro, keep up such good works!
one of perfect explanation of web development awesome you got a subscribe bud
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)
This video is enough or to learn anything before starting html....
the way you explain and teach java script is amazing. keep up the good work
Bro give download images to realtes to this video nothing but icons it helps and save the time
Hey @LamaDev do you still have working links for the Learn creative CSS animations & Learn SVG and SVG animations?
how do you make the buttons stream the movie that you want them to play?
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.
awesome job, but i have one little question, how can I use it on blogger or wordpress
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
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
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?
Amazing 🤩 tatorial video 👍🏻👍🏻 thanks 🥰
Thank you, brother. its very useful.
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 🌝♥️
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.
you are great teacher, l love this tutorial so match,AMAZING explanations!
it was really fun..thanks Lama
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
How you copy the same line above on the next lines
Is there any shortcut other than (Ctrl+C &Ctrl+V)
make part 2 how to create website watch plsss
How can the images move without returning to the start? Great video
There is always a demand nowadays to make mobile responsive first... But most of the tutorials make it responsive for desktop version... 🙄🙄🙄🙄
koshur baradar 🌨..
U r awesome mate! thx a lot for tutorial.
Your tutos are so helpful. Could you please make a tutorial about mobile off canvas? Thank you
does its searching work? I mean the movie which we search and it is not appearing in front does it will display that?
So good , but how can i get registration and log in for my website?
Bro where movies websites store there movies? Please answer
Hi thank you very much for the tutorial it helped me a lot thank you
How can I make the images slide without going to the beginning? What would be the command?
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
how do u make them work, like how do you add the movies so you can actually watch them
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.
will use a free icon because I am a poor man , your sense of humor is killing me 🤣🤣
Great video
Sir how much js topic we know before start this project can u tell me plz
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)
and how would you do to show the synopsis, ud had to write for each one?
can you help the margin wont work, it keeps hiding the letters under the left side bar
This site is awesome but i don't know how to apply on my blogs lol😂😂
Very good video
I am getting problem to add background image in featured-content class in html please help
Can I download movies from this website you just created now
Please tho I need help I got stuck at the arrows.foreach part during the javascript
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
Can you reply to this? Is it possible to convert this to xml type file? Can I have this built for my streaming solution?
you're great... man,, thank you,
You Project I Love Lama
in mobile view it's not that much responsive, like border are not attached with 0 margin
I cant see a featured title or featured desc, how can I fix that?
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?
Excuse me, can I create this website on a program? Sublime Text
is there a way to added the tralier when we click on it
Can the movies be downloaded or watched?
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
Thanks for this!!
I always get confused with div hierarchy. Can someone suggest me a video?
Hi
Can you tell me how to add search bar on this page
please where is the link for me to check the code
bro button are not working and how can i add more mopvies
Good video, you explain very well
I want to know about other pages in website thx!!!.
Some people say that we should stop using Css and should use Sass.
What's your opinion guys?
what is sass bro
@@yoyo-yx1qx 1 benefit is that it helps us in giving class names
great channel
can you create admin panel for add movies ?
Good video 🔥👌🏻
So can you actually watch movies o n this website?
Can we upload movie in this website?
Bro How can i download your pictures
Tuthe we are gonna !😅😂😂😂
Background image not coming this chain type
can we watch it there ?
jaja you are fun ! min 38:28
till wait