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!
"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!
2 ปีที่แล้ว +5
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.
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
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.
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😆😆😆
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.
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?
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 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.
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
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!
"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!
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.
I love watching your process. Makes me feel more secure about applying my 25 years of nonsense to current problems.
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
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
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! 😭😭😭
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 😂😂
Hey man, its just like you read my mind. I was just thinking about this project few days back.
great work. keep it up.👍
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.
Kinda new to JS and React and these projects help me tons
Great video, best frontend channel ever!
More like this please. Amazing video. Thank you very much.
I was looking for this type of video
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.
Wow, just wow. Simply amazing to watch while you solved this task. I come back for more :-). Thank you!
Really like this style of video, seeing the bug solving
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.
You are really really on fire Vanilla Js King 😍
Almost a million Subscriber.
I marvel your work great Job 👍
This channel is huge! just found your channel by specificity 2019
I like how confident he is naming the animation to "flip-up" and then realized its actually irrelevant. 🤣 Anyway, I enjoyed this video. 😁
CSS animations rock. Awesome video once again!
Thank you so much for the video...but can you do counting up pls...
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
great tutorial
It's great video. However, you have one error on js file line#35. It should be topHalf instead of top
25:35 dom libs `declare var top: WindowProxy | null;` is reserved name at global window.
This would be even greater if use typescript i think 🤔
I had no idea about any of that, still watched 😅
Make Crash Course on ESLint, Prettier also make crash course on html canvas api
ctx.draw
how do set the timer? where should i put the time? thank you for you video~ its awsome~
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.
Super great stuff
Not changing top to topHalf caused me anxiety.
I'm sitting here like, "Bro, p please...please?"
Nice work though.
Thank you so much!
that was awesome
Just perfect....
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.
This one is real damn hard af
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.
Where did you learn JavaScript
great
Why does the align items: flex-end trick work for the aligning the two halves of the card together?
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?
Awesome! :)
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 ,🔥
how is the bootom 4 going up on using the flex end i dont get it?
Can you try to create a slot machine?
how to add days plz guide me
Respect +
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
Refactoring your whole code because of one typo… if that isn’t programming in a nutshell 😅
Kyle could you do a video on Redux or any other state management libraries for React?
please kayle how can i be a good javascript developer because i keep struggling while working with javascript , please answer
Make more 3D tutorials pls
NIce Vid!
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.
is it possible implement in react-native?
im too used to "flip animation" meaning first, last, invert, play haha
4:35
I’ve tried it and get errors on my Java script
I get Cannot read properties of null
Bro I want how to do youtube subscribers increasing count animation by using html css JavaScript 😊
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
WhatsApp bot using javascript
Good job bro, JESUS IS COMING BACK VERY SOON;WATCH AND PREPARE