by Laurence Svekis | Publisher: Packt Publishing | Release Date: January 2019 | ISBN: 9781838559687

Create Dynamic and interactive web pages with JavaScript and the DOMAbout This VideoLearn the basics of JavaScriptLearn to create Dynamic and Interactive web pages using JavaScript and the DOM.In DetailIn this course, you will learn how to make web-pages dynamic and interactive using JavaScript to connect with the Document Object Model and influence and manipulate page elements. The Document Object Model is a massive object that represents your page elements and their attributes. JavaScript can easily select objects within the DOM and use their content to change the display, add interactive events, update styling, and a whole lot more.JavaScript makes your webpage come to life; it opens doors and makes amazing things happen on your website. This course covers only the JavaScript Document Object Model and prior JavaScript knowledge is a prerequisite.Course coversSelecting elements within the DOMManipulating element content and text outputAdding styling and classes using JavaScriptUsing event listeners to add user interaction to your web contentBuilding and creating elements with JavaScriptBuild an interactive list project from scratchJavaScript is the technology that makes things happen online. Learn how to create dynamic and interactive web pages by applying JavaScript with the DOM.Code files for this course are available at: https://github.com/PacktPublishing/JavaScript-DOM---Interactive-and-Dynamic-JavaScriptDownloading the example code for this course: You can download the example code files for all Packt video courses you have purchased from your account at http://www.PacktPub.com. If you purchased this course elsewhere, you can visit http://www.PacktPub.com/support and register to have the files e-mailed directly to you.

1. Chapter 1 : Introduction Quick Start with JavaScript Document Object Model
   • DOM Course Introduction 00:02:40
   • JavaScript DOM Dev Setup 00:03:30
   • What is the DOM 00:04:16
   • DOM Manipulation 00:08:20
   • JavaScript DOM Selection 00:07:00
   • Element Text Manipulation 00:05:48
   • Change Classes DOM 00:06:11
   • Change Styles DOM 00:06:09
   • Element Attribute Manipulation 00:07:09
   • Interactive DOM Events 00:03:14
   • Use DOM Select Multiple Elements 00:05:37
   • JavaScript DOM KeyPress Events 00:05:04
   • DOM Mouse Events 00:02:43
   • Create your own Elements 00:05:05
   • Event listeners to New elements 00:03:42
   • JavaScript DOM Create Dynamic List 00:05:13
   • List Project JavaScript DOM Input add new Element. 00:03:39
   • Bonus Adding Object Value 00:02:42