Napisz własną stronę — i od razu ją zobaczysz. Piszesz kod po lewej, wynik pojawia się po prawej bez odświeżania. Zmień predefiniowane szablony albo zacznij od zera.
HTML5CSS3JavaScriptDOMResponsive
live editor — pisz i patrz
Kod po lewej, efekt po prawej
To jest Twój plac zabaw. Edytuj HTML i CSS po lewej stronie — wynik aktualizuje się automatycznie. Kliknij preset żeby załadować gotowy szablon.
📄 index.html
🎨 style.css
⚡ script.js
✏️ EDYTOR — wpisz kod
👁️ PODGLĄD — wynik na żywo
jak to działa
5 kroków do własnej strony
1
HTML — szkielet strony
<div>, <h1>, <p>, <img> — to elementy budulcowe. Każda strona to drzewo tagów. Zrozumienie tego to 30% drogi do frontendu.
2
CSS — wygląd i styl
color, background, flexbox, grid, animations — CSS zamienia szary tekst w piękną stronę. border-radius: 12px zmienia świat.
3
JavaScript — interakcja
onclick, addEventListener, getElementById — JS sprawia że strona żyje. Kliknięcia, animacje, pobieranie danych z API.
4
Responsive Design — działa na każdym ekranie
@media queries, flexbox, viewport units — Twoja strona musi wyglądać na telefonie tak samo jak na monitorze 4K.
5
Deploy — wrzucasz w internet
GitHub Pages, Netlify, Vercel — za darmo. Twoja strona dostępna dla całego świata pod własnym linkiem.
$ chcesz zbudować własny sklep?
W INF.03 robisz strony z PHP + MySQL — pełny backend, panel admina, koszyk.