Explore how you can create amazing mini projects to learn JavaScript - grow your portfolio - expand your skills!
About This Video
In Detail
JavaScript can bring your web pages to life. Select page elements, make changes and update them as …
Explore how you can create amazing mini projects to learn JavaScript - grow your portfolio - expand your skills!
About This Video
In Detail
JavaScript can bring your web pages to life. Select page elements, make changes and update them as needed. Power up your web pages. Create amazing content on your pages, driven dynamically with JavaScript. Projects within this course are designed to help you learn more about JavaScript and interacting with the DOM. Learn by example, this course is loaded with fun projects to help you learn and prove what can be done with JavaScript.
First is an introduction to the DOM and how JavaScript can create page interactions. Explore how to write JavaScript code, select page elements, and more. This course is loaded with useful projects to help you learn more about creating interactive and dynamic web content with JavaScript.
The course covers the following topics:
By the end of the course, you will be able to create interactive and dynamic web content with JavaScript.
Who this book is for
This course is for JavaScript developers, web designers, web application developers, web masters, and for anyone who wants to create fun web projects and someone who wants to learn more about JavaScript and the DOM. Beginner JavaScript knowledge is needed as the course covers only JavaScript relevant to the building of the game. Also, HTML and CSS knowledge is essential as the scope of this course is all focused-on JavaScript.
Chapter 1 : Getting Started with JavaScript DOM Coding and Development
Introduction to JavaScript and the DOM; Creating Interactive Webpages
Web Developer Setup Use of Editor for JavaScript Code
JavaScript Resources to Explore More about JavaScript
JavaScript DOM Object Selecting Page Elements and More
JavaScript querySelectorAll Get Page Elements Select ALL
Page Events Element Event Listener Access Page Content with JavaScript
JavaScript and Page Input Values from Page Elements
How to Use JavaScript Request Animation Frame
Chapter 2 : JavaScript Starter Projects DOM Simple Projects to Start Coding
JavaScript Starter Projects DOM Simple Projects to Start Coding
How to Make an Interactive DOM List Saving Local Storage
Interactive List Items with JavaScript Exercise
JavaScript Component Create a Star Rating Project
JavaScript Game within the DOM Coin Toss Game Project
JavaScript Typing Challenge Game with JavaScript DOM
JavaScript DOM Fun with Page Elements Moving Storing Keypress
Combo Guessing Game Exercise
JavaScript Shape Clicker Game Click the Shape Quickly to Win
JavaScript Number Guessing Game with Game Logic
Chapter 3 : JavaScript DOM Interactive Components and Useful Projects
JavaScript DOM Interactive Fun Useful Projects
Pure JavaScript Accordion Hide and Show Page Elements
JavaScript Drag and Drop Simple Boxes Component
How to Create a Dynamic Drag and Drop with JavaScript
How to Move Page Elements Using Drag and Drop with JavaScript DOM
JavaScript Email Extractor Mini Project
Create a Quiz with JavaScript JSON Quiz Tracker
How to Create a Quiz with JavaScript Using JSON Data
JavaScript Image Preview File Reader Example
JavaScript Interactive Dice Game with Page Elements
How to Create a Dice Game with JavaScript
JavaScript Dice Game Challenge Lesson
Chapter 4 : JavaScript DOM Fun Projects Interactive DOM Elements
JavaScript DOM Fun Projects Interactive DOM Elements
JavaScript Project Tip Calculator Part 1
JavaScript Project Tip Calculator Part 2
JavaScript Calculator Project Part 1
JavaScript Calculator Project Part 2
JavaScript Calculator Project Part 3
JavaScript Bubble Popping DOM Game Coding Project
JavaScript Bubble Popping DOM Game Coding Project Continued
How to Move a Page Element with JavaScript DOM Mover Example
Collision Detection Between Page Elements with JavaScript DOM
JavaScript DOM Interactive Game
Encrypt String Values with Just JavaScript Input Encode and Decode
JavaScript Setup Dynamic Grid with Page Elements and CSS Grid Styling
JavaScript Roulette Game
Chapter 5 : JavaScript DOM Questions and Answers Coding Examples
HTML5 Canvas Image Upload from Input Field Using the createObjectURL Example