The next part of the third task focuses on creating Carousel and Details modules.
- Armed with that as our header.js,…I want you to do the exact same thing for the carousel file…and for the details file.…Same mindset, same process, same syntax.…But it gives you some practice doing a real world module.…If you have been feeling,…like, "Wow, this is bending my brain a little bit,"…or, "I'm not quite,"…this is the most important of any of the exercises…that I've given you today, is to try your hand on it.…
Try your hand at doing what I just did on header.js,…try doing that on the details.js or the carousel.js…because as I said earlier, there is value in the confusion…because when you work through the confusion…and you have the light bulb moment and it works,…that solidifies it way more…than anything that I could give you as a lecture.…I will give you about eight, nine minutes or so.…We'll come back and I will talk you through…how I do that conversion for Carousel in JS,…but try your hand at converting both of those to modules.…
I have zoomed way out so you could see it all at once…but the major patterns to be looking for,…
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.