1
00:00:00,000 --> 00:00:09,420
[MUSIC]

2
00:00:09,420 --> 00:00:10,904
Hey, it's Treasure.

3
00:00:10,904 --> 00:00:14,754
This session is designed to give you
additional practice traversing a list and

4
00:00:14,754 --> 00:00:16,690
looping through a jQuery collection.

5
00:00:17,720 --> 00:00:21,440
Practice is a great way to help
solidify what you've just learned and

6
00:00:21,440 --> 00:00:23,380
to start to get that syntax down.

7
00:00:23,380 --> 00:00:24,201
So let's do it.

8
00:00:25,210 --> 00:00:29,520
This practice session assumes that you've
completed the jQuery Basics course.

9
00:00:29,520 --> 00:00:33,110
You can find a link to the course
videos in the teacher's notes below,

10
00:00:33,110 --> 00:00:36,190
as well as links to documentation that
will help you review what you've learned.

11
00:00:37,310 --> 00:00:41,565
To get started,
all you need to do is open Workspaces,

12
00:00:41,565 --> 00:00:44,820
then the index.html and app.js files.

13
00:00:44,820 --> 00:00:47,720
If you wanna complete these
challenges in your own text editor,

14
00:00:47,720 --> 00:00:49,950
you can download the files below.

15
00:00:49,950 --> 00:00:52,770
Follow the commented steps
to complete each challenge.

16
00:00:54,260 --> 00:00:58,840
You'll begin with a list of links and
add some enhancements to the list.

17
00:00:58,840 --> 00:01:01,860
When you're finished,
the list should look like this.

18
00:01:01,860 --> 00:01:04,740
The first challenge asks you
to traverse the list and

19
00:01:04,740 --> 00:01:07,870
add a Featured tag to
the second list item.

20
00:01:07,870 --> 00:01:10,050
To accomplish this,
you'll need to create and

21
00:01:10,050 --> 00:01:13,650
append a new HTML element
to the list item.

22
00:01:13,650 --> 00:01:17,363
There are a couple of classes in this
CSS file that have been predefined.

23
00:01:21,720 --> 00:01:22,800
As part of the challenge,

24
00:01:22,800 --> 00:01:25,540
you'll add one of these classes
to the element you've created.

25
00:01:27,530 --> 00:01:31,750
The second challenge asks you to traverse
to the last item in the list and

26
00:01:31,750 --> 00:01:33,260
add a predefined class to it.

27
00:01:34,950 --> 00:01:37,630
Third, you'll select
each link on the page and

28
00:01:37,630 --> 00:01:41,040
add an attribute that will cause
the link to open up in a new tab.

29
00:01:44,620 --> 00:01:46,980
This might require reviewing the course.

30
00:01:46,980 --> 00:01:50,920
Remember, you can find links and other
resources in the teacher's notes below.

31
00:01:52,810 --> 00:01:56,654
For the fourth challenge,
you'll loop through each anchor tag and

32
00:01:56,654 --> 00:01:59,898
log out the index,
as well as the text of each anchor tag.

33
00:02:03,130 --> 00:02:06,320
Finally, you'll rewrite your
loop using the this keyword.

34
00:02:07,420 --> 00:02:08,330
Have fun, and

35
00:02:08,330 --> 00:02:11,960
don't worry too much if you can't
recall everything you've just learned.

36
00:02:11,960 --> 00:02:15,180
You can consult the teacher's notes for
help and resources.

37
00:02:15,180 --> 00:02:19,268
And you may need to Google or review
the videos to recall method names or

38
00:02:19,268 --> 00:02:20,390
remember syntax.

39
00:02:20,390 --> 00:02:21,860
Totally fine.

40
00:02:21,860 --> 00:02:24,160
As always, just keep practicing.

41
00:02:24,160 --> 00:02:28,060
After you've done your best to complete
the challenges, watch the next video and

42
00:02:28,060 --> 00:02:29,750
I'll walk you through my solutions.