JavaScript DOM Manipulations and Events – Fishing App
August 16, 2024
In this video, I’ll walk you through the process of creating a fun fishing app where you can catch fish and decide whether to keep them based on their size. We’ll build the app step by step, starting with setting up the basic structure, including a fishing game div and a message display. The message will inform you if the fish is a keeper or if it needs to be thrown back. This hands-on project will help you grasp key programming concepts while creating an interactive and enjoyable application.
In this video, we'll install React Router Dom 5 and create routes for our app. Install React Router Dom 5 Install the react router dom version 5 using the command terminal. npm install react-router-dom@5 index.js Import and wrap the root component with the BrowserRouter. import React from 'react'; import ReactDOM…
In this video, we'll install React Router Dom 6 and create routes for our app. To learn more about all the new changes and how to upgrade to version 6, please visit https://reactrouterdotcom.fly.dev/docs/en/v6/upgrading/v5 Below are two examples of changes that you will need to adhere to if you’re running version 6.…
In this video, we'll perform DOM manipulation. We'll build a simple interactive Shopping List application using JavaScript and the DOM APIs. We'll examine these common DOM methods to perform these tasks: addEventListener, getElementById, createElement, createTextNode, appendChild. https://youtu.be/E6NgBLJYUgM
