Homework 3 - Asynchronous JS

[NickCashFlow]

Homework 3 - Asynchronous JS

Deadline

• Create pull request until 5 Nov, 18:00
• Mistakes and comments should be resolved until 8 Nov, 20:00
• Request should be merged until 8 Nov, 21:00
• In other cases pull request will be closed

Task

1. Get the latest updates from Academy's repo by instruction;

2. To your homework folder add a folder named 3-async

3. Add there the file index.hml. So you should have the following structure:

homeworks/elon.musk_spacex2021/3-async/index.html

4. Make a simple app like a blog with filtering and sorting:
   • Before sending a request for posts, add a timeout of 3 seconds
   • When opening the page, show the loading and hide it after downloading the posts
   • Render a list of posts according to the attached layout
   • Add sorting and title filter to posts that have been rendered.
   • Sorting has 3 options: a. Initial version (without sorting) b. Sort from A to Z c. Sort from Z to A
   • In the filter field when entering text, only those posts are displayed whose titles match the text (non-case-sensitive match) For example: the text "ed T" will leave posts with the titles "red text", "rED T"
   • Sorting and filtering should work in combination, ie when displaying search results, the selected sorting should be applied to them.

• ALL JS AND STYLES SHOULD BE MOVED TO SEPARATE FILES AND CONNECTED TO index.html BY TAGS

The task with an asterisk (optional):

Add a Delete icon to each post you click on

• Temporarily hide the post
• Send a request to delete the item.
• When you receive a response from the server, display a message that the item was deleted if the request was successful
• If an error occurs, display the message "Something went wrong" and return the post

Where to send a request to get posts: https://jsonplaceholder.typicode.com/posts You can learn how to work with the address here: https://jsonplaceholder.typicode.com/ Use this design: