Introduction to JavaScript

During the first lesson of this course, students will learn how to solve the problem of non-interactive websites using JavaScript. Students will create a game capturing the thief of the renowned Koh-i-Noor diamond. They will delve into JavaScript to infuse interactivity into their webpage, enabling various actions based on user interactions. Additionally, they will gain proficiency in utilizing interactive functions such as alert, prompt, and confirm. They will also master the implementation of conditional statements by applying conditions to ensure the diamond found is real.

In this lesson, students will learn an essential concept of programming in JavaScript: arrays. They will create an RPG Name Generator by making a list of unique qualities for the players and then picking a random quality for every player using JavaScript’s Math module functions. They will acquire the ability to incorporate interactive buttons on their websites, mimicking game-like functionality to enhance user engagement. As a bonus, they will also add some charisma for each player.

In this lesson, students will learn to make their websites dynamic using DOM Manipulation, a key concept in JavaScript; using this, students can change the HTML based on user interactions. They will create a Marvel Shopping Website. They will learn to update and reset the user’s cart in response to item additions or removals. As a bonus, they will learn how to change the CSS styles of a button when the cart is empty.

In this lesson, students will learn to use JavaScript’s time functions and a fun and exciting Yoda Quiz, integrating a timer feature that challenges users to answer questions within a specified timeframe. Otherwise, they lose the game. Alongside learning to initialize and cancel timers, students will implement a rewarding visual element and display a cheerful Yoda image upon correct answers.

In this lesson, students begin their mid-term project by creating a slot-changing game called “The Candy Clusters.” They will practice all the concepts learned in the previous lessons, such as arrays and the Math module, to randomly select candies for each slot. They will use DOM Manipulation to update the candy slots dynamically. Additionally, they will periodically utilize JavaScript’s time functions to generate and display random candies within the slots.

In this lesson, students will complete their mid-term project, a slot-changing game called “The Candy Clusters”. They will implement game mechanics by stopping and matching candies in the slots, providing players with relevant messages and three chances to win. Upon exhausting all chances, the game gracefully concludes. If the player loses all the chances, they declare the game as over.

In this lesson, students will explore the concept of objects, a new data type in JavaScript. They will apply this knowledge to develop the Magical Familiars game, where each wizard student receives a unique spiritual animal companion. By capturing user preferences through input fields, they will incorporate various familiars into the game using objects. Additionally, they will learn about loops and logical operators during the creation process.

In this lesson, students will be introduced to JavaScript Events and explore how user actions on a webpage can trigger responses. Through hands-on practice with The Forest Camp project, they will select and position objects on the webpage using events. They will also learn to execute actions in response to keyboard events, such as key presses, and implement visual cues like dashed borders to highlight selected objects from the camping collection.

During this session, students will be introduced to jQuery, a JavaScript Library that streamlines JavaScript tasks. They will develop a Whack the Mole game using jQuery. Throughout the lesson, they will learn how to integrate jQuery into their projects, execute DOM Manipulation tasks by selecting and altering HTML element content, and effortlessly manage element visibility and event listeners. As an additional feature, they will incorporate a countdown timer into the game.

In this lesson, students will be introduced to DOM Manipulation with jQuery, a JavaScript Library that streamlines DOM manipulation. Students will learn about the intricacies of DOM manipulation using jQuery and appreciate its efficiency. They will build a Virtual Garden, incorporating a nursery and a garden section. Through DOM manipulation, they will add chosen plants from the nursery to the garden. They will also mimic the plant’s growth through watering animations. Additionally, they will use dynamic animations, exemplified by a flying butterfly that flies randomly across the garden, enhancing the interactive experience.

In this lesson, students will initiate their final project—a Guess the Word game that spans two sessions. They will apply learned course concepts to incorporate an array of words into the game. They will show a random word from the array of words, strategically replacing certain letters with blanks for players to decipher. Additionally, they will expand the game’s vocabulary as a bonus.

In this lesson, students will finish their final project, the Guess the Word game. They will ensure functionality by making the game keyboard operational for guesses and correctly filling in the blanks. Upon successful guessing, they display a “Win” message; otherwise, they signal “Game Over” if the user can’t guess the word.