Enrol in "Game Development with JavaScript for Beginners" to kickstart your journey into the exciting world of game development. Whether you're a coding novice or a JavaScript enthusiast, this course equips you with the skills to create your own interactive games from scratch.

Course Price:
Original price was: £194.00.Current price is: £19.99.
Course Duration:
15 hours, 12 minutes
Total Lectures:
119
Total Students:
45
Average Rating:
4.5
Embark on your game development journey with our course, "Game Development with JavaScript for Beginners." This program is designed to introduce you to the fundamentals of game development using JavaScript and TypeScript. Starting with the basics of setting up your development environment, you'll progress through the essentials of JavaScript, TypeScript, and webpack. Dive into Phaser, a popular game development framework, mastering its basics, animation, physics, and camera functionalities. Cap off your learning with a hands-on Platformer 2D project and a thrilling Hill Climbing venture.

What Will You Learn?

  • Set up and install a game development environment.
  • Gain proficiency in JavaScript and TypeScript for game development.
  • Explore webpack for efficient project management.
  • Master the basics of the Phaser game development framework.
  • Create engaging animations and implement physics in your games.
  • Learn to use a follow camera for dynamic game perspectives.
  • Develop a 2D platformer game and tackle a Hill Climbing project.

Who Should Take The Course?

  • Beginners interested in entering the field of game development.
  • JavaScript enthusiasts keen on applying their skills to create games.
  • Students aspiring to explore the fundamentals of TypeScript.
  • Those looking to build a strong foundation in game development using Phaser.

Requirements

  • Basic understanding of programming concepts.
  • Access to a computer with internet connectivity.
  • Eagerness to learn and delve into game development with JavaScript.
  • No prior game development experience required.

Course Curriculum

    • Introduction 00:01:00
    • Setup node js 00:03:00
    • Install Visual Studio 00:04:00
    • The _script_ tag 00:04:00
    • Variables in JavaScript 00:06:00
    • Comments 00:03:00
    • JavaScript Object Types 00:10:00
    • null and undefined types 00:10:00
    • JavaScript Array Types 00:10:00
    • Core Types in JavaScript 00:05:00
    • switch statements 00:04:00
    • JavaScript Functions 00:11:00
    • if-else 00:07:00
    • for loop 00:06:00
    • while loop 00:03:00
    • JavaScript strict mode 00:10:00
    • this keyword 00:10:00
    • Introduction to TypeScript 00:06:00
    • Why TypeScript 00:16:00
    • Core Types in TypeScript 00:17:00
    • Type inference 00:04:00
    • Object Type 00:02:00
    • Array Type 00:07:00
    • const vs let vs var 00:08:00
    • Arrow function 00:09:00
    • Closure (in JavaScript) 00:04:00
    • Introduction to classes and objects 00:02:00
    • Classes and objects 00:03:00
    • Constructor 00:06:00
    • Class methods 00:05:00
    • Inheritance 00:15:00
    • What it webpack 00:02:00
    • Why to use webpack 00:04:00
    • Boilerplate code 00:06:00
    • Configuration of game 00:15:00
    • Preload Scene 00:10:00
    • Adding image to Scene 00:17:00
    • Adding interactive 00:07:00
    • Making object to move 00:19:00
    • Adding Tweens 00:15:00
    • Boilerplate code 00:03:00
    • Loading SpriteSheets 00:05:00
    • Creating Animation 00:07:00
    • Adding Tweens 00:04:00
    • Adding audio to the game 00:07:00
    • Adding physics to the project 00:04:00
    • Adding Sprite 00:07:00
    • Adding Collider 00:06:00
    • Adding Input events 00:04:00
    • Loading tilemaps 00:10:00
    • Creating maps 00:09:00
    • Adding player 00:09:00
    • Camera following Player 00:10:00
    • Introduction to the game 00:00:59
    • Dependencies for the game 00:03:00
    • Fix dependencies (important) 00:01:00
    • Project flow 00:00:45
    • Configuration for the game 00:03:00
    • Plugins for the game 00:04:00
    • Game file 00:04:00
    • Single tile 00:02:00
    • Export default 00:07:00
    • Tile Group 00:00:22
    • Player class 00:06:00
    • Introduction to maps 00:07:00
    • Introduction to maps 00:04:00
    • Create Maps 00:28:00
    • Create Levels 00:04:00
    • Preload Scene 00:14:00
    • Preload set Path 00:00:53
    • Main Scene 00:18:00
    • Create animation 00:08:00
    • Spine Animation 00:28:00
    • Taking Input 00:21:00
    • Creating Goal Sprite 00:15:00
    • Player collision 00:12:00
    • Render background properly at center 00:09:00
    • Testing different levels 00:05:00
    • Removing Loading Screen 00:06:00
    • Adding Background 00:14:00
    • Create coin 00:15:00
    • Display Coin 00:12:00
    • Enemy Class 00:12:00
    • Bee class 00:10:00
    • Enemy Group 00:08:00
    • Adding Bee Enemy 00:04:00
    • Adding collider 00:01:00
    • Updating collider 00:01:00
    • Adding update to each Bee enemy 00:15:00
    • Collision with Bee enemy 00:09:00
    • Creating Slime Enemy 00:12:00
    • Adding Full Screen 00:05:00
    • Introduction to the game 00:03:00
    • Introduction to the SVG 00:01:00
    • Display SVG 00:02:00
    • SVG coordinate System 00:01:00
    • SVG Path element (important) 00:07:00
    • Game Elements 00:01:00
    • Boilerplate code 00:05:00
    • Custom Canvas 00:06:00
    • Adding Dependencies 00:04:00
    • Configuration for the game 00:17:00
    • Preload Scene 00:03:00
    • Creating background 00:01:00
    • Defining Car 00:15:00
    • Creating car wheel 00:07:00
    • Creating Gas 00:07:00
    • Create Gui Scene class 00:02:00
    • Main Scene 00:07:00
    • Make wheel move 00:10:00
    • Add body and wheel 00:10:00
    • Testing code 00:01:00
    • Create Terrain 00:20:00
    • Normalize vertexsets 00:19:00
    • Use SVG to display Terrain 00:10:00
    • Terrain Body 00:08:00
    • Ensuring car does not get destroyed 00:03:00
    • Adding Grass to the Terrain 00:17:00
    • Order Certificate 00:05:00

New Courses

Blogs

    20

    Jul'23

    ADHD Training for Teachers: Empowering Educators to Support Students with Attention Challenges

    Relationships may be severely harmed by narcissistic behaviours, leaving emotional scars and...

    20

    Jul'23

    Narcissistic Behaviour and Relationships: Understanding the Impact and Finding Healing

    Relationships may be severely harmed by narcissistic behaviours, leaving emotional...

    20

    Jul'23

    Childhood Trauma in Adults

    What Is Childhood Trauma? Childhood trauma refers to distressing or...

    20

    Jul'23

    Creating A Social Media Strategy

    Set Clear Objectives:The first step in developing a successful social media...

    20

    Jul'23

    Neuro-Linguistic Programming Techniques

    Neuro-Linguistic Programming (NLP) is a fascinating and widely acclaimed approach...

    19

    Jul'23

    Acceptance and Commitment Therapy in the UK

    What is acceptance and commitment therapy? Acceptance and Commitment Therapy...