Progettare siti statici con Eleventy Layouts

Creare strutture di pagina coerenti in un sito web statico non dovrebbe significare copiare e incollare codice.I layout di Eleventy ti consentono di avvolgere i tuoi contenuti in modelli riutilizzabili, mantenendo la tua base di codice asciutta e altamente manutenibile. Questo corso ti guida attraverso i concetti fondamentali del motore di modellazione di Eleventy, mostrandoti come definire, nidificare e gestire i layout per qualsiasi progetto web statico.Passerai dalla scrittura di HTML ripetitivo all'architettura di gerarchie di modelli intelligenti e scalabili.Cosa imparerai:1. Comprendere i concetti fondamentali del generatore di siti statici e come Eleventy struttura i progetti. 2. Creare layout di base riutilizzabili per avvolgere le pagine di contenuto in modo trasparente. 3. Implementare il collegamento di layout per nidificare i modelli per strutture di pagine complesse. 4. Configurare le impostazioni moderne di Eleventy utilizzando i file di configurazione JavaScript. 6. Applicare HTML semantico e strutture reattive all'interno dei file di modello. Iniziamo con la terminologia di base dei generatori di siti statici e l'installazione di base di Eleventy. Da lì, leggerai spiegazioni scritte passo-passo ed esempi di codice, passando da semplici layout a file singolo a complessi sistemi di modelli nidificati.Questo corso è progettato per sviluppatori web, designer e hobbisti che sono nuovi a Eleventy o generatori di siti statici. La familiarità con HTML e CSS di base è utile, ma non è richiesta alcuna esperienza precedente con Eleventy.Inizia a costruire siti web statici più puliti e veloci oggi leggendo la nostra guida completa ai layout Eleventi.