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.
Planning the features - JavaScript Tutorial
From the course: JavaScript Code Challenges: Creating Web Apps
Planning the features
- [Instructor] It's time to organize our lives. Yes, with JavaScript. We're building a Kanban board, which is basically a to-do list with commitment issues. It contains tasks and they move from to-do, to doing and to done at their own pace. This is a great project to train our front end muscles, but first we plan. Here's how we'll tackle it. We'll start with simple layout, three columns for tasks and a way to add new tasks. Next, we'll implement drag and drop so users can move tasks between columns like the productivity gurus they aspire to be. We'll also find the ability to persist the board state, so the tasks stick around after a page refresh. And finally, we'll make sure the whole thing is user friendly and the code is well structured. This kind of UI rich app is exactly where planning pays off. We'll deal with layout, interactivity, and data handling. That's lot. So let's do it step by step. First up, the UI.
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)
-
-
-