Zmajski ugriz v tehnologijo - digitalna pustolovščina v Šiški: delavnica programiranja
Ponedeljek, 23. 12. 2024
17.30 - 19.00
Mladi zmaji Šiška, Tugomerjeva 2, 1107 Ljubljana
Mladi zmaji, Sofia Melian Belen / PwC
Prijave več niso možne
Direktno iz Argentine v Šiško prihaja Sofia, izkušena mentorica, ki te bo popeljala v svet spletnega programiranja. Na štirih srečanjih boš spoznal/a osnove HTML, CSS in JavaScripta ter pridobil/a znanje za ustvarjanje kompleksnejših in vizualno privlačnih spletnih strani. Prilika, da se naučiš jezika prihodnosti in soustvarjaš digitalni svet!
1. srečanje: Uvod v HTML
Cilj: Spoznati osnovno strukturo in elemente HTML
Pokrita področja:
- kaj je HTML in njegova vloga pri spletnem oblikovanju
- osnovne strukture HTML dokumentov (<!DOCTYPE html>, <html>, <head>, <body>)
- Pogoste HTML značke (<h1> to <h6>, <p>, <a>, <img>, <ul>, <ol>, <li>, <div>, <span>)
- ustvarjanje hiperpovezav in dodajanje slik
- uporaba elementov za obliko in vnos (<form>, <input>, <textarea>, <button>, <select>, <option>)
Praktična vaja: izdelaj preprosto spletno stran z naslovom, odstavkom, sliko in seznamom najljubših spletnih strani.
2. srečanje: Uvod v CSS
Cilj: Oblikovanje HTML elementov s pomočjo CSS
Pokrita področja:
- kaj je CSS in njegova vloga pri spletnem oblikovanju
- osnovne sintakse in strukture CSS
- CSS izbirniki (tag, class, id) in specifike
- Inline, notranji in zunanji CSS
- pogoste oblikovne lastnosti CSS (barva, font, velikost fonta, barva ozadja, obrobe, robovi, razmaki)
- Bootstrap (če bo čas)
Praktična vaja: slogovno oblikuj svojo spletno stran s 1. srečanja, dodaj različne barve, fonte in končne popravke.
3. srečanje: Uvod v JavaScript
Cilj: Spoznaj osnove JavaScript za dodajanje interaktivnosti spletnim stranem.
Pokrita področja:
- kaj je JavaScript in njegova vloga pri spletnem oblikovanju
- vključitev JavaScript v HTML (inline, notranje, zunanje)
- osnovne vrste sintaks in podatkov (nizi, številke, puščice, predmeti)
- različice in operaterji
- osnovne kontrolne strukture (pogoji: if, then; ponovitve: for, while)
- funkcije in dogodki
Praktična vaja: Dodaj JavaScript funkcijo svoji spletni strani, ki prikaže obvestilo, ko klikneš na gumb, in spremeni besedilo elementa, ko pritisneš na drug gumb.
4. srečanje: Vključitev HTML, CSS in JavaScript
Cilj: Združiti HTML, CSS in JavaScript za ustvarjanje dinamične spletne strani.
Pokrita področja:
- kako skupaj delujejo HTML, CSS in JavaScript
- DOM (Document Object Model) manipulacija
- izbira in prilagoditev HTML elementov z uporabo JavaScript (getElementById, querySelector, innerHTML, style properties)
- dodajanje in upravljanje dogodkov (click, mouseover, mouseout)
- osnovno potrjevanje obrazcev
- uvod v odzivni dizajn (media queries)
Praktična vaja: Ustvari interaktivno spletno stran, ki vključuje potrjevalne in dinamične posodobitve. Uporabi CSS za odzivni dizajn, da bo spletna stran videti dobro na vseh napravah.
Potrebna je prijava