"all we gotta do... which I don't think will be that hard" 33:47 I've said that so many times when I'm in the first week of what becomes a month long ordeal 😆Great job with the work flow and the result looks stellar!
It really got to me that you never corrected the mistake made at 26:00 haha. I was waiting for you to spot it. I looked in the source code and it is still there!
26:02 that top shouldn't be topHalf? at top.textContent = startNumber? cuz you changed the name of the variable but you changed it just in the event listener even if the things work properly, I'm just curious 22:32 why's that semi-colon there? is this some syntax?
You are right about the top vs topHalf. Luckily, it doesn't make any difference since that line of code is no longer needed. As for the semicolon it is because I don't end my lines with semicolons so in some rare situations I need to start a line with a semicolon to prevent bugs.
These kinds of videos are both educational and entertaining. The only thing that I'm missing is a bit more explanation of the thought process behind positioning the number text (half-number) within the element. I was surprised how flex-end would move the text content within the container.
Great video. Alot of people don't want to show their mistakes, but we learn more from mistakes than from success. I'm actually going to use what you did here in a project of mine so thank you for the info.
Cool. Could you try making a book style flip left and right and use some Ajax to load external pages into divs? I tried, but couldn't quite get it to work properly. Would be cool for interactive books.
Recently I tried to create a Carousel UI and 3 day later You uploaded the video "Can I Create Netflix's Video Carousel UI" and Yesterday I was trying to create a flipping clock and You uploaded this video ! are you spying on me😆😆😆
Did you just fix an error by putting a semicolon at the start of the next line instead of at the end of the correct line? I... I understand that works, but... it hurts my soul 😅 This is why semicolons are worth getting in the habit of using, folks! 😁
I'm think that ";[...elementCollection]" is the function. But, I agree, I always use semicolons, but that's because I'm constantly switching between js and c#, so it's a habit.
He could have put the semicolon at the end of the querySelector function above too. It just tells the compiler to treat those two lines separately otherwise it thinks it is doing document.querySelector(“.flip-card”)[…flipCard.children] which of course causes errors
Awesome: now as someone who knows a bit more than I - write some of the bullet points tech and skills he used: he is using 1 editor, 2 he is using either firefox or chrome to evaluate 'the example' he is looking at, what developer tool(s), language and gross CSS type, what version of javasscript/library.
Apologies if someone has already asked - I don't see it below. What is the deal with the semicolon at the beginning of line 4 at about 22:30? Why doesn't it go at the end of line 2?
Hi Kyle, i am a newbie and I just love to watch and learn from your videos. Is there any instant node module to use? I also want each digit slide up or down.
The line "top.textContent .." might be some form of intelligent creature that has super powers and immortality. It tricked Kyle so that he never notice it.
Hi! Great Video! You made me interested in coding. I am trying to make a calendar in which you add events such as exams or homework. Could you one day do something like that?
Evening just saw this very helpful, what if I want to include days to it, like days, hours, minutes, seconds How would I select the days with the data hours stuff. I don't know if you quite get the question. Would appreciate it if I get a feedback back as soon as possible. Thank you Awesome Video once again ,🔥
Anyone know why he had to give up using the pseudoelements and created elements instead? I originally thought it was cause of the typo but I saw the correct statement under it so it shouldnt break anything
The issue with "animationend" here is that when you switch browser tab to another, the animation won't work so it will create a glitch on removing elements.
Hey man i really need you to explain something in one of your past tutorials, Node.js Passport Login System Tutorial, please respond to my comment in that video
"all we gotta do... which I don't think will be that hard" 33:47 I've said that so many times when I'm in the first week of what becomes a month long ordeal 😆Great job with the work flow and the result looks stellar!
It really got to me that you never corrected the mistake made at 26:00 haha. I was waiting for you to spot it. I looked in the source code and it is still there!
m2 hahaha, it is amazing to him just not spotting it and still making it work!
Same!! 😀Great walkthrough nevertheless!
26:02 that top shouldn't be topHalf? at top.textContent = startNumber? cuz you changed the name of the variable but you changed it just in the event listener
even if the things work properly, I'm just curious
22:32 why's that semi-colon there? is this some syntax?
yeah I also noticed that and I'm curious. Could anyone explain ?
You are right about the top vs topHalf. Luckily, it doesn't make any difference since that line of code is no longer needed.
As for the semicolon it is because I don't end my lines with semicolons so in some rare situations I need to start a line with a semicolon to prevent bugs.
@@WebDevSimplified
it did cause you woudnt even have to select the pseudo element if you did so I was screaming LMFAO
Bugged the hell out of me! 😭😭😭
These kinds of videos are both educational and entertaining. The only thing that I'm missing is a bit more explanation of the thought process behind positioning the number text (half-number) within the element. I was surprised how flex-end would move the text content within the container.
I also loved it but I was also missing some explanation.
Hey man, its just like you read my mind. I was just thinking about this project few days back.
great work. keep it up.👍
I love watching your process. Makes me feel more secure about applying my 25 years of nonsense to current problems.
Great video. Alot of people don't want to show their mistakes, but we learn more from mistakes than from success. I'm actually going to use what you did here in a project of mine so thank you for the info.
I love to see how even Kyle get stuck when it comes to css :D
css: I’m not going to do that
webdev guy: mmm mmm mmm mmm
css: okay, okay, that will work
More like this please. Amazing video. Thank you very much.
Wow, just wow. Simply amazing to watch while you solved this task. I come back for more :-). Thank you!
Kinda new to JS and React and these projects help me tons
I was looking for this type of video
I marvel your work great Job 👍
Really like this style of video, seeing the bug solving
Cool. Could you try making a book style flip left and right and use some Ajax to load external pages into divs? I tried, but couldn't quite get it to work properly. Would be cool for interactive books.
Great video, best frontend channel ever!
Recently I tried to create a Carousel UI and 3 day later You uploaded the video "Can I Create Netflix's Video Carousel UI"
and Yesterday I was trying to create a flipping clock and You uploaded this video !
are you spying on me😆😆😆
What are you working on next week? So we can adjust our expectations accordingly 😂
@@ryan-heath 😂😂
This channel is huge! just found your channel by specificity 2019
Did you just fix an error by putting a semicolon at the start of the next line instead of at the end of the correct line? I... I understand that works, but... it hurts my soul 😅 This is why semicolons are worth getting in the habit of using, folks! 😁
I'm think that ";[...elementCollection]" is the function. But, I agree, I always use semicolons, but that's because I'm constantly switching between js and c#, so it's a habit.
Cryyyy
😂
He could have put the semicolon at the end of the querySelector function above too. It just tells the compiler to treat those two lines separately otherwise it thinks it is doing document.querySelector(“.flip-card”)[…flipCard.children] which of course causes errors
Thank you, was gonna ask if this was some js sorcery I dont know about. But it's just js being js xD
You are really really on fire Vanilla Js King 😍
CSS animations rock. Awesome video once again!
great tutorial
Awesome: now as someone who knows a bit more than I - write some of the bullet points tech and skills he used: he is using 1 editor, 2 he is using either firefox or chrome to evaluate 'the example' he is looking at, what developer tool(s), language and gross CSS type, what version of javasscript/library.
Apologies if someone has already asked - I don't see it below.
What is the deal with the semicolon at the beginning of line 4 at about 22:30? Why doesn't it go at the end of line 2?
Can go either way. Everyone is just used to put it at the end so when it gets switched OCD kicks in
Almost a million Subscriber.
It's great video. However, you have one error on js file line#35. It should be topHalf instead of top
Super great stuff
I like how confident he is naming the animation to "flip-up" and then realized its actually irrelevant. 🤣 Anyway, I enjoyed this video. 😁
I had no idea about any of that, still watched 😅
Hi Kyle, i am a newbie and I just love to watch and learn from your videos. Is there any instant node module to use? I also want each digit slide up or down.
Thank you so much!
that was awesome
Thank you so much for the video...but can you do counting up pls...
25:35 dom libs `declare var top: WindowProxy | null;` is reserved name at global window.
The line "top.textContent .." might be some form of intelligent creature that has super powers and immortality. It tricked Kyle so that he never notice it.
This would be even greater if use typescript i think 🤔
Awesome! :)
Make Crash Course on ESLint, Prettier also make crash course on html canvas api
ctx.draw
Just perfect....
Not changing top to topHalf caused me anxiety.
I'm sitting here like, "Bro, p please...please?"
Nice work though.
how do set the timer? where should i put the time? thank you for you video~ its awsome~
This one is real damn hard af
great
Where did you learn JavaScript
Please make a video on css timer with digits moving up vertically and appearing from below.
This is exactly what i want to know. Please Kyle, make the video.
Hi! Great Video! You made me interested in coding.
I am trying to make a calendar in which you add events such as exams or homework. Could you one day do something like that?
Evening just saw this very helpful, what if I want to include days to it, like days, hours, minutes, seconds
How would I select the days with the data hours stuff. I don't know if you quite get the question.
Would appreciate it if I get a feedback back as soon as possible.
Thank you
Awesome Video once again ,🔥
please kayle how can i be a good javascript developer because i keep struggling while working with javascript , please answer
Why does the align items: flex-end trick work for the aligning the two halves of the card together?
Can you try to create a slot machine?
how to add days plz guide me
Respect +
Kyle could you do a video on Redux or any other state management libraries for React?
how is the bootom 4 going up on using the flex end i dont get it?
Refactoring your whole code because of one typo… if that isn’t programming in a nutshell 😅
NIce Vid!
Make more 3D tutorials pls
is it possible implement in react-native?
Anyone know why he had to give up using the pseudoelements and created elements instead? I originally thought it was cause of the typo but I saw the correct statement under it so it shouldnt break anything
The issue with "animationend" here is that when you switch browser tab to another, the animation won't work so it will create a glitch on removing elements.
solution?
@@mountainscott5274 Well, for now, the only solution I could came up with was to use setTimeout with with animation period.
You are redeclaring top. You set top to be a const. Top needs to be let
I am probably wrong thou. Is setting textContent considered changing the variable?
Top is part of the window object. That's what he was trying to redeclare.
I’ve tried it and get errors on my Java script
I get Cannot read properties of null
4:35
Bro I want how to do youtube subscribers increasing count animation by using html css JavaScript 😊
im too used to "flip animation" meaning first, last, invert, play haha
Hey man i really need you to explain something in one of your past tutorials, Node.js Passport Login System Tutorial, please respond to my comment in that video
Can you actually play that guitar?
Look at his hair, he borned with an electric guitar in his hands
I can't code without music
Huh, cm'on you can create anything...... U don't Hav 2 put the title "Can I Create.... "
First
Good job bro, JESUS IS COMING BACK VERY SOON;WATCH AND PREPARE
WhatsApp bot using javascript