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