We may earn an affiliate commission when you visit our partners.
Colt McAnlis, Peter Lubbers, and Sean Bennett

This course will walk you through the major components of building GRITS, an HTML5 game. We'll talk about how to take standard game development techniques, and use them to create high performance HTML5 applications.

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Develops strong web development fundamentals, which are necessary in industry
Targeted at advanced JavaScript programmers and assumes JS knowledge
Builds upon standard game development techniques for HTML5 applications

Save this course

Save HTML5 Game Development to your list so you can find it easily later:
Save

Reviews summary

Html5 game dev: versatile but incomplete

This course is a useful introduction to building HTML5 games and offers a versatile approach. However, it misses the mark in some areas such as being incomplete and lacking in detail.
Offers insights into HTML5 and DOM
Not enough depth in certain areas
May leave learners wanting more
"...this course seems to be the lemon of the lot."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in HTML5 Game Development with these activities:
Review key HTML and JavaScript concepts
Solidify your understanding of HTML and JavaScript fundamentals to ensure a strong foundation for the course.
Browse courses on HTML
Show steps
  • Review HTML elements and syntax
  • Practice writing JavaScript functions
  • Experiment with the DOM
Read Eloquent JavaScript
This book will help you develop a deep understanding of JavaScript, which is essential for this course.
Show steps
Review HTML5
Refreshing your knowledge of HTML5 will help you better understand the concepts covered in this course.
Browse courses on HTML5
Show steps
  • Read articles and tutorials about HTML5
  • Watch videos about HTML5
  • Take an online course on HTML5
Nine other activities
Expand to see all activities and additional details
Show all 12 activities
Complete the Udacity Web Development Bootcamp
This bootcamp will provide you with a strong foundation in web development, which will be essential for success in this course.
Show steps
  • Enroll in the Udacity Web Development Bootcamp
  • Complete the course modules
  • Build a portfolio of web development projects
Join a study group
Joining a study group will allow you to connect with other students and learn from each other.
Show steps
  • Find a study group that meets your needs
  • Attend study group meetings regularly
  • Participate in discussions and ask questions
Solve coding challenges on LeetCode
Improve your coding skills and algorithmic thinking by practicing on LeetCode, a platform with a vast collection of coding problems.
Browse courses on Coding Challenges
Show steps
  • Select a problem that aligns with the course topics
  • Read the problem statement carefully and understand the requirements
  • Develop a solution using HTML5 techniques
  • Submit your solution and review the results
Follow online tutorials on HTML5 game development
Supplement your learning by exploring online tutorials tailored to HTML5 game development, broadening your understanding of the subject.
Show steps
  • Identify reputable online sources for tutorials
  • Select tutorials that cover specific HTML5 game development techniques
  • Follow the tutorial instructions and implement the concepts
Solve coding challenges on LeetCode
Solving coding challenges will help you improve your problem-solving skills and deepen your understanding of JavaScript.
Show steps
  • Create a LeetCode account
  • Start solving easy problems
  • Gradually move on to more difficult problems
Build a simple HTML5 game
Building a simple game will help you apply the concepts you learn in this course and develop your skills in HTML5.
Show steps
  • Choose a simple game to build
  • Design the game
  • Develop the game
  • Test and debug the game
Build a simple HTML5 game prototype
Apply your knowledge by creating a basic game prototype, allowing you to experiment with the concepts learned in the course.
Browse courses on Game Development
Show steps
  • Define the game concept and mechanics
  • Design the game interface using HTML5 elements
  • Implement game logic using JavaScript
  • Test and iterate on the prototype
Participate in a game development competition
Participating in a competition will challenge you to apply your skills and learn from others.
Show steps
  • Find a game development competition
  • Develop a game for the competition
  • Submit your game to the competition
  • Attend the competition and present your game
Mentor a junior developer
Mentoring others will help you solidify your understanding of HTML5 and game development.
Show steps
  • Find a junior developer to mentor
  • Meet with your mentee regularly
  • Provide guidance and support

Career center

