From the course: JavaScript Code Challenges: Creating Web Apps
Unlock this course with a free trial
Join today to access over 25,300 courses taught by industry experts.
Introduction: Kanban board - JavaScript Tutorial
From the course: JavaScript Code Challenges: Creating Web Apps
Introduction: Kanban board
- [Instructor] In this module, we're building a Kanban board, and that's a slick little productivity tool where tasks move across columns like they're on a conveyor belt to done. Think Trello, but handmade and with a bit more soul. This app gives you a chance to stretch your UI and UX skills and get hands-on with drag-and-drop functionality, which is both super satisfying and surprisingly manageable once we break it down. Here's the final results. You can add tasks, you can move them around, and actually you can feel like you've got your life together, or at least like you've got a system for pretending to have sorted your work, your planning, or the organizing of your sock drawer. It's a lot to get done, so let's go ahead and build it.
Contents
-
-
-
-
-
(Locked)
Introduction: Kanban board54s
-
(Locked)
Planning the features1m 6s
-
(Locked)
Creating the UI2m 7s
-
(Locked)
Overview of the necessary JavaScript concepts4m 23s
-
(Locked)
Static task creation4m 27s
-
Drag-and-drop logic4m 27s
-
(Locked)
Saving the state3m 11s
-
(Locked)
Final touches2m 47s
-
(Locked)
Challenge: Deleting tasks42s
-
(Locked)
Solution: Deleting tasks1m 14s
-
(Locked)
-
-
-