Mitä on verkkokehitys
Verkkokehitys on työtä, jossa ulkoasu ja joukko vaatimuksia muutetaan joksikin, joka toimii selaimessa. Siihen kuuluu enemmän kerroksia kuin ulkopuolelta näyttää, ja niiden tunteminen helpottaa keskustelua rakentajan kanssa.
Tämä opas selittää osat, kuka hoitaa minkäkin, ja mikä erottaa toimivan sivuston sellaisesta jota voi ylläpitää.
Verkkosivuston kerrokset#
Jokaisella sivustolla on nämä kerrokset, myös yksinkertaisimmalla — ero on siinä, kuinka paljon kutakin on.
| Kerros | Mitä tekee | Tyypilliset teknologiat |
|---|---|---|
| Käyttöliittymä | Se minkä kävijä näkee ja jonka kanssa toimii | HTML, CSS, JavaScript |
| Taustajärjestelmä | Logiikka palvelimella, liiketoimintasäännöt | PHP, Python, Node, Java |
| Tietokanta | Tallentaa sisällön, käyttäjät, tilaukset | MySQL, PostgreSQL |
| Palvelinpalvelu | Palvelin jolla kaikki pyörii | Jaettu, VPS, pilvi |
| Verkkotunnus ja DNS | Osoite ja miten se selvitetään | Rekisteröijä, nimipalvelimet |
| Ulkoiset palvelut | Maksut, sähköposti, analytiikka, kartat | Kolmannen osapuolen rajapinnat |
Staattisella sivustolla ei välttämättä ole taustajärjestelmää eikä tietokantaa. Siksi se on nopeampi, turvallisempi ja halvempi ylläpitää.
Kuka tekee mitäkin#
Roolit menevät päällekkäin, ja pienissä projekteissa sama henkilö hoitaa useita.
- Käyttöliittymäkehittäjä: muuttaa ulkoasun käyttöliittymäksi, hoitaa responsiivisuuden, saavutettavuuden ja suorituskyvyn selaimessa.
- Taustajärjestelmäkehittäjä: kirjoittaa palvelinlogiikan, mallintaa datan, integroi ulkoiset järjestelmät.
- Full stack: tekee molempia, vaihtelevalla syvyydellä kummassakin.
- DevOps: hoitaa palvelimet, käyttöönotot, valvonnan ja varmuuskopiot.
- Suunnittelija: määrittää ulkoasun ja käyttäytymisen ennen kuin koodia on.
- Projektipäällikkö: koordinoi, suojaa aikataulua ja kääntää asiakkaan ja tiimin välillä.
- Pienessä projektissa yksi tai kaksi henkilöä kattaa kaiken tämän. Kysy kuka tekee mitäkin ennen allekirjoitusta.
Miten osat keskustelevat#
Pyynnön matkan ymmärtäminen selittää suurimman osan sinulle esitettävistä teknisistä päätöksistä.
- Kävijä kirjoittaa osoitteen; DNS kääntää verkkotunnuksen palvelimen osoitteeksi.
- Selain pyytää sivua palvelimelta HTTPS:n yli.
- Palvelin vastaa HTML:llä — valmiina tai hetkessä tietokannasta luotuna.
- Selain lukee HTML:n ja pyytää siihen liittyvät tiedostot: tyylit, kuvat, skriptit.
- JavaScript suoritetaan ja lisää käyttäytymisen — valikot, lomakkeet, dynaamisen sisällön.
- Käyttäjän toiminnot voivat luoda uusia pyyntöjä palvelimelle taustalla.
- Palvelin kirjoittaa tietokantaan tai lukee siitä ja palauttaa tuloksen.
Jos HTML tulee palvelimelta valmiina, sivu ilmestyy nopeammin ja indeksoituu luotettavammin. Jos se on olemassa vasta JavaScriptin suorituksen jälkeen, kumpikin heikkenee.
Mikä erottaa vankan toteutuksen#
Kaksi sivustoa voivat näyttää samalta ja olla hyvin erilaisia ylläpitää. Nämä ovat merkit.
| Merkki | Hyvä | Huono |
|---|---|---|
| Koodin rakenne | Järjestetty, konventioineen | Kaikki yhdessä valtavassa tiedostossa |
| Versionhallinta | Git, luettavalla historialla | Tiedostoja kopioitu päivämäärä nimessä |
| Testiympäristö | On olemassa ja käytössä | Muutokset suoraan tuotantoon |
| Käyttöönotto | Automatisoitu ja peruttavissa | Manuaalinen FTP |
| Riippuvuudet | Vähän ja ajan tasalla | Paljon ja vanhentuneita |
| Dokumentaatio | Miten asennetaan ja otetaan käyttöön | Vain yhden ihmisen päässä |
| Testit | Ainakin kriittisillä poluilla | Ei lainkaan |
Usein kysytyt kysymykset
Mikä ero on verkkosuunnittelulla ja verkkokehityksellä?
Suunnittelu määrittää ulkoasun ja käyttäytymisen; kehitys rakentaa toimivan. Päällekkäisyyttä on — käyttöliittymäkehittäjä tekee visuaalisia päätöksiä päivittäin, ja teknisiä rajoitteita ymmärtävä suunnittelija tuottaa parempia suunnitelmia. Pienissä projekteissa sama henkilö tekee usein molempia.
Tarvitsenko taustajärjestelmän?
Vain jos sivuston pitää tallentaa tai käsitellä dataa: käyttäjätilejä, tilauksia, muokattavaa sisältöä, logiikkaa sisältäviä lomakkeita. Yrityssivusto kiinteällä sisällöllä voi olla täysin staattinen, mikä tekee siitä nopeamman, turvallisemman ja lähes huoltovapaan.
Kauanko verkkosivuston kehittäminen kestää?
Kahdesta neljään viikkoa yksinkertaiselle yrityssivustolle hyväksytyn ulkoasun jälkeen; kahdesta kolmeen kuukautta julkaisujärjestelmän, integraatioiden ja siirron kanssa; pidempään kaupoille ja sovelluksille. Aikataulun määrää mallipohjien ja integraatioiden määrä, ei sivujen määrä — ja käytännössä usein sisältö.
Voiko sivuston tehdä ilman ohjelmointia?
Kyllä, visuaalisilla rakentajilla tai julkaisujärjestelmällä ja teemalla. Se toimii hyvin yrityssivustoille ja blogeille. Rajat tulevat vastaan kun tarvitset jotain mitä työkalu ei ennakoi, kun suorituskyvyllä on paljon väliä, tai kun haluat pois alustalta — silloin säästöltä näyttänyt osoittautuu riippuvuudeksi.
verkkokehitysmitä on verkkokehitysfrontend backendmiten verkkosivu toimiiverkkosivun ohjelmointisivuston rakentaminen
