- Lab
- Core Tech

Build a Kanban Board with JavaScript
In this code lab, you'll follow instructions to build a simple Kanban Board with JavaScript. You'll create a dynamic form to add items to the board. You will also implement drag and drop functionality and use the dataTransfer API.

Path Info
Table of Contents
-
Challenge
Kanban Board Event Handlers
Overview
In this lab, you’ll follow along with our instructions and build a simple Kanban Board with JavaScript. You’ll create a dynamic form to add items to the board. You will also implement drag and drop functionality and use the dataTransfer API.
By the end of this module, you’ll have created a dynamic form to add items to a Kanban Board, and implemented drag and drop functionality. ### Solution The solution can be found in the
solution
directory.
What's a lab?
Hands-on Labs are real environments created by industry experts to help you learn. These environments help you gain knowledge and experience, practice without compromising your system, test without risk, destroy without fear, and let you learn from your mistakes. Hands-on Labs: practice your skills before delivering in the real world.
Provided environment for hands-on practice
We will provide the credentials and environment necessary for you to practice right within your browser.
Guided walkthrough
Follow along with the author’s guided walkthrough and build something new in your provided environment!
Did you know?
On average, you retain 75% more of your learning if you get time for practice.