JavaScript Game: Interactive Questions With CSS Transitions & Animations

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ธ.ค. 2024

ความคิดเห็น • 50

  • @bowdymisener
    @bowdymisener 4 ปีที่แล้ว +1

    I have made this course my full time bootcamp. Im loving it so far. I cant believe its free.

  • @AlejandroCamachoOsmolik
    @AlejandroCamachoOsmolik 4 ปีที่แล้ว +9

    I finished your udemy course "Become a worpdpress developer" yesterday and that was awesome. Thank you Brad

  • @shahriarparvezshuvo4760
    @shahriarparvezshuvo4760 4 ปีที่แล้ว +4

    I've completed your Git a web developer Job. I can't even express how much I learned from your courses. Thanks, Brad. ❤️

    • @LearnWebCode
      @LearnWebCode  4 ปีที่แล้ว +4

      Thanks! Hearing that is the biggest motivation for me; glad the course / videos were helpful.

  • @suhailxeaser
    @suhailxeaser 3 ปีที่แล้ว +1

    Thanks for creating this Bootcamp series. I was in 'desert of despair' and you saved me & opened the door I needed to walk through in...Thank you so much Brad.

  • @dave0
    @dave0 4 ปีที่แล้ว +2

    I just found you surfing youTube. I see you 've been missing in action for some time. I want to say thank you for coming back. Your style of teaching is very appealing to me and I will be watching your work moving forward. This is my lucky day!. Do you have a patreon account? Thanks again!!

  • @remax110
    @remax110 4 ปีที่แล้ว +2

    This is a good app for my first grader whose practicing her math skills. Good to see you back Brad. Always looking forward on your video.

  • @meherali4073
    @meherali4073 4 ปีที่แล้ว

    I like your videos very much because you explain everything step by step.

  • @MrEdwardhartmann
    @MrEdwardhartmann 2 ปีที่แล้ว

    Great teaching style

  • @priyanka.sarkar
    @priyanka.sarkar 4 ปีที่แล้ว +1

    Instead of multiplying to 11 and then taking the floor, we can also take the ceil of the number after multiplying with 10.
    Math.ceil ( Math.random() * 10 ).
    P.S : The series is going just amazing and thanks a ton for such great tutorials.

    • @LearnWebCode
      @LearnWebCode  4 ปีที่แล้ว +2

      Thanks for the support, and good catch! That code is a bit cleaner, but it will only very rarely ever give us a value of 0; although that could be what we want.

  • @JtheRFs
    @JtheRFs 4 ปีที่แล้ว +1

    Wow, a dynamic array inside an object returned by a function. I love it 😃 . Is it anything regular or special? I couldn't have ever pictured this on my own. I mean the object property - operator: ['+', '-', 'x'][generateNumber(2)]. Never heard anyone even mentioning it. You really made my day. Thanks Brad!

  • @zipponvr7043
    @zipponvr7043 4 ปีที่แล้ว +2

    I would add this
    if ( ourField.value == '' ) return
    to handleSubmit function after e.preventDefault()
    so you can't accidentally make mistake if press enter with empty input

  • @soltiscd
    @soltiscd 4 ปีที่แล้ว

    You got my attention as soon as the react logo appeared!

  • @mounir101
    @mounir101 4 ปีที่แล้ว

    Excellent! You're a great professor out there. Keep going and thanks so much.

  • @msvmanikantasrivishnu7788
    @msvmanikantasrivishnu7788 4 ปีที่แล้ว +2

    You are the best

  • @BattlingNebula1
    @BattlingNebula1 4 ปีที่แล้ว

    Just finished your "Git a Web Developer Job: Mastering the Modern Workflow
    " course on Udemy. I come across so many courses online but haven't seen such a quality course anywhere which teaches the proper workflow. So many people teach how to write HTML or CSS or Javascript but no one covers such an import topic of organizing our workflow. I feel like I am a much better programmer now with the knowledge of all the tools learnt in the course.
    IMHO, I think it is a must take course for both existing and aspiring developers. Seriously, Thanks a ton for making that course! ❤

  • @wshraim
    @wshraim 4 ปีที่แล้ว

    for "if (parseInt(ourField.value, 10) === correctAnswer)" we are using 3 equal signs because 0-0 or 0+0 should equal 0 and not -0. anywhere else we use ===, we can simply use ==

  • @streamx2
    @streamx2 4 ปีที่แล้ว

    I am strugglon with the css for the progress bar. You set the width of the boxes div which contains all the box divs to 100%. % is a relative unit, but the progress div has no width. Where does the boxes div get its from.

  • @bubbanstix841
    @bubbanstix841 4 ปีที่แล้ว

    Hi. I bought your 2 courses and i can say you are amazing. Pls can you make more examples with js? Maybe a widget or something..

  • @jayjohnx
    @jayjohnx 2 ปีที่แล้ว

    Sir I didn't understand one thing, why have you used (max + 1),
    isn't just (max) enough to work this out ?
    along with generateNumber(11) for numberOne and numberTwo values, and generateNumber(3) for operator symbol respectively

  • @samiullah9154
    @samiullah9154 3 ปีที่แล้ว

    Is currentProblem a built-in method of JavaScript?

  • @suresmaharjan9809
    @suresmaharjan9809 2 ปีที่แล้ว

    Thanks Guru

  • @AgoraBilisim
    @AgoraBilisim 4 ปีที่แล้ว

    Hey Brad, I love your courses. How do you exactly measure an area on the screen on Mac? When I try what you do (hold certain keys and drag the mouse), it takes screenshot of that area. Did you modify the default behaviour of Mac? Thanks

    • @LearnWebCode
      @LearnWebCode  4 ปีที่แล้ว +1

      Hi, I just make sure to press the "Escape" key before releasing the click/drag and it never actually takes the screenshot.

    • @AgoraBilisim
      @AgoraBilisim 4 ปีที่แล้ว

      @@LearnWebCode I tried the escape key and it worked :) Thank you very much

  • @oriyon1
    @oriyon1 4 ปีที่แล้ว +1

    Where did come from
    The currentProblem object or property

    • @LearnWebCode
      @LearnWebCode  4 ปีที่แล้ว +1

      Good question. Once an object already exists (we had already created the "state" object) you can add a new property (or update an existing property's value) by just saying anExampleObject.newProperty = 'hello' That's what we're doing in the updateProblem function with the currentProblem property.

  • @eguchiyuuki
    @eguchiyuuki 3 ปีที่แล้ว

    great!!!

  • @aaravthakur3738
    @aaravthakur3738 2 ปีที่แล้ว

    what extentions did you use?

  • @suprabhatkumar5478
    @suprabhatkumar5478 4 ปีที่แล้ว

    Hey BRADD please consider replying this message...I have been following you closely from recent months and fairly you have stolen my heart the way you teach and your voice too❤😅 I am a big fan of JavaScript(you too😅) and am just a beginner. I just saw your 10 days of JavaScript videos and there i got to know about your fullstack JavaScript course. So i just wanted to know is it still accessible? Can i take it as a beginner?? I'll be waiting for your response Bradd😊... have a great day..

    • @ihabfadirik6621
      @ihabfadirik6621 4 ปีที่แล้ว

      I'm not Brad but if my memories are correct the course contains the 10 days of javascript and you can catch on the rest of the course without any problem as i did

  • @vivekpandey3214
    @vivekpandey3214 4 ปีที่แล้ว

    You are amazing.

  • @emmanouil1453
    @emmanouil1453 4 ปีที่แล้ว

    So Brad can we ommit the @-webkit-keyframes variation of @keyframes? I checked your code and works smoothly in Chrome, Firefox, Safari, Edge.

    • @LearnWebCode
      @LearnWebCode  4 ปีที่แล้ว +1

      Yep! Since version 43 Chrome doesn't need the -webkit prefix. Chrome versions 4 through 42 make up less than 0.3% of web traffic so it's a risk I'm willing to take. But for huge client projects I'd probably still play it safe and configure my webpack / autoprefixer workflow to include the prefixes for me.

    • @emmanouil1453
      @emmanouil1453 4 ปีที่แล้ว

      @@LearnWebCode Thanks Brad.

  • @michelparmentier3063
    @michelparmentier3063 4 ปีที่แล้ว

    so timely, lol !
    Ty !

  • @JimKernix
    @JimKernix 3 ปีที่แล้ว

    I hope you explain how state works because I don't get that part

  • @Degamer790
    @Degamer790 8 หลายเดือนก่อน

    lovely cat 😺

  • @aaravthakur3738
    @aaravthakur3738 2 ปีที่แล้ว

    My code isn't running properly, even though i have copied and pasted your lines from codepen. If you are free, could you please help me, thanks!!

  • @mojtabayam
    @mojtabayam 4 ปีที่แล้ว

    hi brad . please make a video about ES7

  • @geelemo
    @geelemo 4 ปีที่แล้ว

    Dear Brad, please make an animation course :)

  • @safiq_ur_rahaman
    @safiq_ur_rahaman ปีที่แล้ว

    if the input type is number there is no need to parse as integer

  • @unchart_d
    @unchart_d 4 ปีที่แล้ว

    Am a student, can someone help me to balance between coding and my studies too? I have tried for more than three years but i lose motivation along the way, i will only code for 5 days then i lose motivation to keep on going. Any help pls.

    • @kings_cash
      @kings_cash 4 ปีที่แล้ว +1

      Yeah you can set a specific time so you can code and study too :)

  • @sazzadchowdhury3655
    @sazzadchowdhury3655 4 ปีที่แล้ว

    1st comment 😁🇧🇩🇧🇩

  • @zippytyro
    @zippytyro 4 ปีที่แล้ว +1

    2nd comment