Website editabil cu Contentful CMS

Acest curs de web development te ajută să treci de la o pagină HTML statică la o pagină dinamică care își ia conținutul prin API dintr-un CMS. Cu doar câteva linii de cod, te vei integra cu API-ul Contentful pentru retragerea conținutului și vei învață cum să-ți definești structura paginii într-un CMS de tip headless. La finalul cursului îți publici site-ul gratuit pe internet cu ajutorul lui gît și GitHub Pages.

01 – Obiectivele cursului

Obiectivul acestui curs este de a te învăța cum sa treci de la o pagină HTML statică la o pagină dinamică care își ia conținutul prin API dintr-un CMS.

02 – Cunoștințe necesare

Ai nevoie doar de cunoștințele WebDev de baza, să știi HTML și CSS și puțin Javascript. Dacă vrei să publici site-ul pe github.io, va trebui să ai și cunoștințe de bază de Git și github.com.

03 – Setup necesar

Ai nevoie de VSCode pentru a edita codul, de un cont pe canva.com (editor grafic), de un cont pe github.com (ptr repo și publicarea site-ului), un cont pe contentful.com (pentru intorducerea datelor) și să ai Git instalat.

04 – Cui se adresează cursul

Celor care au cunoștințe webdev de bază, știu să facă o pagină în HTML/CSS dar nu știu cum să populeze pagina în mod dinamic cu date venite de pe internet. Cursul se adresează celor ce știu vanilla Javascript și vor să îl folosească pentru a crea un mini site, fără să fie nevoie să folosească și un framework (cum ar fi React).

05 – Cuprinsul cursului

Logo cu Canva
Conținutul site-ului
CMS Contentful – structura datelor și introducerea datelor
Integrarea cu API Contentful
Randarea datelor în pagina
Layoutul și designul site-ului (desktop și mobil)
Metadata pentru SEO
Publicarea site-ului pe github.io

06 – Încheiere

Ai învățat: 

despre CMS-uri headless

integrarea cu Contentful API

despre securitatea cheilor API în Frontend

despre meta date pentru social media