Lanaco x IT Girls online izazov

U susret Međunarodnom danu djevojčica i djevojaka u IKT-u koji se ove godine obilježava 22. aprila,
Lanaco x IT Girls vam donose treći online izazov

  • Imaš između 15 – 20 godina?
  • Zanima te IT i voliš izazove?
  • Imaš tim od najviše tri djevojke?
  • Onda je ovo prava prilika za tebe!

Proces učestvovanja u online izazovu je zaista jednostavan:

  • Imaš četiri dana da odgovoriš na sljedeći izazov,
  • pošalješ svoj odgovor u Word formatu na [email protected],
  • navedeš članice svog tima, kao i kontakt podatke,
  • i ukoliko tvoj odgovor bude najbolji – očekuj da ti se javimo u što skorijem periodu.

Pobjednice ćemo pozvati na online druženje 22.04. i ujedno uručiti vrijedne nagrade.

U slučaju dodatnih pitanja vezanih za izazov, pišite nam na [email protected] ili [email protected]

Izazov

Kreiranje galerije fotografija

O izazovu:

  • Želite kreirati jedinstveno i pregledno mjesto za čuvanje omiljenih fotografija?
  • Želite na autentičan način napraviti foto galeriju?
  • Potrebna su vam dodatna upustva kako to da uradite a da rezultat vaše ideje bude nagrađen?

Detaljnije o zadatku 1:

  • Napravite galeriju upload-ovanih fotografija i rasporedite po odgovarajućim albumima
  • Početna strana je prikaz albuma
  • Klik na željeni album vodi nas na pregled fotografija iz datog albuma

Detaljnije o zadatku 2:

  • Na svakoj od fotografija omogućite ostavljanje like-a, brisanje, te uvećan prikaz fotografije (uvećanje u modalu)
  • Za svaku od fotografija potrebo je naznačiti naziv, format i datum objave

Upustvo:

  • Dizajn galerije prepuštamo vama
  • Da biste završili svoj projekat potrebno je da koristite sljedeće: HTML, SCSS (CSS), JS
  • Naša preporuka je da koristite Visual Studio Code Editor. Ukoliko ste vještije u nekom drugom Code editor-u možete ga koristiti
  • Ukoliko budete kucali SCSS kod, Visual Studio Code Editor vam nudi opciju uključivanja Live Sass Complier-a (SCSS sintaksta vam omogućava korištenje varijabli, mixin-a, bolju čitljivost i slično)
  • Za layout koristite css grid/flex
  • Lajkovanje fotografija uradite na jednostavan način, uradite toggle klase u JS kodu
  • Uvećanu sliku prikažite u modalu
  • Primjeri korisnih stranica za ikonice i slike možete pronaći na sljedećim linkovima:

Sretno!


Postani IT Girl
Klikni ovdje