JavaScript Game: Interactive Questions With CSS Transitions & Animations

JavaScript / Web 24.8K צפיות 09/09/2020
פתח ב-YouTube

דרג סרטון זה

התחבר כדי לדרג

תיאור

Check out my full JS course here https://learnwebcode.com/javascript/ Let's use JavaScript to build a simple math game. Along the way we'll see how there is an awkward disconnect between our data (how many points we've scored) and our user interface that we want to show on the screen. 00:00 Intro 1:06 Getting Started 1:40 Choosing Random Numbers 11:43 User Interface 18:51 Calculating Correct Answer 30:26 Win & Lose Conditions 33:36 Progress Bar 44:18 Overlay 56:58 Animate Wrong Answer 1:02:43 Outro CodePen Finished Product https://codepen.io/learnwebcode/pen/mdPMBjL The 10 Days of React Playlist https://www.youtube.com/playlist?list=PLpcSpRrAaOaqONih-vl45TkLRgRzELLvI Playlist for this full series: https://www.youtube.com/playlist?list=PLpcSpRrAaOargYaCNYxZCiFIp9YTqEl-l Follow me for updates on new episodes: Instagram: https://www.instagram.com/javaschiff/ Twitter: https://twitter.com/learnwebcode Facebook: https://www.facebook.com/Brad-Schiff-1542576316048470/ Twitch: https://www.twitch.tv/learnwebcode

#LearnWebCode