Video description
Create Dynamic and interactive web pages with JavaScript and the DOM
About This Video
- Learn the basics of JavaScript
- Learn to create Dynamic and Interactive web pages using JavaScript and the DOM.
In Detail
In 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 covers
- Selecting elements within the DOM
- Manipulating element content and text output
- Adding styling and classes using JavaScript
- Using event listeners to add user interaction to your web content
- Building and creating elements with JavaScript
- Build an interactive list project from scratch
JavaScript 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-JavaScript
Downloading 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.
Table of contents
-
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:08
- 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:04
- 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:38
- Bonus Adding Object Value 00:02:42
Product information
- Title: JavaScript DOM - Interactive and Dynamic JavaScript
- Author(s):
- Release date: January 2019
- Publisher(s): Packt Publishing
- ISBN: 9781838559687
You might also like
book
40 Algorithms Every Programmer Should Know
Learn algorithms for solving classic computer science problems with this concise guide covering everything from fundamental …
video
The Modern JavaScript Bootcamp (2019)
Learn JavaScript by building real-world apps. Includes 3 real-world projects, 80 programming challenges, and ES6/ES7! About …
video
The Complete Node.js Developer Course (3rd Edition)
Learn Node.js by building real-world applications with Node, Express, MongoDB, Mocha, and more! About This Video …
video
JavaScript for Beginners: Learn with 6 Main Projects
Learn modern JavaScript and its fundamentals from scratch About This Video Become a confident JavaScript developer …