PODSTAWY TECHNOLOGII WEBOWYCH

~ LAB-A ~

</>
#

LAB‑A to laboratorium poświęcone tworzeniu struktury stron oraz ich stylowaniu z użyciem HTML i CSS. To tutaj powstały pierwsze layouty, typografia i fundamenty wizualne całego projektu.

~ LAB-B ~

</>
#
JS

LAB‑B prezentuje interaktywną To‑Do Listę z wieloma funkcjonalnościami opartymi na JavaScript. Znajdziesz tu dynamiczne dodawanie, usuwanie, filtrowanie i zarządzanie zadaniami w czasie rzeczywistym.

~ LAB-C ~

</>
#
JS

LAB‑C pozwala wybrać dowolny fragment mapy Leaflet i przekształcić go w obraz rastrowy za pomocą Canvas. Ten wygenerowany obraz jest następnie cięty na puzzle 4x4, które użytkownik może układać metodą drag & drop.

~ LAB-D ~

</>
#
JS

LAB-D to aplikacja wykorzystująca REST API do pobierania i wyświetlania aktualnej pogody oraz prognozy 5-dniowej dla wybranej miejscowości z użyciem XMLHttpRequest i Fetch API.

~ LAB-E ~

</>
#
TS

LAB-E to aplikacja typu SPA stworzona w TypeScript, w której style CSS są dynamicznie przełączane bez przeładowania strony. Projekt wykorzystuje Vite oraz manipulację DOM do zarządzania stanem aplikacji i podpinania arkuszy stylów w czasie rzeczywistym.

Legenda

~

- Laboratorium wspierane przez GitHub Pages;

~

- Laboratorium nie wspierane przez GitHub Pages;

</>

- Laboratorium wykorzystuje HTML;

#

- Laboratorium wykorzystuje CSS;

JS

- Laboratorium wykorzystuje JavaScript;

TS

- Laboratorium wykorzystuje TypeScript.