All in One Offer! | Access Unlimited Courses in any category starting at just $29. Signup today. Offer Ends in: 8 Days!

Browse Library

JavaScript - Breakout Game Exercise

Learn more about JavaScript functionality how you can make page elements dynamic and interactive all using JavaScript

Instructed by Laurence Svekis

2 days left at this price!
Get Unlimited Courses Access $29
$29
It Includes
  • Get Full Access to the platform
  • Access to 16000+ online courses
  • High Quality Recorded Lectures
  • Learn Online from Mobile/PC/Tablet
  • Assignments & Projects
  • Online iLab Access
  • Certificate of Completion
  • Download for offline viewing
  • Free Instructor Support
  • Access valid for 1 user only
  • Cancel Anytime
  • Build a simple interactive JavaScript based game
  • Apply JavaScript Animations
  • Apply and practice JavaScript

Learn and practice JavaScript with this fun game building exercise course

BUILD a - JavaScript Breakout game from scratch

Learn JavaScript and have fun doing it, building an exciting playable game within the course.

Source Code is included!!!!  Work along side the lessons to build your own version of the game.

Did you want to PRACTICE and LEARN more about using JavaScript, then this course is perfect for you to advance your skills in a fun step by step course teaching you how to build a game from scratch.

Within the course we explore animation functionality and how to apply it within your code to make things happen.

How you can use JavaScript to create and update elements within your page.  Setup animations and move things around.  JavaScript is designed to make your web content interactive and dynamic which is demonstrated within the building of a game only using JavaScript.

JavaScript is a prerequisite to this course, The course is designed to practice JavaScript and prior knowledge of JavaScript is needed to take this course.

All JavaScript no libraries and no filler, JUST JavaScript !!!!

The possibilities are endless, using the DOM and creating elements provides you a wide variety of options where you can take the code provided within this course and extend on it in any number of directions.   Learn practice and have fun.

Source Code is included to get you started quickly

Fast friendly advice and help is always available within the Q&A section

Taught by an instructor with many years of web development and teaching experience.

Learn step by step how to create a simple game from scratch, with helpful tips and resources along to way.   Explore how game logic is applied and tweaks for coding and game improvement.

Nothing to lose, join now and see what you can build with JavaScript.

  • Base JavaScript HTML and CSS
  • Computer Access
  • Desire to learn
  • Anyone who wants to learn how to put together a quick game using only Vanilla JavaScript
  • Anyone who wants to practice and learn more about how to use JavaScript
  • JavaScript Beginners
View More...