Learners who complete HTML5 Game Development will develop knowledge and skills that may be useful to these careers:
Game Developer
Game Developers are responsible for designing, developing, and testing video games. They use a variety of programming languages and technologies, including HTML, CSS, JavaScript, and C++. This course will help Game Developers build a strong foundation in HTML5, which is essential for creating modern web games.
Front-End Developer
Front End Developers are responsible for the visual and interactive aspects of a website or application. They use HTML, CSS, and JavaScript to create and maintain the user interface. This course will help Front End Developers build a strong foundation in HTML5, which is essential for creating modern web applications.
Web Developer
Web Developers are responsible for designing, developing, and maintaining websites. They use a variety of programming languages and technologies, including HTML, CSS, JavaScript, and PHP. This course will help Web Developers build a strong foundation in HTML5, which is essential for creating modern web applications.
Software Engineer
Software Engineers are responsible for designing, developing, and maintaining software applications. They use a variety of programming languages and technologies, including HTML, CSS, JavaScript, and Java. This course may be helpful for Software Engineers who want to learn more about HTML5 and how to use it to create web applications.
Computer Programmer
Computer Programmers are responsible for writing and maintaining computer code. They use a variety of programming languages and technologies, including HTML, CSS, JavaScript, and Python. This course may be helpful for Computer Programmers who want to learn more about HTML5 and how to use it to create web applications.
Web Designer
Web Designers are responsible for designing the look and feel of websites. They use a variety of design software and technologies, including HTML, CSS, and JavaScript. This course may be helpful for Web Designers who want to learn more about HTML5 and how to use it to create modern web applications.
UX Designer
UX Designers are responsible for designing the user experience of websites and applications. They use a variety of design methods and technologies, including HTML, CSS, JavaScript, and user research. This course may be helpful for UX Designers who want to learn more about HTML5 and how to use it to create user-friendly web applications.
Technical Writer
Technical Writers are responsible for writing and maintaining technical documentation. They use a variety of writing software and technologies, including HTML, CSS, JavaScript, and Markdown. This course may be helpful for Technical Writers who want to learn more about HTML5 and how to use it to create technical documentation.
Data Scientist
Data Scientists are responsible for collecting, analyzing, and interpreting data. They use a variety of programming languages and technologies, including HTML, CSS, JavaScript, and Python. This course may be helpful for Data Scientists who want to learn more about HTML5 and how to use it to create data visualizations.
Business Analyst
Business Analysts are responsible for analyzing business needs and recommending solutions. They use a variety of data analysis and modeling techniques, including HTML, CSS, JavaScript, and SQL. This course may be helpful for Business Analysts who want to learn more about HTML5 and how to use it to create data visualizations and interactive dashboards.
Project Manager
Project Managers are responsible for planning, executing, and controlling projects. They use a variety of project management software and techniques, including HTML, CSS, JavaScript, and Gantt charts. This course may be helpful for Project Managers who want to learn more about HTML5 and how to use it to create project plans and reports.
Quality Assurance Analyst
Quality Assurance Analysts are responsible for testing software applications and ensuring that they meet quality standards. They use a variety of testing tools and techniques, including HTML, CSS, JavaScript, and Selenium. This course may be helpful for Quality Assurance Analysts who want to learn more about HTML5 and how to use it to test web applications.
Information Security Analyst
Information Security Analysts are responsible for protecting computer systems and networks from unauthorized access. They use a variety of security technologies and techniques, including HTML, CSS, JavaScript, and firewalls. This course may be helpful for Information Security Analysts who want to learn more about HTML5 and how to use it to protect web applications from security threats.
Network Engineer
Network Engineers are responsible for designing, installing, and maintaining computer networks. They use a variety of networking hardware and software, including HTML, CSS, JavaScript, and routers. This course may be helpful for Network Engineers who want to learn more about HTML5 and how to use it to create network management tools and applications.
Database Administrator
Database Administrators are responsible for managing and maintaining databases. They use a variety of database software and technologies, including HTML, CSS, JavaScript, and SQL. This course may be helpful for Database Administrators who want to learn more about HTML5 and how to use it to create database management tools and applications.

Reading list

We've selected 19 books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in HTML5 Game Development.
Detailed recipes and tips on creating HTML5 games with an emphasis on modular design and code organization.
A comprehensive guide that covers all aspects of JavaScript for game development, including the latest HTML5 features.
Offers a comprehensive introduction to HTML5, providing a solid foundation for understanding the fundamentals of HTML5 game development. It serves as a good starting point for those new to HTML5 or seeking a refresher on its core concepts.
A practical guide to using Phaser, a popular open-source game framework for HTML5.
Provides an in-depth exploration of the HTML5 Canvas element, a fundamental technology used in HTML5 game development. It offers a comprehensive overview of its capabilities and best practices, enabling learners to gain a deeper understanding of the underlying technology behind HTML5 games.
While not specific to HTML5 game development, this book provides a wealth of knowledge on game programming patterns and algorithms. It offers valuable insights into the design and implementation of efficient and effective game systems, complementing the course's focus on game development techniques.
An in-depth reference for WebGL, the standard for 3D graphics on the web, which can be useful for creating high-performance HTML5 games.
A practical guide that provides a comprehensive overview of game design concepts and techniques.
A technical book that provides insights into the design and implementation of modern game engines, which can be helpful for understanding the underlying principles behind HTML5 games.
While not specific to HTML5 games, this book provides a comprehensive overview of artificial intelligence techniques used in game development. It offers valuable insights into creating intelligent and responsive game agents, enhancing the overall gameplay experience.
Provides a solid foundation in the mathematical concepts commonly used in game development. It covers essential topics such as trigonometry, vectors, matrices, and calculus, providing a valuable resource for those seeking a deeper understanding of the mathematical underpinnings of game development.
Offers practical advice and insights into the art of level design for video games. While not specific to HTML5 games, it provides valuable guidance on creating engaging and memorable game levels, complementing the course's focus on game development techniques.
A textbook that covers the fundamental concepts of 3D computer graphics, including advanced topics like shading and artificial intelligence, which can be useful for understanding the graphical aspects of HTML5 games.
Bridges the gap between physics and game development, providing a practical understanding of the physical principles used in games. It offers valuable insights into simulating realistic physics effects, creating immersive and engaging game experiences.
Explores the principles and practices of game design. While not directly related to HTML5 game development, it offers valuable insights into the creative process and design philosophies behind engaging and memorable games, complementing the course's focus on game development techniques.
A comprehensive guide to optimizing JavaScript code for performance, which can be especially useful in developing responsive and efficient HTML5 games.
A free and open-source online book that provides a thorough introduction to JavaScript, including advanced concepts like closures and functional programming.
A comprehensive guide to modern JavaScript development, covering advanced topics like object-oriented programming, design patterns, and testing.

Share

Help others find this course page by sharing it with your friends and followers:
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser