You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
2.3 KiB
45 lines
2.3 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "7965cd2bc5dc92ad888dc4c6ab2ab70a",
|
|
"translation_date": "2025-08-27T22:44:47+00:00",
|
|
"source_file": "3-terrarium/README.md",
|
|
"language_code": "hr"
|
|
}
|
|
-->
|
|
# Moj Terarij: Projekt za učenje o HTML-u, CSS-u i manipulaciji DOM-a pomoću JavaScripta 🌵🌱
|
|
|
|
Mala vježba povuci i ispusti. Uz malo HTML-a, JS-a i CSS-a, moći ćete izraditi web sučelje, stilizirati ga i dodati više interakcija po vašem izboru.
|
|
|
|
|
|
|
|
# Lekcije
|
|
|
|
1. [Uvod u HTML](./1-intro-to-html/README.md)
|
|
2. [Uvod u CSS](./2-intro-to-css/README.md)
|
|
3. [Uvod u DOM i zatvaranja u JS-u](./3-intro-to-DOM-and-closures/README.md)
|
|
|
|
## Zasluge
|
|
|
|
Napisano s ♥️ od strane [Jen Looper](https://www.twitter.com/jenlooper)
|
|
|
|
Terarij kreiran pomoću CSS-a inspiriran je staklenkom Jakuba Mandre na [codepen](https://codepen.io/Rotarepmi/pen/rjpNZY).
|
|
|
|
Umjetnički rad ručno je nacrtala [Jen Looper](http://jenlooper.com) uz pomoć Procreate-a.
|
|
|
|
## Objavite svoj Terarij
|
|
|
|
Možete objaviti svoj terarij na webu koristeći Azure Static Web Apps.
|
|
|
|
1. Forkajte ovaj repo
|
|
|
|
2. Pritisnite ovaj gumb
|
|
|
|
[](https://portal.azure.com/?feature.customportal=false&WT.mc_id=academic-77807-sagibbon#create/Microsoft.StaticApp)
|
|
|
|
3. Prođite kroz čarobnjak za kreiranje vaše aplikacije. Pobrinite se da postavite korijen aplikacije na `/solution` ili korijen vaše baze koda. U ovoj aplikaciji nema API-ja, pa se ne morate brinuti oko dodavanja istog. Github mapa bit će kreirana u vašem forkovanom repozitoriju koja će pomoći Azure Static Web Apps servisima da izgrade i objave vašu aplikaciju na novu URL adresu.
|
|
|
|
---
|
|
|
|
**Odricanje od odgovornosti**:
|
|
Ovaj dokument je preveden pomoću AI usluge za prevođenje [Co-op Translator](https://github.com/Azure/co-op-translator). Iako nastojimo osigurati točnost, imajte na umu da automatski prijevodi mogu sadržavati pogreške ili netočnosti. Izvorni dokument na izvornom jeziku treba smatrati autoritativnim izvorom. Za kritične informacije preporučuje se profesionalni prijevod od strane čovjeka. Ne preuzimamo odgovornost za bilo kakva nesporazuma ili pogrešna tumačenja koja proizlaze iz korištenja ovog prijevoda. |