Practice

Most articles have tasks so that you can practice new material. Completing them is optional but highly recommended. Some tasks are intended to be as close as possible to real-world experiences, and some are relatively abstract—crafted purely for the sake of giving you a deeper understanding of the technology.

Each task comes with a complete prototype. If you struggle with a task or want to compare your prototype’s code to the one from an article, you can view the code of the complete prototype by opening the HTML, CSS, or JS panels. You can also view it in full screen mode, edit and fork it by pressing Edit on CodePen.

callouts pointing to HTML, CSS, JS and Edit on Codepen buttons in the embedded pen below

Trying to apply newly obtained knowledge can be challenging sometimes. Remember, you’re not alone on your journey. Feel free to ask for help, share your progress, and assist others on the Interaction basics forum.