JavaScript DOM - Interactive and Dynamic Web Pages

Learn how to make your HTML and CSS code interactive and dynamic.

Key FeaturesCovers all the fundamentals to code JavaScript with examples and coding challenges in each lessonSee how easy it is to select elements and make them interactiveExplore JavaScript dynamic type conversionBook DescriptionThe 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-JavaScriptWhat you will learnExplore JavaScript code tipsLearn to declare JavaScript variablesExplore logic conditions with JavaScriptLearn to create elements with JavaScript codeLearn about page clickers and random words makerUnderstand object construction with JavaScriptWho this book is forThis 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.