Hey Daniel, I know that I arrive a bit late, I finished your whole Html&Css and Js courses and felt bad that I've never let any comments , so here it is : Big thanks man for all your hard work, your courses are amazing and makes you always want to learn more. I understood from your current videos that you took a break on tutorial videos to follow what you like, regardless of what people think. You re totally right and deserve it. I think sometimes some people don't realize the work it takes to create videos on RUclips, especially about tutorial with solid content. Anyway, Enjoy :)
This probably saved me dozens of hours of having to work out each individual step to get these results or something similar to them. Thanks for continuing to be a champion, Daniel.
I did it! I did it! I did it! 😁 Thank you so much Dani! These lessons have been sooo educational and inspiring for me. As an "old school" graphics designer I know some HTML and CSS, but I'm totally new to the JS world and this playlist (JavaScript Tutorial) has opened my eyes to all the possibilities; and the way you explain things is clear and easy to understand. Greetings from Mexico!
i started programming from your HTML/CSS videos, and now i've nearly finished your JavaScript tutorials. Your videos are absolutely the best, among all the videos on RUclips, for beginners. You've definitely made my first step for working as a programmer;))) Thank you, Daniel!
I've been through so many courses and teachers while trying to learn JavaScript. And your videos have been more helpful to me than anything else. Thank you for the work that you put into this.
I've just made it to the final episode of HTML CSS course and I started looking for other guys doing galleries. So basically everyone is using Lightbox, where you are teaching us how to do it on our own, and that's what I've been looking for. Damn, you are amazing and I just wanted to wish you lots of new subscribers (just don't stop learning and doing more tutorials!!)
Thank you, and thank you again for using pure/ vanilla javascript! I'm at my wits end trying to find tutorials that _do not_ use one framework or another! And thank you for taking the time to user Alert() to demo what's happening in your code! If you've not done one yet, I've been searching desperately for a pure javascript tutorial in which 1) The nav menu closes when the user clicks on a link in that menu, and 2) The page smooth-scrolls to the linked section. All the tutorials I've found use only frameworks!
Absolutely amazing! I was able to follow through so easily. You explain things so well. I couldn't thank you enough for these awesome tutorial/ lesson videos
Another great tutorial, not boring and just the right speed (well, I set my playback speed to 1.5) and because I'm trying to get as much JS learning without frameworks and other libraries, this is awesome! Thanks again.
Thanks. After a week understanding what happen on your code I was able to done it right on my own now and also change some code on js like instead of doing the getComputedStyle(i might forgot this)... I use: if(index ===0){setNewImgUrl = 1} else{setNewImgUrl = index+1} or use switch. I was trying if i get it other way. I cant believe Ive done it. Hehe. Thanks.
you look like Italian jeje, what a great tutorial with pure vanilla javasript, I think it's the best way to understand and learn to program with pure and hard code, keep sharing videos of html5, css3 and vanilla javascript
While I was working I noticed that my "next" button was right next to the image. After breaking my head it's because I noticed that I had a scroll bar in my browser because I put longer images. So I calculated the img to edge differently for the left and right buttons and then the spacing was correct. For the right I did 90px and left I left at 80px. Is there a better way to do this?
Amazing Tutorial. Do you have a Tutorial to extend this to add the posibility to multiselect the thumbs gallery so, lets say, you can make a .txt with a list of those files? Thnx!
excuse me sir..i was lost at the part about the getImgUrlPos variable.. i diddny understand what is the used of that variable and how did you select the Image outside of your thumbs folder..how did you connect those two in the variable?? hope to get a response from you.. sorry..just a newbie in js.
hej ! thank you so much for your help ! I always wanted a gallery for my art portfolio ! Is it possible to do with images and scripts hosted somewhere else ? I am using bigcartel, they don't host pictures and javascript files...
hi mmtuts can you stream some thing about coding because its fun to see ppl code real time and answer questions if possible so please if you can stream some coding stuff :)
if i inspect the site on browser it say's Unable to get property 'replace' of undefined or null reference how do i fixs this ?? and do you know how you have to make a database witch myslql or a other way to make it because i have watcht your html css php & javascript tutorials and you say in some vids that we need a data base i have a old pc that i am using as a server for mc server but i wanted tot make a site for the server and my own database on the pc but not useing a pre build that i have to pay for
nothing to do with the reset.css file. my browser say's after instect and then go to console becouse it says it has a error and then there is a line in red and that is this line >>>>>( Unable to get property 'replace' of undefined or null reference)
Hi Dani, thank you so much for this, that was hard work - I've been at it 3 days now and have it working fairly well. The two things that don't work for me are 1) the placement of the next and prev buttons - prev is fine but next insists on sitting just over the edge of the first photo, and 2) again the next and prev buttons, neither of them move for different sized images, I have no idea what I am doing wrong with it but will continue to battle. Any hints would be good.
I managed to fix both problems, the second was an easy fix, I noticed your note on the video that we had to remember to add the class in, so I did that and it immediately fixed the problem. The first... that was more difficult, I ended up having to have let calcImgToLeftEdge = ((windowWidth - imgWidth) / 2) - 80; let calcImgToRightEdge = ((windowWidth - imgWidth) / 2) - 100; and their respective calls in order for it to work. Problem? I don't know why.
HI Daniell, my xamp sql says: This may be due to a blocked port, missing dependencies? I tryed to change the port 3307 and also deleting some files in mysql-> data. im just using wamp for now, but i lost my data base ( which wasnt that big loose actually). : - )
Hello! It's a great video, my only problem with it is the static image part. In a real gallery you are using some sort of parser to parse all your images in a given directory or even parse multiply levels of directories to categorize gallery images. And also in real life your client will not give you perfectly sized images with same width or height. You have to take care all of this sh*t in the parser. In this video if you are replacing only the image source definitions to a parser, this grid will fall apart or images look ugly. Personally I would love to see some more realistic stuff from you, because static pages are way in the past.
I think you might be missing who the target audience is for this video. The video is meant to show people who are new at Web Dev “how to create a simple gallery using JS”, so they can apply a ‘concept’ to their own products. The scenario you are describing is indeed what you would experience on larger websites which has more than “just a simple gallery”, however this video isn’t aimed to teach that. The purpose is to show students how to open images and what the thought process behind coding simple JavaScript is like :)
@@Dani_Krossing Fair point, your are right about it. However, personally(maybe I'm alone, with it, don't know) I still would love to see some more advanced tutorials about these topics, because your videos are great and I think people who are farther in web development could take away so many knowledge from you :)
Your tutorials have been fantastic. If been converting my 100% flash actionscript website to JavaScript. I have one hiccup in the conversion. If you have the time, would you please contact me. No one I’ve contacted has the answer or suggestions. Thanks
Hey Daniel, I know that I arrive a bit late, I finished your whole Html&Css and Js courses and felt bad that I've never let any comments , so here it is : Big thanks man for all your hard work, your courses are amazing and makes you always want to learn more. I understood from your current videos that you took a break on tutorial videos to follow what you like, regardless of what people think. You re totally right and deserve it. I think sometimes some people don't realize the work it takes to create videos on RUclips, especially about tutorial with solid content. Anyway, Enjoy :)
This probably saved me dozens of hours of having to work out each individual step to get these results or something similar to them. Thanks for continuing to be a champion, Daniel.
I did it!
I did it!
I did it! 😁
Thank you so much Dani! These lessons have been sooo educational and inspiring for me.
As an "old school" graphics designer I know some HTML and CSS, but I'm totally new to the JS world and this playlist (JavaScript Tutorial) has opened my eyes to all the possibilities; and the way you explain things is clear and easy to understand. Greetings from Mexico!
i started programming from your HTML/CSS videos, and now i've nearly finished your JavaScript tutorials. Your videos are absolutely the best, among all the videos on RUclips, for beginners. You've definitely made my first step for working as a programmer;))) Thank you, Daniel!
I've been through so many courses and teachers while trying to learn JavaScript. And your videos have been more helpful to me than anything else. Thank you for the work that you put into this.
F-I-N-A-L-L-Y a video, where someone shows how to build working buttons on clicked IMAGE!!!! THANK YOU
Nowdays people want kind of this tutorial, not just like before just only basics for beginner😀anyway thank you
The courses offered in both HTML and Javascript are awesome. Very interesting and informative. Superlike.
LOL I was just looking for a video about it and this popped up in my notifications. What a coincidence.
I've just made it to the final episode of HTML CSS course and I started looking for other guys doing galleries. So basically everyone is using Lightbox, where you are teaching us how to do it on our own, and that's what I've been looking for. Damn, you are amazing and I just wanted to wish you lots of new subscribers (just don't stop learning and doing more tutorials!!)
That was tough but finally I finished all the videos, thank you very much!
Thank you, and thank you again for using pure/ vanilla javascript! I'm at my wits end trying to find tutorials that _do not_ use one framework or another! And thank you for taking the time to user Alert() to demo what's happening in your code!
If you've not done one yet, I've been searching desperately for a pure javascript tutorial in which 1) The nav menu closes when the user clicks on a link in that menu, and 2) The page smooth-scrolls to the linked section. All the tutorials I've found use only frameworks!
Did you ever find a tut for this? :)
Absolutely amazing! I was able to follow through so easily. You explain things so well. I couldn't thank you enough for these awesome tutorial/ lesson videos
I just follow along today and was AMAZED at what vanilla js can do THANKYOU BOSS
please keep it up this JAVASCRIPT tutorial series do not stop in between because your material is very beautiful
Your content is the best in this genre that I've come across so far. Keep up the good work!
Nice hat, Daniel. You look like a young Vito Corleone auditioning for Grease.
I just finished the entire course, I learned a lot of new things, thank you very much Daniel :'D
You explain very well. Althought I'm french, I understant everything. Thank you !
Yes. More full projects. Need more tutorials where the project is more full like this. Like you would see in the real world
I really enjoyed the way yout teach us in the simplest manner...this is my best channel...to learn the coding.....
Another great tutorial, not boring and just the right speed (well, I set my playback speed to 1.5) and because I'm trying to get as much JS learning without frameworks and other libraries, this is awesome! Thanks again.
Thanks. After a week understanding what happen on your code I was able to done it right on my own now and also change some code on js like instead of doing the getComputedStyle(i might forgot this)... I use:
if(index ===0){setNewImgUrl = 1}
else{setNewImgUrl = index+1} or use switch. I was trying if i get it other way. I cant believe Ive done it. Hehe. Thanks.
you look like Italian jeje, what a great tutorial with pure vanilla javasript, I think it's the best way to understand and learn to program with pure and hard code, keep sharing videos of html5, css3 and vanilla javascript
Thank you, your tutorials are on a whole another level. Cheers!
I was roaming just looking for this and b💥💥m I banged into it
Hats of for Nielsen though you have a hut on😁
i'm from algerai following ur creative art good job bro
Thanks so much, man help me a lot with my assignment at school
Very excited about watching this, I've had a glance and it looks great!
Great. Thank you.
It looks like we need a full playlist like these Tutorial like "modern JavaScript" "css" and html.
There is a lot am gonna lean here am willing to go to the next video thanks bro keep up the good work
u are awesome dude thx for this playlist ! Can't even believe I finished this in 2 days great content :)
Great tutorial. Thank you, Daniel!
While I was working I noticed that my "next" button was right next to the image. After breaking my head it's because I noticed that I had a scroll bar in my browser because I put longer images. So I calculated the img to edge differently for the left and right buttons and then the spacing was correct.
For the right I did 90px and left I left at 80px.
Is there a better way to do this?
good to see you back with a video!
Thanks Dani❤. Love from India🥰🥰
Thank you very much for this awesome tutorial 👍👨💻
I'm enjoying these tutorial
Awesome video from fellow dane, thanks for helping us out. Appriciate all your content.
THANK YOU. 感謝能學到更深入的Javascript
Well Explained and learnt a lot
Thanks for sharing the knowledge... :) :)
Thank you, this video was extremely helpful!
Thank Daniel. This is a lot of work.
I just noticed you look like Elon Musk
isn't it...!!
Like his younger brother...
my height doesnt change ik i inserted the images into html not css and i used the spans in grid area id that an issue?
and almost sounds a bit like him to!
fr mahn
A very clear video, thank you
You are the BOSS
Great tutorial, thanks Dani
thank you so much for the video! it helped me a lot and your explanations are +++++++
Thabk you i am kind of dumb so the explanation helps.
No cap I'm just kind of dumb and more slow than alot of other programmers
Thank you for the course!
Your lessons are so good thank you bro. good luck more
Great lesson!!!!!!
Love you bro
Coding for 90 minutes in a leather coat?? I like it!
great tutorial , you look good by the way.
Finally got around to watching this! Love the hat and getup Mr. Daniel Corleone LOL
Loved it! Thank you!
Nice video man, clean code!
Hello, thanks for this tutorial and am sure it’ll be helpful.
Amazing work man
you are great..dani
hey dear! much appreciate your work!
Thank you , i learn a lot .I'm curious how to enter up to 100 pictures :))
Great tutorial. Would love a tutorial about how to cobine this with oob php to select images from table.
Amazing Tutorial. Do you have a Tutorial to extend this to add the posibility to multiselect the thumbs gallery so, lets say, you can make a .txt with a list of those files? Thnx!
Thank you!
great tutorial my friend, I watch all your videos thanks. its called a full stop don't know why you call it punctuation (fyi)😊.
Amazing !!!!!!!!!!!!!!!!!!!!!!!!
Thanks really helpful ✌🏾.
excuse me sir..i was lost at the part about the getImgUrlPos variable..
i diddny understand what is the used of that variable and how did you select the Image outside of your thumbs folder..how did you connect those two in the variable??
hope to get a response from you..
sorry..just a newbie in js.
Daniel is smart boy.
Goodd.. Im see you in indonesiaaa
Nice
sir it was great tutorial , but i am facing problem in grid -template -area : there is no space for third image to extend down in css grid
While I was watching this I was like didn't you used index... Anyway grate video
Thanks man and I like ur jean jacket. Please can you do a video on how to change username just like the ones in social medias
I got lost when you used the foreach with a function that is powerful stuff,still trying to wrap my head around it😅
FINALLLLLLLLY
👍👏👏👏
hej ! thank you so much for your help ! I always wanted a gallery for my art portfolio ! Is it possible to do with images and scripts hosted somewhere else ? I am using bigcartel, they don't host pictures and javascript files...
Hey dude thanks alot
Post videos everyday... I don't want to check everytime you channel
hi mmtuts can you stream some thing about coding because its fun to see ppl code real time and answer questions if possible so please if you can stream some coding stuff :)
Gallery Done 26:15
Watching
if i inspect the site on browser it say's Unable to get property 'replace' of undefined or null reference
how do i fixs this ??
and
do you know how you have to make a database witch myslql or a other way to make it because i have watcht your html css php & javascript tutorials and you say in some vids that we need a data base i have a old pc that i am using as a server for mc server but i wanted tot make a site for the server and my own database on the pc but not useing a pre build that i have to pay for
nothing to do with the reset.css file.
my browser say's after instect and then go to console becouse it says it has a error and then there is a line in red and that is this line >>>>>( Unable to get property 'replace' of undefined or null reference)
@@enfysgreen2758 it happen the same with me((replace function is not defined, still looking for a mistake that i did write, but found nothing.
@@syborgde i stopt working on it i remade the site 7 times ut had the same prolem every time so i stopt
Tnq u sir
Can You make a video on Rating & Voting for PHP? Thank You
Hi Dani, thank you so much for this, that was hard work - I've been at it 3 days now and have it working fairly well. The two things that don't work for me are 1) the placement of the next and prev buttons - prev is fine but next insists on sitting just over the edge of the first photo, and 2) again the next and prev buttons, neither of them move for different sized images, I have no idea what I am doing wrong with it but will continue to battle. Any hints would be good.
I managed to fix both problems, the second was an easy fix, I noticed your note on the video that we had to remember to add the class in, so I did that and it immediately fixed the problem. The first... that was more difficult, I ended up having to have
let calcImgToLeftEdge = ((windowWidth - imgWidth) / 2) - 80;
let calcImgToRightEdge = ((windowWidth - imgWidth) / 2) - 100;
and their respective calls in order for it to work. Problem? I don't know why.
thank you...
Dani!!!! can you make a tutorial about async await and promises? I watched a lot of tutorials about that but I really cant understand.
Can i know what type of microphone u used? I wanna buy, u can give your affiat link also...
HI Daniell, my xamp sql says: This may be due to a blocked port, missing dependencies? I tryed to change the port 3307 and also deleting some files in mysql-> data. im just using wamp for now, but i lost my data base ( which wasnt that big loose actually). : - )
Thanks for this great tutorial! I think to make it responsive for tablet and smartphone we have to use CSS? Or do I need JS again?
You would use CSS, or a framework to have it automatically be responsive 🙂
alright 'Agent Mmtuts' Javascript gallery will be our mission for today.
I finished your whole javascript course, is that all ? I mean I wanna learn everything in javascript would your videos be enough ?
By order of the Peaky Blinders! 😁
Hello!
It's a great video, my only problem with it is the static image part. In a real gallery you are using some sort of parser to parse all your images in a given directory or even parse multiply levels of directories to categorize gallery images. And also in real life your client will not give you perfectly sized images with same width or height. You have to take care all of this sh*t in the parser. In this video if you are replacing only the image source definitions to a parser, this grid will fall apart or images look ugly.
Personally I would love to see some more realistic stuff from you, because static pages are way in the past.
I think you might be missing who the target audience is for this video. The video is meant to show people who are new at Web Dev “how to create a simple gallery using JS”, so they can apply a ‘concept’ to their own products.
The scenario you are describing is indeed what you would experience on larger websites which has more than “just a simple gallery”, however this video isn’t aimed to teach that. The purpose is to show students how to open images and what the thought process behind coding simple JavaScript is like :)
@@Dani_Krossing Fair point, your are right about it. However, personally(maybe I'm alone, with it, don't know) I still would love to see some more advanced tutorials about these topics, because your videos are great and I think people who are farther in web development could take away so many knowledge from you :)
Wow
Your tutorials have been fantastic. If been converting my 100% flash actionscript website to JavaScript. I have one hiccup in the conversion. If you have the time, would you please contact me. No one I’ve contacted has the answer or suggestions. Thanks
Great class - you have a very nice style. I went looking for the source and couldn't find it. Any chance I could get it? Thanks again.
The source material is available in the links in the description 🙂
I am facing a problem. Every time i click on the big image to close it , it says closeImg function is not defined. Please help me with it. Thanks