Gatsby
Javascript kursus

Tund 4. Portfoolio projekt

Kui töökeskkond on ette valmistatud ja oled kindlaks teinud, et saad oma arvutil panna püsti lihtsa veebilehe, võid alustada järgmise loomingulise projektiga. Praegu teeme lihtsa portfoolio sinu töö näitamiseks või veebilehe väikese ettevõtte jaoks.

Mis on portfoolio?

Tihti on loomingulistel inimestel, nt fotograafid, arhitektid ja disainerid, oma parimate tööde näitamiseks veebileht. Veebiarendajad teevad enda oskuste näitamiseks samamoodi. Portfoolio on enda eelmiste tööde näitamiseks tööandjatele ja lisatakse nt CV-le.

Gatsby starterid

Kuigi portfoolio või muu veebilehe tegemine algusest peale on väga hea mõte, kasutades Gatsby starterit saab seda teha kiiremini ja mugavalt. Siin on starter, mida meie kasutame: Portfoolio starteri link

gatsby new gatsby-simplefolio https://github.com/cobidev/gatsby-simplefolio

Veel huvitavaid startereid, mida saab kasutada teistsuguste veebilehtede loomiseks: Gatsby starterid

Komponendid

Ava components kaust ja uuri App.jsx failis, millises järjekorras on kasutatud komponente. Duplikeeri mõni komponent või kustuta. Vaata, mis juhtub sinu veebilehega. Need komponendid asuvad samanimelistes kaustades, vaata, kuidas need on kirjutatud.

Veebilehe muutmine

Veebilehel näidatav info asub src/mock/data.js failis. Proovi see lahti teha ja muuta väärtusi.