You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
76 lines
5.4 KiB
76 lines
5.4 KiB
<!--
|
|
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. |