Mario Blažeka
🎓 Osobna web stranica | Kolegij: Web aplikacije
Informativni sadržaj sa primjerima web alata za edukaciju
👨💻 O meni
Pozdrav! Ja sam Mario Blažeka, student na Fakultetu informatike. Ova web stranica je izrada u sklopu kolegija Web aplikacije.
Na ovoj stranici ćete pronaći edukativne materijale, primjere koda i pregled raznih web alata koji se koriste u modernoj web razvoj praksi.
🛠️ Web alati za edukaciju
Evo pregleda najvažnijih web alata koji se koriste u kolegiju Web aplikacije:
📱 Frontend - Rad sa korisničkim sučeljem
HTML5
Verzija: HTML5 (2024)
Opis: Osnovna struktura web stranica.
- Semantički HTML elementi
- Multimedija (audio, video)
- Forme i validacija
CSS3
Verzija: CSS3 (Moduli)
Opis: Stilizacija i responsive dizajn.
- Flexbox & Grid sustavi
- Animacije i prijelazi
- Media queries (responsive)
JavaScript (ES6+)
Verzija: ECMAScript 2024
Opis: Interaktivnost na web stranicama.
- DOM manipulacija
- Event handling
- REST API pozivi
Bootstrap 5
Verzija: 5.3.x
Opis: CSS framework za brzu izradou responsive web stranica.
- Grid sistem (12 stupaca)
- Gotove komponente
- Responsive breakpoints
React.js
Verzija: 18.x
Opis: Biblioteka za izgradnju interaktivnih sučelja.
- Komponente i JSX
- State management
- Hooks
Vue.js
Verzija: 3.x
Opis: Progressive framework za web aplikacije.
- Reaktivni podaci
- Two-way binding
- Direktivne
🖥️ Backend - Server-side razvoj
Node.js
Verzija: 20.x LTS
Opis: JavaScript runtime za server-side aplikacije.
- Non-blocking I/O
- Event-driven arhitektura
- NPM ekosistem
Express.js
Verzija: 4.x
Opis: Minimalistički web framework za Node.js.
- Routing
- Middleware
- REST API razvoj
PHP
Verzija: 8.2+
Opis: Server-side scripting jezik za web razvoj.
- Server-side rendering
- Baza podataka integracija
- Session management
Python
Verzija: 3.11+
Opis: Fleksibilan jezik za web i podatkovne analize.
- Django framework
- Flask mikro-framework
- Artificial Intelligence
Baze podataka (SQL)
Verzije: MySQL, PostgreSQL, SQLite
Opis: Pohrana i upravljanje strukturiranim podacima.
- CRUD operacije
- Transakcije
- Indeksiranje
MongoDB (NoSQL)
Verzija: 6.x+
Opis: NoSQL baza za fleksibilnu pohranu podataka.
- JSON dokumenti
- Skalabilnost
- Fleksibilan šema
⚙️ DevOps, verzioniranje i alati
Git & GitHub
Verzija: Git 2.40+
Opis: Sustav za verzioniranje koda i suradnja.
- Commit & Push/Pull
- Branch management
- GitHub Pages
Docker
Verzija: 24.x
Opis: Kontejnerizacija za brzu deploymentaciju.
- Docker Images
- Kontejneri
- Docker Compose
Visual Studio Code
Verzija: 1.85+
Opis: Najpopularniji editor za web razvoj.
- IntelliSense
- Debugger
- Extensions
npm & Yarn
Verzija: npm 10.x, Yarn 4.x
Opis: Package managers za JavaScript dependencije.
- Instalacija paketa
- Versioniranje
- Script runner
Webpack / Vite
Verzija: Webpack 5.x, Vite 5.x
Opis: Bundleri i build alati za optimizaciju.
- Code splitting
- Asset minification
- Hot module reload
Postman
Verzija: 11.x
Opis: Alat za testiranje REST API-ja.
- API zahtjevi
- Automatizirana testiranja
- Dokumentacija
📚 Edukativni resursi i platforme
MDN Web Docs
Izdavač: Mozilla Foundation
Opis: Osnovna dokumentacija za web tehnologije.
- HTML, CSS, JavaScript
- Web API-ji
- Best practices
Codecademy
Tip: Interaktivna platforma
Opis: Online tečajevi za programiranje.
- Hands-on vježbe
- Instant povratne informacije
- Certificate
FreeCodeCamp
Tip: Besplatna platforma
Opis: Besplatni tečajevi i videozapisi za web razvoj.
- Video tečajevi
- Certifikati
- Projekti
Stack Overflow
Tip: Q&A platforma
Opis: Najveća zajednica za rješavanje problema.
- Pitanja i odgovori
- Tagging sustav
- Reputacija
W3Schools
Tip: Tutorial stranica
Opis: Jednostavni tutoriali za web tehnologije.
- HTML, CSS, JS tutoriali
- "Try it Yourself" editor
- Reference
GitHub Learning Lab
Tip: Praktični tečajevi
Opis: Tečajevi za Git i GitHub s projektima.
- Git & GitHub osnove
- Kolaboracija
- CI/CD
♿ Pristupačnost – WCAG Standards
The Web Content Accessibility Guidelines (WCAG) su temeljne smjernice za pristupačnost web sadržaja. Ova stranica slijedi WCAG 2.1 Level AA standarde za pristupačnost svima.
POUR principi:
- P – Perceivable: Svi elementi su vidljivi i dostupni svim osjetilima
- O – Operable: Sadržajem se može upravljati tipkovnicom
- U – Understandable: Informacije su jasne i razumljive
- R – Robust: Funkcionira u svim preglednicima i tehnologijama
🍪 Politika kolačića
Ova stranica koristi kolačiće samo za poboljšanje korisničkog iskustva. Nema praćenja treće strane.
📞 Kontakt
Email: mario@example.com
GitHub: github.com/marioblazeka
Fakultet: Fakultet informatike - Kolegij: Web aplikacije
Akademska godina: 2025/2026