OFFICE TASK ASSIGN BOARD FREE
You are free to add any private instance variables and methods. In particular, this means a card's title or color cannot be changed after it is created. These classes don't have any public properties/instance variables. (We have defined the constant NO_DESCRIPTION_TEXT in card.js.) If a card's description would ever be empty, the text "(No description)" is displayed instead. setDescription(text): Set the description for the card to the passed-in text, a string.For now, you can ignore the mover argument (pass null when calling this function). colElem is the DOM element for the column (i.e. addToCol(colElem, mover): Add the card to the board as the last (bottommost) card of the specified column.This is a good place to create the HTML elements for the card and set up handlers. A card's description should start empty (meaning it will display as "(No description)", as below). constructor(title, color): Create a new card with the given title and color.title and color are strings for the card's title and color. col is a string containing the id of the column the card should be added to (i.e. This method delegates most of the work to the Card constructor. addCard(col, title, color): Create a new card and add it to the board.An App instance is created by main in index.js. The logic for this task will be split between the App and Card classes, which have the following public interfaces: We have added the imports we anticipate you'll need. You will implement the logic for the app in the various. Do not modify the HTML file your JavaScript must work with the HTML structure as given. Review the contents of index.html, which contains the page structure for the task board. Each part is meant to be independently testable before moving onto the next. The assignment is divided into four parts: the first three are to implement the logic for the app, and the last is to add a handful of style rules.
OFFICE TASK ASSIGN BOARD INSTALL
To get started, download the starter code, extract it, and run npm install and npm start as usual. There are other strategies for organizing tasks, with a variety of number and type of columns, but the three-column (or "three-bin") strategy is one of if not the most common. See part 4 for the specific requirements for styling in this assignment.Īside: The columns represent what state a task is in: not started, in progress, or completed. We will return to this in assignment 2.2, to make the app look more like a typical Kanban board.
They can be moved within and between columns and deleted, and their descriptions can be edited.įor this assignment, you won't do too much to lay out the board, columns, and cards. Cards have a title, a description, and a (background) color. The "board" is divided into three "columns" (which are currently just headings), each containing a number of "cards." On the top is a set of controls for adding a new card. When you are finished, your app will look something like this: Sample of complete app.
OFFICE TASK ASSIGN BOARD SOFTWARE
The organization system is based on a widely used system called >kanban and implemented in tools like GitHub project boards and Jira Software boards. In this assignment, you will write the (JavaScript) logic for a web app that tracks tasks and organizes projects. Sure, you could use an off-the-shelf tool for this, but where's the fun in that? After all, with the countless web dev tutorials out there that use a to-do list as their example, maybe you should give it a try too. Backstory: Word of your awesome web dev skills is starting to make the rounds! As you work on your grand plans for taking over the world fixing Axess, you realize it's going to take a lot of work.and planning. Submissions not accepted after Thu May 4 11:59pm PT. Assignment 2.1: Task Board (JavaScript) Written by Michael, with huge help from Kashif Nazir Due Tue May 2 11:59pm PT
0 kommentar(er)
