JavaScript: Manipulating HTML With Ease

Manipulating HTML & CSS in browsers remains JavaScript's most important task.

This book explains how to make web pages more dynamic, interactive, and responsive. Allergic to web apps that reload with every click? You will learn how to create online applications that are easy and comfortable to use. You will also learn how to program interfaces for managing products, create dynamic tooltips, develop your own image galleries and much more.

Don't let ready-made web building kits limit you. Use JavaScript to let your creativity flourish and turn your ideas into reality.

Just a few years ago, JQuery was undisputed leader in the field of DOM manipulation. In the meantime, however, JavaScript has caught up. Today, you can write highly concise and comprehensible code with pure JavaScript. In the past, programmers always had to take different browsers into account. Today's browsers speak a common modern JavaScript and offer standardized DOM.

An essential foundation

If you are looking to create large single-page applications using frameworks such as Angular or React, it is essential that you understand the underlying browsers' API. It will allow you to devise alternative solutions for when the frameworks reach their limit.

Modern syntax

This book uses the current ES6+/ES2017 syntax presented in Volume 1, enabling you to write very short, concise, and above all, well-readable code.

Content

This latest, completely revised edition takes the latest JavaScript and browser developments into account. Here is an excerpt of the content:

• Selecting HTML elements with querySelectorAll
• DOM scripting: DOM creation, manipulation & traversal
• Reading and modifying HTML attributes
• Working with data attributes
• CSS manipulation with the classList interface
• CSS manipulation with the style object
• Asynchronous and delayed loading of JavaScript files
• Registering and handling events

Prerequisites

Basic JavaScript knowledge (ES6+) is required. You can learn the basics in the first volume of this series.

OWL Step-by-Step Guides

OWL Step-by-Step Guides convey practical knowledge in a simple and understandable way. They are written based on teaching practice by experts from the renowned Open Web Learning Institute and conceived in such a way that you can put your own projects into practice. Knowledge tests and exercises serve to deepen and consolidate the newly acquired know-how.

This OWL Step-by-Step Guide is part of the online course "JavaScript" at OWL Institute but can also be used independently of the course. The online course offers additional benefits such as personal support, quizzes, assignments and and a final exam including an official certification. Check out https: //owl.institute for additional information.