Witryny i Aplikacje

Lekcja organizacyjna. Zapoznanie z programem nauczania i wymaganiami edukacyjnymi.

Regulamin pracowni komputerowej i przepisy BHP.

Zadanie - karta bohatera

Zadanie - kawiarnia

Zadanie - szachownica

Elementy Listy

Zadanie z listami

Dodatkowe zadanie z listami

Tabele - wprowadzenie

Zadanie z tabelami

Dodatkowe zadanie z tabelami

Formularze w HTML

Zadanie formularze

Dodatkowe zadanie z formularzami

Typy input

Zadanie - typy input

Dodatkowe zadanie z input

Menu restauracji

Zadanie menu restauracji

Row Content

Znacznik <img> - obraz

Zadnie z wykorzystaniem <img>

Właściwości <img> + CSS - teoria i zadania

CSS wprowadzenie

Właściwości CSS - tekst

Zadanie CSS - tekst

Zadanie dodatkowe CSS - tekst

CSS - margin i padding

Zadania margin padding - dodatkowe

Zadania CSS dodatkowe

Zadanie 1 - Header

Dokumentacja CSS

Zadanie 2 - Tabele

Tabele - dokumentacja

Zadanie 3 - plansza Sudoku

Wyjaśnienie selektora nth:child

Zadanie 4 - formatowanie tekstu

Flexbox - wprowadzenie

Zadanie 5 - galeria flex/grid

CSS Grid - wprowadzenie

Zadania - Flexbox

Flexbox - Żabki

Zadania CSS Grid

CSS Grid Garden

Wyjaśnienie Flex - w3s

Wyjaśnienie Grid - w3s

Flexbox - Grid - zadanie końcowe

Zadanie przypominające HTML - CSS

Media Queries w CSS

GIMP - edycja obrazów i animacje

Zadanie 6 - Formularz i mapa

Zadanie 7 - Footer + złożenie całej strony

Wyjaśnienia zagadnień - pomoc do zadań

Zadanie 8 - zadania przypominające JS

Zadanie 9 - Zadania z JS cz. I

Zadanie 10 - Zadania z JS cz. II

Przechodzimy na stronę podaną po lewej, tam importujemy bazę i wykonujemy zadania.

Zadania z baz danych

Zadania z baz cz. II

Zadania z baz cz. III

Zadanie egzaminacyjne 1 - TrainTravel

Zadanie egzaminacyjne 2 - Stadnina koni

Zadanie egzaminacyjne 3 - Kwiaciarnia

Zadanie egzaminacyjne - Panele (JS + GIMP)

Zadanie - ważenie aut (PHP)

Zadanie - VOD (PHP)

Zadanie - Konferencja (JS)

Zadanie - Fryzjer (JS)

Zadanie - Terminarz (PHP)

Zadanie - Team (JS)

Zadanie egzaminacyjne 4 - Księgarnia

Zadanie egzaminacyjne 5 - Giełda Transportowa