Differences
This shows you the differences between two versions of the page.
|
pw:laboratoare:12 [2020/05/02 18:08] valeriu.stanciu [Rows] |
pw:laboratoare:12 [2020/05/04 11:01] (current) ciprian.dobre [Exercitii] |
||
|---|---|---|---|
| Line 277: | Line 277: | ||
| Rezultatul codului de mai sus este: | Rezultatul codului de mai sus este: | ||
| - | {{ :pw:laboratoare:react-card.png?500 |}} | + | {{ :pw:laboratoare:react-card.png?500&nolink |}} |
| === Carousel === | === Carousel === | ||
| Line 330: | Line 330: | ||
| - [1p] Printr-un request de tip GET accesati toate albumele disponibile pe webserver-ul JSONPlaceholder. | - [1p] Printr-un request de tip GET accesati toate albumele disponibile pe webserver-ul JSONPlaceholder. | ||
| - [2p] Fiecare album va fi reprezentat intr-o componenta de tip **Card**. | - [2p] Fiecare album va fi reprezentat intr-o componenta de tip **Card**. | ||
| - | - Card image reprezinta prima poza din album (hint: afisati thumbnailUrl) | ||
| - Card title este numele albumului | - Card title este numele albumului | ||
| - Card text este informatia despre utilizatorul care a facut albumul, sub forma "by {username} aka {name}" | - Card text este informatia despre utilizatorul care a facut albumul, sub forma "by {username} aka {name}" | ||
| - | - [2p] Afisati intr-o pagina toate albumele. Folositi componenta **Pagination** pentru a reprezenta cate 10 albume pe pagina. | + | - [Bonus] Card image reprezinta prima poza din album (hint: afisati thumbnailUrl) |
| + | - [3p] Afisati intr-o pagina toate albumele. Folositi componenta **Pagination** pentru a reprezenta cate 10 albume pe pagina. | ||
| - [1p] La click pe un album trimiteti un request de tip GET pentru a accesa pozele albumului respectiv | - [1p] La click pe un album trimiteti un request de tip GET pentru a accesa pozele albumului respectiv | ||
| - | - [4p] Afisati pozele intr-o componenta **Carousel**. | + | - [3p] Afisati pozele intr-o componenta **Carousel**. |
