<!--
CO_OP_TRANSLATOR_METADATA:
{
  "original_hash": "17b8ec8e85d99e27dcb3f73842e583be",
  "translation_date": "2025-10-24T21:24:39+00:00",
  "source_file": "1-getting-started-lessons/1-intro-to-programming-languages/assignment.md",
  "language_code": "sk"
}
-->
# Zadanie: Preskúmanie moderných nástrojov na vývoj webu

## Pokyny

Ekosystém vývoja webu zahŕňa stovky špecializovaných nástrojov, ktoré pomáhajú vývojárom efektívne vytvárať, testovať a udržiavať aplikácie. Vašou úlohou je preskúmať a pochopiť nástroje, ktoré dopĺňajú tie, ktoré boli pokryté v tejto lekcii.

**Vaša misia:** Vyberte **tri nástroje**, ktoré **neboli pokryté v tejto lekcii** (vyhnite sa výberu editorov kódu, prehliadačov alebo nástrojov príkazového riadku, ktoré už boli uvedené). Zamerajte sa na nástroje, ktoré riešia konkrétne problémy v moderných pracovných postupoch vývoja webu.

**Pre každý nástroj uveďte:**

1. **Názov nástroja a kategóriu** (napr. "Figma - Nástroj na dizajn" alebo "Jest - Testovací rámec")
2. **Účel a výhody** - Vysvetlite v 2-3 vetách, prečo by webový vývojár použil tento nástroj a aké problémy rieši
3. **Odkaz na oficiálnu dokumentáciu** - Poskytnite odkaz na oficiálnu dokumentáciu alebo webovú stránku nástroja (nie len na stránky s tutoriálmi)
4. **Reálny kontext** - Uveďte jeden spôsob, akým tento nástroj zapadá do profesionálneho pracovného postupu vývoja

## Odporúčané kategórie nástrojov

Zvážte preskúmanie nástrojov z týchto kategórií:

| Kategória | Príklady | Čo robia |
|-----------|----------|----------|
| **Nástroje na zostavovanie** | Vite, Webpack, Parcel, esbuild | Zoskupujú a optimalizujú kód pre produkciu s rýchlymi vývojovými servermi |
| **Testovacie rámce** | Vitest, Jest, Cypress, Playwright | Zabezpečujú správne fungovanie kódu a odhaľujú chyby pred nasadením |
| **Nástroje na dizajn** | Figma, Adobe XD, Penpot | Umožňujú vytvárať návrhy, prototypy a dizajnové systémy spoluprácou |
| **Platformy na nasadenie** | Netlify, Vercel, Cloudflare Pages | Hostujú a distribuujú webové stránky s automatickým CI/CD |
| **Systémy na správu verzií** | GitHub, GitLab, Bitbucket | Spravujú zmeny kódu, spoluprácu a pracovné postupy projektov |
| **CSS rámce** | Tailwind CSS, Bootstrap, Bulma | Urýchľujú štýlovanie pomocou predpripravených knižníc komponentov |
| **Správcovia balíkov** | npm, pnpm, Yarn | Inštalujú a spravujú knižnice kódu a závislosti |
| **Nástroje na prístupnosť** | axe-core, Lighthouse, Pa11y | Testujú inkluzívny dizajn a súlad s WCAG |
| **Vývoj API** | Postman, Insomnia, Thunder Client | Testujú a dokumentujú API počas vývoja |

## Požiadavky na formát

**Pre každý nástroj:**
```
### [Tool Name] - [Category]

**Purpose:** [2-3 sentences explaining why developers use this tool]

**Documentation:** [Official website/documentation link]

**Workflow Integration:** [1 sentence about how it fits into development process]
```

## Kvalitatívne pokyny

- **Vyberte aktuálne nástroje**: Zvoľte nástroje, ktoré sú aktívne udržiavané a široko používané v roku 2025
- **Zamerajte sa na hodnotu**: Vysvetlite konkrétne výhody, nielen to, čo nástroj robí
- **Profesionálny kontext**: Zvážte nástroje používané vývojárskymi tímami, nielen individuálnymi nadšencami
- **Rôznorodý výber**: Vyberte nástroje z rôznych kategórií, aby ste ukázali šírku ekosystému
- **Moderná relevantnosť**: Uprednostnite nástroje, ktoré sú v súlade so súčasnými trendmi a najlepšími postupmi vo vývoji webu

## Hodnotiace kritériá

| Výborné | Dobré | Potrebuje zlepšenie |
|---------|-------|---------------------|
| **Jasne vysvetlené, prečo vývojári používajú každý nástroj a aké problémy rieši** | **Vysvetlené, čo nástroj robí, ale chýba kontext o jeho hodnote** | **Uvedené nástroje, ale bez vysvetlenia ich účelu alebo výhod** |
| **Poskytnuté odkazy na oficiálnu dokumentáciu pre všetky nástroje** | **Poskytnuté väčšinou oficiálne odkazy s 1-2 stránkami s tutoriálmi** | **Hlavne odkazy na stránky s tutoriálmi namiesto oficiálnej dokumentácie** |
| **Vybrané aktuálne, profesionálne používané nástroje z rôznych kategórií** | **Vybrané dobré nástroje, ale obmedzená rozmanitosť kategórií** | **Vybrané zastarané nástroje alebo len z jednej kategórie** |
| **Preukázané pochopenie, ako nástroje zapadajú do pracovných postupov vývoja** | **Ukázané určité pochopenie profesionálneho kontextu** | **Zamerané len na funkcie nástroja bez kontextu pracovného postupu** |

> 💡 **Tip na výskum**: Hľadajte nástroje spomínané v pracovných ponukách pre webových vývojárov, skontrolujte populárne prieskumy medzi vývojármi alebo preskúmajte závislosti používané úspešnými open-source projektmi na GitHube!

---

**Zrieknutie sa zodpovednosti**:  
Tento dokument bol preložený pomocou služby AI prekladu [Co-op Translator](https://github.com/Azure/co-op-translator). Aj keď sa snažíme o presnosť, prosím, berte na vedomie, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Pôvodný dokument v jeho rodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za akékoľvek nedorozumenia alebo nesprávne interpretácie vyplývajúce z použitia tohto prekladu.