Introduction to JavaScript and the DOM creating interactive web pages

Source Code

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

JavaScript Starter Projects DOM Simple Projects to Start Coding

How to make an Interactive DOM list saving to localstorage

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 Combo Guessing Game Exercise

JavaScript Shape Clicker Game Click the shape quickly to win

JavaScript Number Guessing Game with Game Logic

Web Developer Setup

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 1

JavaScript Bubble Popping DOM Game Coding project 2

How to move a Page Element With JavaScript DOM Mover Example

Collision Detection between Page elements with JavaScript DOM

JavaScript DOM Interactive Game

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 part 2

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

Make your webpages come to life with JavaScript and DOM interaction Loaded with Useful Projects in JavaScript

This is great course to learn JS, explained with real world examples 

Sayed Aslam Shah

Content creator Web Development Google Developer Expert Laurence Svekis is an experienced web developer and instructor known for his expertise in web development and programming. He was born in Canada and grew up in a family that encouraged exploration and learning.

Svekis began his career in the late 1990s, working in a variety of roles in the technology industry. He quickly discovered a passion for web development, and spent years honing his skills in HTML, CSS, JavaScript, and other programming languages. He also developed a deep understanding of web design principles and user experience.

In the mid-2000s, Svekis began teaching web development and programming to others. He found that he had a natural talent for explaining complex concepts in a clear and concise way, and his students quickly came to rely on his expertise and guidance. He created a number of online courses on platforms such as Udemy and Skillshare, which have been taken by thousands of students around the world.

Over the years, Svekis has continued to refine his skills and keep up with the latest developments in web development and programming. He has also become an active member of the web development community, participating in online forums, attending conferences, and collaborating with other developers on open-source projects.

Today, Svekis is widely regarded as one of the leading web development instructors on the internet. He continues to create new courses and tutorials, helping students of all levels to master the skills they need to build dynamic, responsive, and user-friendly websites and applications. His passion for teaching and dedication to the field of web development have made him a respected and influential figure in the tech industry.

Laurence Svekis

In this course, you'll get a chance to really understand JavaScript and its magic in creating interactive, lively web content. We'll take a nice long dive into the Document Object Model (DOM), teaching you how to use JavaScript to play with and tweak your web page elements. As we move along, you'll be working on practical projects that not only make learning fun but give you a real sense of what JavaScript can pull off on the web.

What's nice about this course is the amount of hands-on experience you'll get. You'll have free access to all the source code, so you can fiddle around, pick things apart and even build your own versions of the same web apps we'll be guiding you through. You'll be doing everything from simple but essential tasks like saving DOM lists to creating handy interactive tools like a tip calculator. It's a real hands-on approach to learning that does a great job at transforming textbook knowledge into real-world skills.

To give you a taste of what's to come, you'll be trying your hand at a variety of enticing JavaScript projects. Maybe you'll be crafting a Star Rating Project, or perhaps launching an interactive Coin Toss Game. You might even dip your toes into more complex projects, like creating a Quiz Tracker with JavaScript and JSON or getting your hands dirty with an Email Extractor Mini Project. All these exercises are made possible with our deep dive into the DOM. 

So, let's get started on this exciting journey of practicing and perfecting your JavaScript skills through hands-on projects!

Certificate Details

JavaScript DOM Projects

Course Goals

Laurence Svekis