In this task, you will attach event handlers for the header links. You will also fetch some content using an AJAX request and make the modal visible.
- Let's look at our app in page.…I've implied a couple of things…by this silly, little design.…One is that we've got a little carousel here…that I should be able to go left and right in my carousel.…You'll notice that it's not functional.…We're going to let you wire up the events…to make that functional.…And then you notice…this big, blue area over here on the right.…What does that thing signify?…Well essentially, that signifies a details pane,…that if I were to click…one of these items in my carousel list,…it would show up a set of details about that person.…
So my stupid, little example here…is this is like a page for a company…that provides tech support…and you're trying to schedule one of these individuals…to come out to your office…and help you with your computer.…So you've got a list…of the available tech support technicians…that you can click on and see their details…and figure out who you want to schedule, okay?…So it's just my basic, little metaphor…for what this app is supposed to be.…So we're going to wire up these events…
Note: This course was created on 03/29/2016 by Frontend Masters. We are pleased to host this content in our library.
- Carousels, panes, and modules
- Middle-end architecture
- Secure phrase generator
- Routing functions
- Calling the API
- Rendering on the page
- Shared data validation
Skill Level Intermediate
2. Organizing Code
5. Adding a Shared Module
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.