Section 1 : Introduction to creating interactive and Dynamic content with JavaScript

  • Lecture 1 :
  • JavaScript Breakout Introduction Preview
  • Lecture 2 :
  • Page Setup
  • Lecture 3 :
  • Interactive with JavaScript
  • Lecture 4 :
  • JavaScript Functionality
  • Lecture 5 :
  • StartGame Animations JavaScript
  • Lecture 6 :
  • JavaScript Get Moving
  • Lecture 7 :
  • Bouncing Ball JavaScript
  • Lecture 8 :
  • Detect Collision JavaScript
  • Lecture 9 :
  • Paddle Ball Hits JavaScript
  • Lecture 10 :
  • Tweak gameplay
  • Lecture 11 :
  • Bring the Bricks
  • Lecture 12 :
  • Brick Detection and Hits
  • Lecture 13 :
  • Tweak and Tune our Code
  • Lecture 14 :
  • Updates to Game Play
  • Lecture 15 :
  • Code Review
  • Lecture 16 :
  • Source Code
  • Lecture 17 :
  • Source Code
  • How do i access the course after purchase?

    Once you purchase a course (Single course or Subscription), you will be able to access the courses instantly online by logging into your account. Use the user name & password that you created while signing up. Once logged in, you can go to the "My Courses" section to access your course.
  • Are these video based online self-learning courses?

    Yes. All of the courses comes with online video based lectures created by certified instructors. Instructors have crafted these courses with a blend of high quality interactive videos, lectures, quizzes & real world projects to give you an indepth knowledge about the topic.
  • Can i play & pause the course as per my convenience?

    Yes absolutely & thats one of the advantage of self-paced courses. You can anytime pause or resume the course & come back & forth from one lecture to another lecture, play the videos mulitple times & so on.
  • How do i contact the instructor for any doubts or questions?

    Most of these courses have general questions & answers already covered within the course lectures. However, if you need any further help from the instructor, you can use the inbuilt Chat with Instructor option to send a message to an instructor & they will reply you within 24 hours. You can ask as many questions as you want.
  • Do i need a pc to access the course or can i do it on mobile & tablet as well?

    Brilliant question? Isn't it? You can access the courses on any device like PC, Mobile, Tablet & even on a smart tv. For mobile & a tablet you can download the Learnfly android or an iOS app. If mobile app is not available in your country, you can access the course directly by visting our website, its fully mobile friendly.
  • Do i get any certification after completing the course?

    Yes. Once you succesfully complete any course on Learnfly marketplace, you get a certiifcate of course completion emailed to you within 24 hours with your name & the Learnfly badge. You can definately brag about it & share it on your social media or with friends as one of your achievement. Click here to view the sample certificate Click Here
  • For how long can i access my course after the purchase?

    If you buy a single course, that course is accessible to you for a lifetime. If you go for a premium subcription, you can access all the courses on Learnfly marketplace till your subscription is Active.
  • Whats the difference between Single Course Purchase & Go Premium option?

    With Single Course Purchase, you only get an access of one single course. Whereas, with premium monhtly or annual subscription, you can access all the existing or new courses on learnfly marketplace. You can decide what option suits you the best and accordingly you can make your purchase.
  • Is there any free trial?

    Currently, we don't have any free trial but it may be available in near future.
  • What is the refund policy?

    We would hate you to leave us. However, if you are not satisfied, you can ask for a full refund within 30 days & we will be happy to assist you further.

Laurence Svekis,

Instructor, 18+yrs Web Experience I'm here to help you learn, achieve your dreams, come join me on this amazing adventure today Providing Web development courses and digital marketing strategy courses since 2002. Innovative technology expert with a wide range of real world experience. Providing Smart digital solutions online for both small and enterprise level businesses. "I have a passion for anything digital technology related, enjoy programming and the challenge of developing successful digital experiences. As an experienced developer, I created my first computer applications in 1990, and my first website in 1998. I enjoy sharing my knowledge with others and want to help you share in the wonderful opportunities that the internet provides." "Learning, understanding with a strong passion for education. The internet has provided us with new opportunities to expand and share knowledge." Want to learn more about becoming a web developer, do you want to experience the freedom that technology provides for us? Learn how tobring amazing things to life online. Technology connects us all in many ways. It opens up doors to those who embrace it and learn how to make those connections real. "My courses are designed to help you achieve your goals, learn and update skills" Background : An experienced web application developer, having worked on multiple enterprise level applications, hundreds of websites, business solutions and many unique and innovative web applications. Web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP and MySQL. Anything to do with web creation and digital experience. Passionate about everything to do with web application development, programming to online marketing with a strong focus on social media and SEO. "Understanding technology provides a means to better connect with users. It also opens so many doors. Knowledge is the key to success and I want to help you experience what technology has to offer. I'm passionate about web technologies, and look forward to sharing my knowledge and experience with you!"
View More...
android-game-development-for-beginners

Android Game Development for Beginn...

By : Sandip Bhattacharya

Lecture 19

android-game-development-create-your-first-mobile-game

Android Game Development - Create Y...

By : Sandip Bhattacharya

Lecture 19

make-video-game-in-unity3d

Make video game in unity3D

By : THE MMZ

Lecture 6

Free

unity-2d-game-development-with-c-for-beginners-android-ios

Unity 2D game development with C# f...

By : Hamza Brinis

Lecture 11

html5-game-development-2d-platform-game-fundamentals

HTML5 Game Development - 2D Platfor...

By : Jed Hastwell

Lecture 44

design-your-video-game-with-make-block-free-web-developing-system

Design your video game with Make Bl...

By : WebCast Channel

Lecture 6

Free

Sign up and start learning
By signing up, you agree to our Terms of Use and Privacy Policy
Reset Password Request
Enter your email address and we'll send you a link to reset your password.