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.

Creating the UI

Creating the UI - JavaScript Tutorial

From the course: JavaScript Code Challenges: Creating Web Apps

Start my 1-month free trial Buy for my team

Creating the UI

“

- [Narrator] In this video, we're going to create the HTML and CSS necessary for a Kanban board. Let's move over to Codespaces to get this done. I have already created the starter files for a Kanban board. The index, the script, and the style. Let's start with your HTML. Again, let's get started like this, and I'm going to change the title to Kanban board, and I'm also going to make sure that my style sheet is connected. There we go. Now for the body, I'm going to have several columns, so this is quite a bit of typing and I won't have you sit through that, so let me just paste it in from my notes and then I can go ahead and show you what I've done here. Okay, so there we have it. I have a main, holding the board's container, and then I have my Kanban board, starting with a task form. It's a simple form, where we can have an input and we can submit the task. Then I have three columns. On line 18 to 21, I have the column for to do. Then 23 to 26 is my in progress column, and then 28 to…

Contents