JavaScript DOM - Interactive and Dynamic Web Pages

Description

The Document Object Model (DOM) is an object that contains a data representation of the page elements. The DOM is structured in a tree-like format, as objects that comprise the webpage and content of the HTML web document. Document Object Model (DOM) is a programming interface for HTML documents, that is, the logical structure of a page and how the page content can be accessed and manipulated. The first part covers all the fundamentals to code JavaScript, with examples and coding challenges in each lesson. Explore how to get started with code and set up your developer environment. Create HTML files and connect your JavaScript to the page elements. Cover JavaScript coding best practices with tips and resources; how to set up and use variables within your code; different data types and how JavaScript manages the values; what functions are and how to use them in your code; and DOM and how JavaScript code can use the DOM to connect, update, and manipulate webpage elements. The second part involves DOM webpage interaction with JavaScript. Learn how to create and delete elements with JavaScript code and learn about page event listeners. In the last section, you will learn to create interactive and dynamic web projects. By the end of this course, you will learn how to use the DOM and develop skills in how to manipulate the DOM within your website. Code files for this course are available at: https://github.com/PacktPublishing/JavaScript-DOM---Interactive-and-Dynamic-JavaScript

What You Will Learn

Explore JavaScript code tips
Learn to declare JavaScript variables
Explore logic conditions with JavaScript
Learn to create elements with JavaScript code
Learn about page clickers and random words maker
Understand object construction with JavaScript

Audience

This course is for anyone who wants to expand their knowledge of JavaScript and those who want to know more about DOM. This course can also be taken by JavaScript developers and HTML and CSS developers who want to learn about DOM.

Previous JavaScript and HTML experience is a requirement as the contents of the course are to introduce the Document Object Model and how to connect JavaScript to the browser DOM.

Approach

This is a complete hands-on course that includes source code, tips, resources, and challenges to help you cover core aspects of JavaScript and cover the Document Object Model (DOM).

Key Features

Covers all the fundamentals to code JavaScript with examples and coding challenges in each lesson * See how easy it is to select elements and make them interactive * Explore JavaScript dynamic type conversion

Github Repo

https://github.com/packtpublishing/javascript-dom---interactive-and-dynamic-javascript

About the Author

Laurence Lars Svekis

Laurence Svekis is an experienced web application developer. He has worked on multiple enterprise-level applications, hundreds of websites, business solutions, and many unique and innovative web applications. He has expertise in HTML, CSS, JavaScript, jQuery, Bootstrap, PHP, and MySQL and is also passionate about web technologies, web application development, programming, and online marketing with a strong focus on social media and SEO. He is always willing to help his students experience what technology has to offer and looks forward to sharing his knowledge and experiences with the world.

Course Outline

1. Introduction to JavaScript and Interactive Webpage Content

2. DOM Webpage Interaction with JavaScript

3. Interactive and Dynamic Web Projects with JavaScript Code DOM Examples