Use a slot instead — practice exercise

What you'll be asked to do

1. 1.Use a slot insteadexercise · easy · 10 min

   Assign content to a named slot.

   Passes when: Assign content to a named slot.

2. 2.Declare a templateexercise · easy · 10 min · practice plan

   Add a template a component would use.

   Passes when: Add a template a component would use.

3. 3.Use a custom elementexercise · easy · 10 min · practice plan

   Add a custom element with content inside it.

   Passes when: Add a custom element with content inside it.

4. 4.Two slotted partsexercise · easy · 10 min · practice plan

   Fill two named slots in the component.

   Passes when: Fill two named slots in the component.

5. 5.A component and its templateexercise · medium · 10 min · practice plan

   Add a custom element with slotted content plus its template.

   Passes when: Add a custom element with slotted content plus its template.

6. 6.Fix the obsolete shadow elementbug fix · easy · 8 min

   shadow was removed; content is placed with slots.

   Passes when: shadow was removed; content is placed with slots.

7. 7.Fix the template with no idbug fix · easy · 8 min · practice plan

   A component cannot find an unnamed template.

   Passes when: A component cannot find an unnamed template.

8. 8.Fix the div used as a componentbug fix · easy · 8 min · practice plan

   A component is a custom element, not a div.

   Passes when: A component is a custom element, not a div.

9. 9.Fix the second part with no slotbug fix · easy · 8 min · practice plan

   The body was never assigned.

   Passes when: The body was never assigned.

10. 10.Fix the component with no templatebug fix · easy · 8 min · practice plan

    There is nothing for the component to render.

    Passes when: There is nothing for the component to render.

Between them these tasks cover Removed element, slot replacement and Custom elements.

Looking for a different chapter? See every practice set, or switch to the interview theory questions.