Vanilla

Komme i gang med Vanilla

Oversikt

Vanilla-malen er et enkelt prosjekt med HTML, CSS, JavaScript og PHP. Den gir et rent utgangspunkt uten tunge rammeverk og gir deg full kontroll over kodestrukturen din.

Komme i gang

Etter at du har klonet repository, kan du starte umiddelbart:

1

Klon repository

Prosjektet er klart til bruk umiddelbart etter kloning.

2

Konfigurer database (valgfritt)

Hvis du bruker PHP med MySQL, oppdaterer du databasepåloggingen i PHP-filene dine.

$host = 'din-host';
$dbname = 'din-database';
$username = 'ditt-brukernavn';
$password = 'ditt-passord';
3

Start utviklingen

Rediger HTML-, CSS-, JavaScript- og PHP-filer direkte.

Prosjektstruktur

├── index.html          # Hoved-HTML-fil
├── css/
│   └── style.css       # Stilark
├── js/
│   └── script.js       # JavaScript-filer
├── php/
│   └── api.php         # PHP backend-filer
├── images/             # Bilderessurser
└── README.md           # Prosjektdokumentasjon

Viktige teknologier

HTML5

Struktur sidene dine med semantiske HTML-elementer.

CSS3

Stil sidene dine med moderne CSS-funksjoner som Flexbox og Grid.

JavaScript

Legg til interaktivitet med vanilla JavaScript - ingen biblioteker nødvendig.

PHP

Bygg backend-funksjonalitet med PHP for serverside-prosessering.

Databasetilkobling (PHP)

<?php
$host = 'localhost';
$dbname = 'databasenavn';
$username = 'brukernavn';
$password = 'passord';

try {
    $pdo = new PDO("mysql:host=$host;dbname=$dbname", $username, $password);
    $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
} catch(PDOException $e) {
    die("Tilkobling mislyktes: " . $e->getMessage());
}
?>
For mer informasjon, se MDN Web Docs for HTML-, CSS- og JavaScript-dokumentasjon.