To begin the second task, you will add event handlers to the left and right buttons in the carousel. The code for creating the scroll effect is already provided by Kyle.
(mysterious music)…- Let's go back to our README.…We've handled…steps one and two and three of task one.…Step four says there's nothing else,…so we're now complete with task one.…So it'd exit the model without using it.…Now, we don't have a way to exit it yet.…We're going to come back to that…later in our exercise today.…Right now the model, once it pops up,…it stays there until we refresh the page.…
So, we'll fix that later.…So task one,…little overwhelming perhaps, but it really did…start to show some practical application of the…concepts that we were just FUBARing earlier.…So, I hope that answered some questions that…people had earlier.…We'll be looking at more of those practical…applications, that's the goal here.…This part of the workshop is all about…the practical applying, doing practical application…of the concepts from earlier.…
So let's turn our attention now to task two.…It says we need to open up carousel.js…and details.js, and so I want you to go ahead and do those.…I'm going to close out a few of these files that I don't need…
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.