Today we write a test. I dont want to punish you, the school wants a asssesment about the state everybody is. Some tasks are pretty hard - show me that you've tryed at least. It will have no consequenses - so no marks or so. Just give the best you can <3
We want to copy the node.js meetup page for a event i've been recently Here is the example.
READ CAREFULLY, work autonomously, provide for each task 1 commit (github-basics), try to use the class-based aproach
- fork the project to your development folder
- open
assets/javascripts/index.js
- In
index.js:124
there is a bug in the for loop. Fix it. - The attendees list looks shit, make it look like on the original meetup page. (round image, text below the image, add the role of the attendee (member or organizer) also with javascript)
- Make the more button work (Tipp: you just have to remove 1 class with javascript from .preview)
- Fill all XXX with stuff from the data object (use different types of DOM selectors)
- The upper part with the Eventinfo between the navbar and the details section looks good, but the details section has a differnt column arrangement(6-6). make the columns as above: 8-4 so that they match in vertical alignment
- make the navigation bar fixed. Use 1 bootstrap class or do it in css
- The text of the details is just placeholder content. Fill it with the text from the data object. Advanced Solution would be with keeping the \n\r acting like a newline/return. DuckDuckGo for "innerText"
- The searchbar at the top should be required, the placeholder should be "search" and I want to have the value which is currently typed in logged in the console when I press the button (provide a selector in the elements, create a eventlistener for the searchbutton, run this eventlistener once in the constructor)
- In line 132 the function argument has "a = {}" inside, what does that mean? Make a comment above line 132
- If you struggle with the hard tasks, just make it visually more attractive and try to complete the layout like in the real site
- Provide a few comments in the code to show that you got it. If you find bugs - fix them
- Push your code to github