Build A Quiz App With JavaScript

Поделиться
HTML-код
  • Опубликовано: 14 июн 2019
  • In this video I will be breaking down the entire process of building a quiz application using JavaScript. We will also be styling the entire application using modern styling practices. This video will not only teach you how to build a quiz application, but it will breakdown the steps you need to take when building any project.
    We will be using modern JavaScript best practices to create this application. We will also be using CSS variables to make changing our site on demand incredibly easy. By the end of this video you will have an entire quiz application built which can be easily extended and customized.
    📚 Materials/References:
    CSS Box Model Explained: • Learn CSS Box Model In...
    GitHub Code: github.com/WebDevSimplified/J...
    CodePen Code: codepen.io/WebDevSimplified/p...
    🧠 Concepts Covered:
    - How to dynamically show/hide elements
    - How to remove child elements
    - Array randomization
    - Who the best RUclipsr is 😜
    - CSS variables
    🌎 Find Me Here:
    Twitter: / devsimplified
    Discord: / discord
    GitHub: github.com/WebDevSimplified
    CodePen: codepen.io/WebDevSimplified
    #QuizApp #WDS #JavaScript

Комментарии • 488

  • @thecodeiackiller

    This guy was 100% created by AI.

  • @octobrain23232
    @octobrain23232 4 года назад +266

    This is the only video I've ever watched where I turned down the playback speed.

  • @sareem
    @sareem 4 года назад +124

    Ok,I'm pretty sure i typed "simple javascript programs", but anyways great tutorial man!

  • @shamirabbas7706
    @shamirabbas7706 2 года назад +1

    i wrote exaclty same code as yours but there is an error in line : startButton.addeventLister(), it says that Uncaught TypeError: Cannot read properties of null (reading 'addEventListner'), please help me

  • @hoppersaurus7989
    @hoppersaurus7989 3 года назад +8

    I was good in the first half. After you started adding all the functions, my brain turned to mush. 😐

  • @jamesmeegan4755
    @jamesmeegan4755 3 года назад

    Even at half speed im struggling to keep up

  • @james2529
    @james2529 Год назад

    Bro just built Kahoot in 30 minutes.

  • @TrevorTyroneSSH
    @TrevorTyroneSSH 2 года назад

    you need to literally breathe and take it easy, i can promise we are watching the whole thing

  • @lynnoneill7209
    @lynnoneill7209 4 года назад +22

    Awesome content! On a side note, if you ever decide to change professions you could always work as an auctioneer. I had to drop the speed to .75 just to follow along. ;-)

  • @nateizu315
    @nateizu315 2 года назад

    God this is confusing. But i'll keep going. and repeat steps. and all that.

  • @RolanArjan
    @RolanArjan Год назад +1

    SUPER GENIUS! You typing it seems like you are not thinking. You just think straight forwards on it without making any mistake. That's incredible!

  • @Forevashort411
    @Forevashort411 3 года назад +40

    These videos have been my extra resources/saving graces while in my coding bootcamp. Thanks for making it easy to understand!

  • @tylertomani
    @tylertomani 2 года назад +30

    Your multitasking talking and typing skills are amazing, and you're one of the best teachers I've come across ever. Thank you sincerely, I truly appreciate you and this video.

  • @JustCallMeZi
    @JustCallMeZi 3 года назад +2

    super awesome breakdown of how to do everything! I have only been learn JS for about a week and this really removed some of the confusion I had with trying to learn the basics!! thanks :D

  • @valeriejoseph5473
    @valeriejoseph5473 Год назад

    You legit have my jaw dropping in the middle of a coffee shop lol. This video was so enlightening! Thank you! Please keep going.

  • @user-fh8wi4mo6s
    @user-fh8wi4mo6s Год назад

    Щиро дякую за відео)

  • @thetechgal374
    @thetechgal374 4 года назад +4

    Thank you for this. You really made this simpler and easier to understand!

  • @caroldanvers265
    @caroldanvers265 3 года назад +2

    Learn a ton on this tutorial, but had to play back the video a bunch of times. Awesome tutorial!!

  • @GetYourSelfTogether803
    @GetYourSelfTogether803 4 года назад +1

    Thank you so much, dude. I learned so much. Appreciate your work

  • @meenamurumkar3153
    @meenamurumkar3153 4 года назад +1

    This is so helpful! Thanks a lot man!