https://peda.net/id/fe8b8aea92e 2025-09-16T14:19:21+03:00 https://peda.net/:static/539/peda.net.logo.bg.svg <div class="license">Tämän sivun lisenssi <a rel="license" href="https://peda.net/info">Peda.net-yleislisenssi</a></div> https://peda.net/id/c0ee581492f 2025-09-17T09:21:45+03:00 <h3><strong>Mitä tarkoittaa vibe coding? MS Copilot 17.9.2025:</strong></h3> Vibe coding (suomeksi usein &quot;fiiliskoodaus&quot;) tarkoittaa uudenlaista ohjelmointitapaa, jossa tekoäly hoitaa varsinaisen koodin kirjoittamisen, ja ihmisen rooli keskittyy enemmän ideointiin, palautteen antamiseen ja toiminnallisuuden kuvaamiseen kuin tekniseen toteutukseen. <br/> <br/> <h3><strong>Mikä on nettiselain ohjelmistoympäristönä? MS Copilot 17.9.2025:</strong></h3> <p>Nettiselain (esim. Chrome, Firefox tai Safari) on ohjelma, jolla voi käyttää internetiä. Mutta se on myös<span> </span><strong>alusta</strong>, jossa voi<span> </span><strong>ajaa ja käyttää sovelluksia</strong><span> </span>– vähän kuin puhelimen sovellukset, mutta ne toimivat selaimessa.</p> <!--filtered tag: <h4--><!--&gt;--><strong>Miksi se on ohjelmistoympäristö?</strong><!--filtered end tag: </h4>--> <ul> <li>Selaimessa voi pyörittää ohjelmia, jotka on tehty verkkotekniikoilla (kuten HTML ja JavaScript).</li> <li>Se tarjoaa työkaluja ja sääntöjä, joiden avulla ohjelmat toimivat.</li> <li>Selaimessa toimivat sovellukset eivät vaadi asennusta – ne toimivat heti, kun avaat verkkosivun.</li> </ul> <!--filtered tag: <h4--><!--&gt;--><strong>Esimerkki:</strong><!--filtered end tag: </h4>--> <p>Kun käytät vaikka<span> </span><strong>Google Docsia</strong><span> </span>tai<span> </span><strong>YouTubea</strong>, käytät sovellusta, joka toimii selaimen sisällä. Selain huolehtii siitä, että kaikki toimii oikein.</p> <br/> <h3><strong>Työskentelyn kuvaus:</strong></h3> <br/> Luo ensin itsellesi sivu, jonka voit ladata koneellesi:<br/> <ul> <li>Pyydä tekoälyä luomaan webbisivun pohja</li> <li>Kopioi koodi</li> <li>Liitä koodi Muistio-ohjelmaan (myöhemmin käytetään ehkä muita kehitystyökaluja)</li> <li>Tallenna esimerkiksi nimellä: sivuni.html</li> <li>Tallennuspaikka pitää olla sellainen, että selain voi hakea ko. sivun</li> </ul> <br/> Rupea sitten tekemään kokeiluja tekoälyn (esim. Copilotin kanssa, myös ChatGPT) muuttaaksesi ja parannellaksesi sivuasi.<br/> Jos koodisi ei toimi, anna virheilmoitus tekoälylle.<br/> <br/> <h3><strong>Mitä tehdä:</strong></h3> <ul> <li><span>Voit aloittaa kehittämään peliä, jota voit luvalla ja hyvällä mielellä pelata <span>kehittää lisää </span>silloin, kun et jaksa keskittyä annettuihin harjoituksiin</span></li> <li><span>Mikäli pelit eivät sinua kiinnosta, voit kehittää myös kotisivua esimerkiksi jostain sinua kiinnostavasta harrastuksesta (kalastus, rumpujen soitto, pitsin nypläys, jne.)</span></li> </ul> 2025-09-16T14:31:57+03:00