Kode er like nødvendig for et nettsted på en publiseringsplattform som for et prosjekt bygget fra bunnen av. Denne seksjonen handler om utvikling uten binding til WordPress. Frontend og backend, verktøy og ferdige teknikker. For dem som setter opp layout, skriver skript eller installerer Git for første gang på sin egen maskin.

Frontend analyserer vi lag for lag. HTML som sidens skjelett. CSS for utforming: rutenett med Flexbox og Grid, responsivitet, myke overganger og ryddige effekter uten overflødig kode. JavaScript og jQuery for oppførsel: brytere, klikkhåndtering, validering av skjemaer, dynamikk på siden. Det finnes gjennomganger av konkrete oppgaver som .toggle()-metoden, generering av et tilfeldig tall, en nedtellingstimer eller myk rulling til et anker. Ikke abstrakt teori. Ferdig kode som kan limes inn og testes.

Backend bygger på PHP. Vi viser hvordan man henvender seg til eksterne API-er (programmeringsgrensesnitt som nettsteder utveksler data gjennom). For eksempel å hente Bitcoin-kurs, værdata eller prisen på en vare fra en tredjepartstjeneste. Vi gjennomgår sending av skjema på e-post, arbeid med JSON, grunnleggende databasespørringer. I tillegg regulære uttrykk – det mønstersøkespråket som mange unødig frykter. Validering av e-post, telefon, rensing av strenger. Vi gjennomgår dette med levende eksempler, ikke tørr syntaks.

Kode må skrives og lagres et sted. Derfor et eget avsnitt om verktøy. Git og GitHub for versjonskontroll og samarbeid. Installasjon av Git på Windows fra bunnen av, grunnleggende kommandoer, første repository, tilbakerulling av endringer, arbeid med brancher. Markdown for dokumentasjon og README. CodePen for raske eksperimenter i nettleseren. Lokalt utviklingsmiljø: Laragon, Open Server, XAMPP, editoren Atom. Alt man virkelig kan jobbe komfortabelt med hver dag.

Hvem vi har i tankene når vi skriver. Nybegynneren holder akkurat på å forstå forskjellen på en tag og en selektor, og kopierer kode uten å forstå halvparten av linjene. Den erfarne kan det grunnleggende, men leter etter en kort løsning på en avgrenset oppgave for å slippe å finne opp hjulet på nytt. For den første forklarer vi hver linje og viser resultatet i nettleseren. For den andre gir vi en ferdig snippet og skriver med en gang hvor den vil brekke.

Typiske feil vi belyser. Skript i head i stedet for i footeren, slik at jQuery ikke finner elementet. Et glemt semikolon og anførselstegn av ulik type. Et regulært uttrykk som grådig fanger opp for mye. En direkte databasespørring uten validering av data. Vi viser ikke bare kode som fungerer, men også fallgruvene rundt den.

Innholdet skrives av folk som selv skriver kode, ikke gjenforteller andres tutorials. Vi har snublet i de samme feilene og husker hvor nybegynneren vil sette seg fast. Derfor er hver gjennomgang bygget opp enkelt. Først en kort fungerende løsning. Så en forklaring på hvorfor den fungerer, og hvor fallgruvene ligger. Uten fyllord og copy-paste fra offisiell dokumentasjon.

Hvis du akkurat er i gang, gå fra det enkle til det avanserte. Først HTML og CSS. Deretter JavaScript og grunnleggende PHP. Og først så Git, API-er og regulære uttrykk. Hver tekst svarer på et konkret spørsmål, i stedet for å prøve å dekke alt på én gang.

Seksjonen er knyttet til WordPress-kategorien. Når koden angår selve WP-motoren, hooks, functions.php eller plugins, fører vi deg dit. Her er alt som er universelt og nyttig på ethvert prosjekt. En CSS-snippet vil legge seg like fint på en landingsside, en blogg og en nettbutikk.

Innholdet oppdateres jevnlig i tråd med nye standarder og verktøyversjoner. Språk utvikler seg, gamle teknikker blir foreldet, nye dukker opp. Vi holder eksemplene fungerende, i stedet for å la kode fra ti år tilbake bli liggende. Setter du opp layout, skriver du skript eller lærer du Git? Kom tilbake hit hver gang du trenger å finne ut av kode eller plukke opp en ferdig løsning.