Learn how to make your HTML and CSS code interactive and dynamic.
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
Book 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
Who this book is for
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.
