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-24T20:47:43+00:00",
|
|
"source_file": "1-getting-started-lessons/1-intro-to-programming-languages/assignment.md",
|
|
"language_code": "cs"
|
|
}
|
|
-->
|
|
# Zadání: Zkoumání moderních nástrojů pro vývoj webu
|
|
|
|
## Pokyny
|
|
|
|
Ekosystém vývoje webu zahrnuje stovky specializovaných nástrojů, které pomáhají vývojářům efektivně vytvářet, testovat a udržovat aplikace. Vaším úkolem je prozkoumat a pochopit nástroje, které doplňují ty, jež byly pokryty v této lekci.
|
|
|
|
**Vaše mise:** Vyberte **tři nástroje**, které **nebyly pokryty v této lekci** (vyhněte se výběru editorů kódu, prohlížečů nebo nástrojů příkazového řádku, které již byly zmíněny). Zaměřte se na nástroje, které řeší konkrétní problémy v moderních pracovních postupech vývoje webu.
|
|
|
|
**Pro každý nástroj uveďte:**
|
|
|
|
1. **Název nástroje a kategorii** (např. "Figma - Nástroj pro design" nebo "Jest - Testovací framework")
|
|
2. **Účel a přínosy** - Vysvětlete ve 2-3 větách, proč by webový vývojář použil tento nástroj a jaké problémy řeší
|
|
3. **Odkaz na oficiální dokumentaci** - Poskytněte odkaz na oficiální dokumentaci nebo webovou stránku nástroje (ne pouze na stránky s návody)
|
|
4. **Kontext z reálného světa** - Uveďte jeden způsob, jak tento nástroj zapadá do profesionálního pracovního postupu
|
|
|
|
## Doporučené kategorie nástrojů
|
|
|
|
Zvažte prozkoumání nástrojů z těchto kategorií:
|
|
|
|
| Kategorie | Příklady | Co dělají |
|
|
|-----------|----------|-----------|
|
|
| **Nástroje pro sestavení** | Vite, Webpack, Parcel, esbuild | Sestavují a optimalizují kód pro produkci s rychlými vývojovými servery |
|
|
| **Testovací frameworky** | Vitest, Jest, Cypress, Playwright | Zajišťují správnou funkčnost kódu a odhalují chyby před nasazením |
|
|
| **Nástroje pro design** | Figma, Adobe XD, Penpot | Umožňují společné vytváření návrhů, prototypů a designových systémů |
|
|
| **Platformy pro nasazení** | Netlify, Vercel, Cloudflare Pages | Hostují a distribuují webové stránky s automatickým CI/CD |
|
|
| **Verzovací systémy** | GitHub, GitLab, Bitbucket | Spravují změny kódu, spolupráci a pracovní postupy projektů |
|
|
| **CSS frameworky** | Tailwind CSS, Bootstrap, Bulma | Zrychlují stylování pomocí předpřipravených knihoven komponent |
|
|
| **Správci balíčků** | npm, pnpm, Yarn | Instalují a spravují knihovny kódu a závislosti |
|
|
| **Nástroje pro přístupnost** | axe-core, Lighthouse, Pa11y | Testují inkluzivní design a shodu s WCAG |
|
|
| **Vývoj API** | Postman, Insomnia, Thunder Client | Testují a dokumentují API během vývoje |
|
|
|
|
## Požadavky na formát
|
|
|
|
**Pro 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]
|
|
```
|
|
|
|
## Pokyny ke kvalitě
|
|
|
|
- **Vyberte aktuální nástroje**: Zvolte nástroje, které jsou aktivně udržovány a široce používané v roce 2025
|
|
- **Zaměřte se na hodnotu**: Vysvětlete konkrétní přínosy, ne jen to, co nástroj dělá
|
|
- **Profesionální kontext**: Zvažte nástroje používané vývojářskými týmy, ne jen jednotlivými nadšenci
|
|
- **Rozmanitý výběr**: Vyberte nástroje z různých kategorií, abyste ukázali šíři ekosystému
|
|
- **Moderní relevance**: Upřednostněte nástroje, které odpovídají současným trendům a osvědčeným postupům ve vývoji webu
|
|
|
|
## Hodnotící kritéria
|
|
|
|
| Výborné | Dobré | Potřebuje zlepšení |
|
|
|---------|-------|--------------------|
|
|
| **Jasně vysvětleno, proč vývojáři používají každý nástroj a jaké problémy řeší** | **Vysvětleno, co nástroj dělá, ale chybí některý kontext o jeho hodnotě** | **Vypsány nástroje, ale bez vysvětlení jejich účelu nebo přínosů** |
|
|
| **Poskytnuty odkazy na oficiální dokumentaci pro všechny nástroje** | **Poskytnuty převážně oficiální odkazy s 1-2 odkazy na stránky s návody** | **Hlavně odkazy na stránky s návody místo oficiální dokumentace** |
|
|
| **Vybrány aktuální, profesionálně používané nástroje z různých kategorií** | **Vybrány dobré nástroje, ale omezená rozmanitost kategorií** | **Vybrány zastaralé nástroje nebo pouze z jedné kategorie** |
|
|
| **Prokázáno pochopení, jak nástroje zapadají do pracovních postupů** | **Ukázáno určité pochopení profesionálního kontextu** | **Zaměřeno pouze na funkce nástroje bez kontextu pracovního postupu** |
|
|
|
|
> 💡 **Tip pro výzkum**: Hledejte nástroje zmíněné v pracovních nabídkách pro webové vývojáře, zkontrolujte populární průzkumy mezi vývojáři nebo prozkoumejte závislosti používané úspěšnými open-source projekty na GitHubu!
|
|
|
|
---
|
|
|
|
**Prohlášení**:
|
|
Tento dokument byl přeložen pomocí služby AI pro překlady [Co-op Translator](https://github.com/Azure/co-op-translator). I když se snažíme o přesnost, mějte prosím na paměti, že automatické překlady mohou obsahovat chyby nebo nepřesnosti. Původní dokument v jeho původním jazyce by měl být považován za autoritativní zdroj. Pro důležité informace se doporučuje profesionální lidský překlad. Neodpovídáme za žádná nedorozumění nebo nesprávné interpretace vyplývající z použití tohoto překladu. |