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.5 KiB
76 lines
5.5 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "17b8ec8e85d99e27dcb3f73842e583be",
|
|
"translation_date": "2025-10-23T00:18:12+00:00",
|
|
"source_file": "1-getting-started-lessons/1-intro-to-programming-languages/assignment.md",
|
|
"language_code": "fi"
|
|
}
|
|
-->
|
|
# Tehtävä: Modernien web-kehitystyökalujen tutkiminen
|
|
|
|
## Ohjeet
|
|
|
|
Web-kehityksen ekosysteemi sisältää satoja erikoistuneita työkaluja, jotka auttavat kehittäjiä rakentamaan, testaamaan ja ylläpitämään sovelluksia tehokkaasti. Tehtäväsi on tutkia ja ymmärtää työkaluja, jotka täydentävät tässä oppitunnissa käsiteltyjä.
|
|
|
|
**Tehtäväsi:** Valitse **kolme työkalua**, joita **ei ole käsitelty tässä oppitunnissa** (vältä valitsemasta jo listattuja koodieditoreita, selaimia tai komentorivityökaluja). Keskity työkaluihin, jotka ratkaisevat tiettyjä ongelmia modernin web-kehityksen työnkuluissa.
|
|
|
|
**Jokaisesta työkalusta anna seuraavat tiedot:**
|
|
|
|
1. **Työkalun nimi ja kategoria** (esim. "Figma - Suunnittelutyökalu" tai "Jest - Testauskehys")
|
|
2. **Tarkoitus ja hyödyt** - Selitä 2-3 lauseessa, miksi web-kehittäjä käyttäisi tätä työkalua ja mitä ongelmia se ratkaisee
|
|
3. **Virallinen dokumentaatiolinkki** - Anna linkki työkalun viralliseen dokumentaatioon tai verkkosivustoon (ei pelkästään opetusmateriaalisivustoja)
|
|
4. **Käyttö ammatillisessa kontekstissa** - Mainitse yksi tapa, jolla tämä työkalu sopii ammatilliseen kehitystyönkulkuun
|
|
|
|
## Ehdotetut työkalukategoriat
|
|
|
|
Voit tutkia työkaluja näistä kategorioista:
|
|
|
|
| Kategoria | Esimerkkejä | Mitä ne tekevät |
|
|
|-----------|-------------|-----------------|
|
|
| **Rakennustyökalut** | Vite, Webpack, Parcel, esbuild | Niputtavat ja optimoivat koodin tuotantoa varten nopeilla kehityspalvelimilla |
|
|
| **Testauskehykset** | Vitest, Jest, Cypress, Playwright | Varmistavat, että koodi toimii oikein ja havaitsevat virheet ennen käyttöönottoa |
|
|
| **Suunnittelutyökalut** | Figma, Adobe XD, Penpot | Luovat mockupeja, prototyyppejä ja suunnittelujärjestelmiä yhteistyössä |
|
|
| **Julkaisualustat** | Netlify, Vercel, Cloudflare Pages | Isännöivät ja jakavat verkkosivustoja automaattisella CI/CD:llä |
|
|
| **Versionhallinta** | GitHub, GitLab, Bitbucket | Hallitsevat koodimuutoksia, yhteistyötä ja projektityönkulkuja |
|
|
| **CSS-kehykset** | Tailwind CSS, Bootstrap, Bulma | Nopeuttavat tyylien luomista valmiilla komponenttikirjastoilla |
|
|
| **Paketinhallinta** | npm, pnpm, Yarn | Asentavat ja hallitsevat koodikirjastoja ja riippuvuuksia |
|
|
| **Saavutettavuustyökalut** | axe-core, Lighthouse, Pa11y | Testaavat inklusiivista suunnittelua ja WCAG-vaatimustenmukaisuutta |
|
|
| **API-kehitys** | Postman, Insomnia, Thunder Client | Testaavat ja dokumentoivat API:ita kehityksen aikana |
|
|
|
|
## Muotoiluvaatimukset
|
|
|
|
**Jokaisesta työkalusta:**
|
|
```
|
|
### [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]
|
|
```
|
|
|
|
## Laatuohjeet
|
|
|
|
- **Valitse ajankohtaisia työkaluja**: Valitse työkaluja, joita ylläpidetään aktiivisesti ja joita käytetään laajasti vuonna 2025
|
|
- **Keskity arvoon**: Selitä työkalun erityiset hyödyt, älä pelkästään sen toiminnallisuutta
|
|
- **Ammatillinen konteksti**: Harkitse työkaluja, joita kehitystiimit käyttävät, ei vain yksittäiset harrastajat
|
|
- **Monipuolinen valikoima**: Valitse työkaluja eri kategorioista, jotta ekosysteemin laajuus tulee esille
|
|
- **Moderni merkitys**: Suosi työkaluja, jotka vastaavat nykyisiä web-kehityksen trendejä ja parhaita käytäntöjä
|
|
|
|
## Arviointikriteerit
|
|
|
|
| Erinomainen | Hyvä | Parannettavaa |
|
|
|-------------|------|---------------|
|
|
| **Selitetty selkeästi, miksi kehittäjät käyttävät kutakin työkalua ja mitä ongelmia se ratkaisee** | **Selitetty, mitä työkalu tekee, mutta konteksti sen arvosta puuttuu osittain** | **Lueteltu työkaluja, mutta ei selitetty niiden tarkoitusta tai hyötyjä** |
|
|
| **Annettu viralliset dokumentaatiolinkit kaikille työkaluille** | **Annettu pääosin virallisia linkkejä, mutta mukana 1-2 opetusmateriaalisivustoa** | **Luotettu pääasiassa opetusmateriaalisivustoihin virallisten dokumentaatioiden sijaan** |
|
|
| **Valittu ajankohtaisia, ammatillisesti käytettyjä työkaluja eri kategorioista** | **Valittu hyviä työkaluja, mutta kategorioiden monipuolisuus puuttuu** | **Valittu vanhentuneita työkaluja tai vain yhdestä kategoriasta** |
|
|
| **Osoitettu ymmärrystä siitä, miten työkalut sopivat kehitystyönkulkuihin** | **Osoitettu jonkin verran ymmärrystä ammatillisesta kontekstista** | **Keskitytty vain työkalun ominaisuuksiin ilman työnkulun kontekstia** |
|
|
|
|
> 💡 **Tutkimusvinkki**: Etsi työkaluja, joita mainitaan web-kehittäjien työpaikkailmoituksissa, tarkista suosittuja kehittäjäkyselyitä tai tutki menestyneiden avoimen lähdekoodin projektien riippuvuuksia GitHubissa!
|
|
|
|
---
|
|
|
|
**Vastuuvapauslauseke**:
|
|
Tämä asiakirja on käännetty käyttämällä tekoälypohjaista käännöspalvelua [Co-op Translator](https://github.com/Azure/co-op-translator). Vaikka pyrimme tarkkuuteen, huomioithan, että automaattiset käännökset voivat sisältää virheitä tai epätarkkuuksia. Alkuperäinen asiakirja sen alkuperäisellä kielellä tulisi pitää ensisijaisena lähteenä. Kriittisen tiedon osalta suositellaan ammattimaista ihmiskäännöstä. Emme ole vastuussa väärinkäsityksistä tai virhetulkinnoista, jotka johtuvat tämän käännöksen käytöstä. |