###Pure JavaScript Carousel/Slider with Accordion Previewer from 2013 Interview A copy of a pure JavaScript carousel which I was asked to do in 4 hours at an interview in 2013. I'm posting it to share and to give anyone something to practice before an interview.
I wrote the CSS, the JavaScript (no frameworks) and the HTML. I only switched out names and images to conceal the companies identity.
###The Interview Conditions The interview was pretty straight forward. Three 30 minute 2-person panel interviews and one 20 minute VP of Technology interview, followed by a programming test. Build a carousel using the assets and instructions given.
You have 4 hours to complete this. Here's a computer with a basic text editor and internet.
Good luck.
###My Result - I got the offer I finished on-time. Later that week, I got the offer.
I ultimately passed on the position because the offer and the responsibility could not stand-up to my current position.
They mentioned bonus points for having made a sprite of the navigation assets, making clear comments (in the interview!), and for making it mobile friendly (adaptive).
##The Product Request Outline
- Create a carousel that clicks through each image asset provided
- Create an accordion which displays 3 thumbnails of each asset type at a time, with a total of 3 accordion tabs
- Each accordion tab should open to the asset type being displayed in the carousel, and close the other accordion tabs
- Clicking on an item in the accordion should replace the item in the carousel with that item, and the carousel should continue to the next item accordingly
- CSS the whole thing. Styles and hover states should align with the example mock-up image
####Assets Provided
- Mock-up image
- Image Assets including thumbnails
- Reset CSS
- Product Request
####Bonus Points for Mobile Development and Readability