# Naloga: Raziskovanje sodobnih orodij za spletni razvoj ## Navodila Ekosistem spletnega razvoja vključuje na stotine specializiranih orodij, ki razvijalcem pomagajo pri učinkovitem ustvarjanju, testiranju in vzdrževanju aplikacij. Vaša naloga je raziskati in razumeti orodja, ki dopolnjujejo tista, obravnavana v tej lekciji. **Vaša naloga:** Izberite **tri orodja**, ki **niso obravnavana v tej lekciji** (izogibajte se izbiri urejevalnikov kode, brskalnikov ali orodij ukazne vrstice, ki so že navedena). Osredotočite se na orodja, ki rešujejo specifične težave v sodobnih delovnih procesih spletnega razvoja. **Za vsako orodje navedite:** 1. **Ime orodja in kategorijo** (npr. "Figma - Orodje za oblikovanje" ali "Jest - Okvir za testiranje") 2. **Namen in koristi** - V 2-3 stavkih pojasnite, zakaj bi spletni razvijalec uporabljal to orodje in katere težave rešuje 3. **Povezavo do uradne dokumentacije** - Navedite povezavo do uradne dokumentacije ali spletne strani orodja (ne samo do strani z vadnicami) 4. **Kontekst uporabe v resničnem svetu** - Omenite en način, kako se to orodje vključuje v profesionalni delovni proces ## Predlagane kategorije orodij Razmislite o raziskovanju orodij iz teh kategorij: | Kategorija | Primeri | Kaj počnejo | |------------|---------|-------------| | **Orodja za gradnjo** | Vite, Webpack, Parcel, esbuild | Združujejo in optimizirajo kodo za produkcijo z hitrimi strežniki za razvoj | | **Okviri za testiranje** | Vitest, Jest, Cypress, Playwright | Zagotavljajo pravilno delovanje kode in odkrivajo napake pred objavo | | **Orodja za oblikovanje** | Figma, Adobe XD, Penpot | Ustvarjajo makete, prototipe in sisteme oblikovanja za sodelovanje | | **Platforme za objavo** | Netlify, Vercel, Cloudflare Pages | Gostijo in distribuirajo spletne strani z avtomatskim CI/CD | | **Orodja za nadzor različic** | GitHub, GitLab, Bitbucket | Upravljajo spremembe kode, sodelovanje in delovne procese projektov | | **CSS ogrodja** | Tailwind CSS, Bootstrap, Bulma | Pospešujejo oblikovanje s knjižnicami vnaprej pripravljenih komponent | | **Upravitelji paketov** | npm, pnpm, Yarn | Nameščajo in upravljajo knjižnice kode ter odvisnosti | | **Orodja za dostopnost** | axe-core, Lighthouse, Pa11y | Testirajo vključujoče oblikovanje in skladnost z WCAG | | **Razvoj API-jev** | Postman, Insomnia, Thunder Client | Testirajo in dokumentirajo API-je med razvojem | ## Zahteve za format **Za vsako orodje:** ``` ### [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] ``` ## Smernice za kakovost - **Izberite aktualna orodja**: Izberite orodja, ki so aktivno vzdrževana in široko uporabljena v letu 2025 - **Osredotočite se na vrednost**: Pojasnite specifične koristi, ne le kaj orodje počne - **Profesionalni kontekst**: Upoštevajte orodja, ki jih uporabljajo razvojne ekipe, ne le posamezni ljubitelji - **Raznolik izbor**: Izberite orodja iz različnih kategorij, da pokažete širino ekosistema - **Sodobna relevantnost**: Dajte prednost orodjem, ki so skladna s trenutnimi trendi in najboljšimi praksami spletnega razvoja ## Merila ocenjevanja | Odlično | Dobro | Potrebno izboljšanje | |---------|-------|-----------------------| | **Jasno pojasnjeno, zakaj razvijalci uporabljajo vsako orodje in katere težave rešuje** | **Pojasnjeno, kaj orodje počne, vendar manjkajo nekateri konteksti o njegovi vrednosti** | **Navedena orodja, vendar ni pojasnjen njihov namen ali koristi** | | **Navedene povezave do uradne dokumentacije za vsa orodja** | **Večinoma navedene uradne povezave z 1-2 stranmi z vadnicami** | **Pretežno uporabljene strani z vadnicami namesto uradne dokumentacije** | | **Izbrana aktualna, profesionalno uporabljena orodja iz različnih kategorij** | **Izbrana dobra orodja, vendar omejena raznolikost kategorij** | **Izbrana zastarela orodja ali samo iz ene kategorije** | | **Izkazano razumevanje, kako se orodja vključujejo v delovne procese** | **Delno izkazano razumevanje profesionalnega konteksta** | **Osredotočeno le na funkcije orodja brez konteksta delovnega procesa** | > 💡 **Nasvet za raziskovanje**: Poiščite orodja, omenjena v zaposlitvenih oglasih za spletne razvijalce, preverite priljubljene ankete med razvijalci ali raziščite odvisnosti, ki jih uporabljajo uspešni odprtokodni projekti na GitHubu! --- **Omejitev odgovornosti**: Ta dokument je bil preveden z uporabo storitve za prevajanje z umetno inteligenco [Co-op Translator](https://github.com/Azure/co-op-translator). Čeprav si prizadevamo za natančnost, vas prosimo, da upoštevate, da lahko avtomatizirani prevodi vsebujejo napake ali netočnosti. Izvirni dokument v njegovem maternem jeziku je treba obravnavati kot avtoritativni vir. Za ključne informacije priporočamo profesionalni človeški prevod. Ne prevzemamo odgovornosti za morebitne nesporazume ali napačne razlage, ki bi nastale zaradi uporabe tega prevoda.