1
00:00:00,560 --> 00:00:04,064
Next, I want to display a list of
what I'm currently learning and

2
00:00:04,064 --> 00:00:07,720
any new skills I wanna learn,
a learning wish list of sorts.

3
00:00:07,720 --> 00:00:11,790
It sounds like a simple task list
table might do the job here.

4
00:00:11,790 --> 00:00:16,200
Remember, there's no need to start
from scratch when working with Coda,

5
00:00:16,200 --> 00:00:20,120
I can insert a task table into
the page using a template.

6
00:00:20,120 --> 00:00:23,520
Below my photo gallery, I'll type /task,

7
00:00:23,520 --> 00:00:28,540
then select Tasks from the template
options in the drop down list.

8
00:00:29,720 --> 00:00:34,498
Like the image picker table, hovering over
each column header lets me know what type

9
00:00:34,498 --> 00:00:36,580
of data each column displays.

10
00:00:36,580 --> 00:00:42,900
In this case, text, people options,
list options, and date options.

11
00:00:42,900 --> 00:00:49,410
So first, I'll rename the table from
"Tasks" to "Skills I'd like to develop".

12
00:00:49,410 --> 00:00:56,410
Then customize this table to fit my needs.

13
00:00:56,410 --> 00:00:58,660
I'll start by renaming some of my columns.

14
00:00:58,660 --> 00:01:03,775
I'll change the "Task
name" column to "Skill" and

15
00:01:03,775 --> 00:01:08,630
I'll change "Due date" to "Completion Date".

16
00:01:11,540 --> 00:01:13,782
And I'll delete the "Assignee" column here.

17
00:01:17,233 --> 00:01:20,265
Then I'll right click on the button to

18
00:01:20,265 --> 00:01:24,825
change the button text to "Add
new skill" under "Label".

19
00:01:30,302 --> 00:01:34,832
And I'll click the "Clear template"
button to clear any existing data,

20
00:01:34,832 --> 00:01:36,072
then delete this.

21
00:01:39,040 --> 00:01:43,634
I also want to hide the "New
row" button at the bottom.

22
00:01:43,634 --> 00:01:47,369
To make adding more skills
a little easier and

23
00:01:47,369 --> 00:01:52,576
clear with only the button,
I can do that by clicking Options,

24
00:01:52,576 --> 00:01:57,112
then in Table display,
set "Show add row button" to Off.

25
00:02:00,399 --> 00:02:05,724
Now I can start adding some skills and
due dates by clicking the button.

26
00:02:05,724 --> 00:02:08,431
First, Python Basics.

27
00:02:11,163 --> 00:02:13,284
I'll set the completion date to May 1st.

28
00:02:28,546 --> 00:02:32,590
You can also resize any
of the columns as needed.

29
00:02:32,590 --> 00:02:37,503
For example, if you want to auto wrap
the text within the Skills column.

30
00:02:41,332 --> 00:02:44,960
Coda it makes it easy to change
any of the column data types.

31
00:02:44,960 --> 00:02:49,673
For example,
instead of a Completion Date column,

32
00:02:49,673 --> 00:02:53,260
I can change this to "Skill meter".

33
00:02:53,260 --> 00:02:56,568
I wanna track how proficient
I feel at each skill.

34
00:02:56,568 --> 00:03:01,633
I can change this column's data
type from date options to a rating

35
00:03:01,633 --> 00:03:06,623
scale by clicking the data type icon,
then Change column type.

36
00:03:06,623 --> 00:03:09,454
I'll choose the Number column type,

37
00:03:09,454 --> 00:03:13,175
then select Scale to display
a star rating scale.

38
00:03:22,346 --> 00:03:25,810
We'll get more into tables and
buttons in a later workshop.

39
00:03:25,810 --> 00:03:31,152
But here's a quick preview of what you
can do with something called conditional

40
00:03:31,152 --> 00:03:36,669
formatting to change the status column
colors based on which status is selected.

41
00:03:36,669 --> 00:03:40,430
I'll click Options,
then Conditional format.

42
00:03:42,230 --> 00:03:48,481
So here I can say,
if status is set to Completed,

43
00:03:48,481 --> 00:03:51,996
change the color to green.

44
00:03:55,545 --> 00:03:56,278
Let's try that.

45
00:03:58,749 --> 00:04:00,050
Looks great.

46
00:04:00,050 --> 00:04:00,550
Okay, one more.

47
00:04:01,930 --> 00:04:06,242
So now for example,
if status changes to In Progress,

48
00:04:06,242 --> 00:04:09,728
I'll change its color
to a shade of yellow.

49
00:04:14,639 --> 00:04:20,394
Perfect, and what's awesome is
that you're able to transform

50
00:04:20,394 --> 00:04:26,090
a doc like this into a published
website or even a mini app.

51
00:04:26,090 --> 00:04:29,069
I'll teach you how to share and
publish a doc in the next video.