hands-on lab

Working With Web APIs - DOM Manipulation

Beginner
Up to 45m
32
5/5
Get guided in a real environmentPractice with a step-by-step scenario in a real, provisioned environment.
Learn and validateUse validations to check your solutions every step of the way.
See resultsTrack your knowledge and monitor your progress.
Lab description

In this lab, you will be working with DOM manipulation. A DOM manipulation is the use case of Web API methods, to create and remove content on the web page. 

Learning Objectives

Upon completion of this lab, you will be able to:

  • Create a HTML element
  • Add text content to an element
  • Append an element to another element
  • Add a class to an element
  • Remove an element of the web page

Intended Audience

  • Beginners learning front-end development
  • Software Engineers who need to learn front-end technologies to expand their skillset

Prerequisites

The following content can be used to fulfill the prerequisite:

About the author
Avatar
Farish Kashefinejad, opens in a new tab
Full-Stack Development Content Creator
Students
10,236
Labs
24
Courses
87
Learning paths
34

Farish has worked in the EdTech industry for over six years. He is passionate about teaching valuable coding skills to help individuals and enterprises succeed.

Previously, Farish worked at 2U Inc in two concurrent roles. Farish worked as an adjunct instructor for 2U’s full-stack boot camps at UCLA and UCR. Farish also worked as a curriculum engineer for multiple full-stack boot camp programs. As a curriculum engineer, Farish’s role was to create activities, projects, and lesson plans taught in the boot camps used by over 50 University partners. Along with these duties, Farish also created nearly 80 videos for the full-stack blended online program.

Before 2U, Farish worked at Codecademy for over four years, both as a content creator and part of the curriculum experience team.

Farish is an avid powerlifter, sushi lover, and occasional Funko collector.

Covered topics
Lab steps
Introduction to HTML and CSS Labs
Creating a New Paragraph Element
Appending the Body Element
Setting a Paragraph Element Attribute
Removing the Paragraph Element