Semantyczny HTML od podstaw - Nauczysz się budować poprawną strukturę strony w HTML, używać najważniejszych znaczników i przygotowywać przejrzysty kod, który łatwiej rozwijać, testować i publikować.
Stylowanie stron w CSS - Opanujesz selektory, klasy, identyfikatory, kolory, czcionki, marginesy i obramowania, dzięki czemu samodzielnie nadasz stronie czytelny układ i spójny wygląd.
Tworzenie elementów interfejsu - Dowiesz się, jak budować listy, linki, tabele, formularze i osadzać grafiki, więc przygotujesz kompletne podstrony, z którymi użytkownik może wygodnie pracować.
JavaScript do działania strony - Nauczysz się używać zmiennych, funkcji, operatorów, warunków, pętli i tablic, aby dodawać logikę do strony oraz tworzyć proste mechanizmy reagujące na działania użytkownika.
Praca z DOM i przeglądarką - Zrozumiesz, jak pobierać elementy strony i modyfikować je przez DOM oraz jak korzystać z obiektów window, document, history i location w praktycznych scenariuszach.
Unikanie typowych błędów - Poznasz najczęstsze pomyłki w HTML, CSS i JavaScript, dzięki czemu szybciej znajdziesz przyczynę problemu, poprawisz kod i ograniczysz frustrację podczas pracy nad projektem.
Podstawy PHP po stronie serwera - Zdobędziesz praktyczne podstawy PHP: zmienne, tablice, funkcje, warunki i pętle, co pozwoli Ci lepiej rozumieć działanie prostych aplikacji i formularzy po stronie serwera.
Publikacja gotowej strony - Przejdziesz od lokalnych plików do opublikowanej strony, więc zobaczysz, jak przygotować projekt do wdrożenia i udostępnić go na serwerze, aby był dostępny online.
HTML jest przedstawiany jako podstawowy język opisu struktury strony internetowej. Uczestnicy poznają jego zapis, układ prostego dokumentu, elementy tworzące szkielet strony oraz miejsce, jakie w tym modelu zajmują kaskadowe arkusze stylów.
Poprawna budowa dokumentu HTML opiera się na kilku podstawowych znacznikach organizujących całą stronę. Sekcja wyjaśnia rolę HTML, HEAD, TITLE i BODY oraz pokazuje, jak stosować komentarze, aby opisywać kod bez wpływu na wynik wyświetlany w przeglądarce.
Czytelna struktura treści zaczyna się od właściwego użycia nagłówków i akapitów. Ta część pokazuje, jak znaczniki H i P porządkują dokument HTML, wyznaczają sekcje tekstu i wpływają na logiczny układ informacji na stronie.
Listy porządkują informacje i pomagają budować czytelną hierarchię treści na stronie. Uczestnicy pracują z listą numerowaną, wypunktowaną i definicji, a także z listami zagnieżdżonymi, które pozwalają prezentować bardziej rozbudowane struktury informacji.
Sprawna nawigacja w serwisie zależy od poprawnie zbudowanych odnośników. Moduł koncentruje się na znaczniku A, tworzeniu łączy do stron lokalnych, odwołaniach do zakotwiczonych fragmentów dokumentu oraz linkach pocztowych z wykorzystaniem mailto.
HTML udostępnia mechanizmy formatowania tekstu oparte zarówno na znaczeniu, jak i na efekcie wizualnym. Uczestnicy rozróżniają style logiczne i fizyczne, aby świadomie dobierać znaczniki do struktury treści oraz sposobu prezentacji na stronie.
Za pomocą CSS można precyzyjnie sterować wyglądem tekstu i jego odbiorem na stronie. Sekcja obejmuje ozdabianie tekstu, właściwości czcionek, wyrównanie, kroje pisma i rozmiar, a także tekst predefiniowany, linię poziomą, cytaty, znaki specjalne oraz krótkie zadania praktyczne.
Elementy graficzne i kolorystyczne wpływają na czytelność strony oraz sposób rozmieszczenia treści. Materiał obejmuje zmianę koloru tła i tekstu, wstawianie oraz skalowanie obrazów, ich wyrównywanie, oblewanie tekstem, użycie jako hiperłączy i ustawianie obramowań.
Praca z tabelami wymaga jednoczesnego panowania nad strukturą danych i sposobem ich prezentacji. W tej części omawiane są znaczniki tabel, szerokość, obramowania, kolory, wyrównanie komórek, grupowanie kolumn i wierszy oraz atrybuty FRAME i RULES, także w kontekście przestarzałych układów.
CSS odpowiada za sposób wyboru i prezentacji elementów bez zmiany samej struktury HTML. Uczestnicy pracują z osadzaniem arkuszy stylów, selektorami, klasami, identyfikatorami i jednostkami miar oraz z właściwościami rozmiaru, obramowań, marginesów, wypełnień i float.
Formularze stanowią podstawowy mechanizm komunikacji użytkownika ze stroną internetową. Zakres obejmuje budowę formularza, typy pól, etykiety, grupowanie elementów, kolejność nawigacji, pola ukryte i tylko do odczytu, a także formatowanie interfejsu przy użyciu CSS.
Po zakończeniu prac nad kodem strona musi zostać poprawnie umieszczona na serwerze i udostępniona użytkownikom. Sekcja dotyczy końcowego etapu wdrożenia, ze wskazaniem praktycznych kwestii związanych z publikacją plików poza środowiskiem lokalnym.
Każdy skrypt operuje na wartościach, których typ wpływa na sposób dalszego przetwarzania. Moduł skupia się na liczbach, łańcuchach znaków i wartościach logicznych, pokazując, jak typ danych oddziałuje na operacje, warunki i zachowanie programu.
Praca ze zmiennymi zaczyna się od ich tworzenia i poprawnego wykorzystania w logice skryptu. Istotnym elementem jest zasięg zmiennych, dzięki czemu uczestnicy rozróżniają kontekst globalny i lokalny oraz unikają błędów wynikających z niewłaściwej widoczności danych.
Funkcje są wprowadzane jako sposób grupowania instrukcji w nazwane, wielokrotnie wywoływane bloki kodu. Ta część wyjaśnia, dlaczego taki podział ułatwia organizację skryptów, wspiera ponowne użycie rozwiązań i porządkuje realizację odrębnych zadań.
Przetwarzanie tekstu jest omawiane na przykładzie popularnych metod JavaScript używanych w codziennej pracy ze stroną. Uczestnicy ćwiczą wyszukiwanie przez indexOf(), zamianę fragmentów za pomocą replace(), wycinanie substring() oraz dzielenie tekstu funkcją split().
Operatory odpowiadają za obliczenia, porównania, łączenie warunków i przypisywanie wartości w kodzie. Sekcja obejmuje operatory arytmetyczne, inkrementacji i dekrementacji, porównania, logiczne oraz przypisania, pokazując ich wpływ na wyrażenia i decyzje programu.
Logika działania programu często zależy od właściwego rozgałęzienia kodu w zależności od warunków. Uczestnicy pracują z if, if...else i if...elseif, poznają zagnieżdżenia oraz bardziej złożone warunki, a także stosują switch przy wielu możliwych wariantach.
Wielokrotne wykonywanie tych samych operacji wymaga dobrania odpowiedniej konstrukcji sterującej. Materiał obejmuje pętle for, while i do...while, a następnie pokazuje zagnieżdżenia oraz użycie break i continue do kontrolowania przebiegu iteracji.
Tablice służą do przechowywania powiązanych danych w jednej strukturze zamiast w wielu oddzielnych zmiennych. W tej sekcji uczestnicy tworzą tablice, zapisują i odczytują wartości oraz pracują na indeksach, aby sprawnie obsługiwać zbiory danych w skryptach.
Obiekty udostępniane przez przeglądarkę wyznaczają sposób komunikacji skryptu ze stroną i jej otoczeniem. Praca z Window, document, history i location pokazuje, jak sterować dokumentem, obsługiwać nawigację oraz wykonywać operacje związane z adresem strony.
Dostęp do elementów strony przez DOM pozwala odczytywać i modyfikować strukturę dokumentu HTML z poziomu skryptu. Część ta koncentruje się na wyszukiwaniu elementów w drzewie dokumentu i wykorzystaniu tego mechanizmu do budowy dynamicznych zachowań interfejsu.
Najczęściej spotykane błędy są analizowane z perspektywy pracy ze skryptami po stronie klienta i serwera. Uczestnicy uczą się rozpoznawać źródła problemów, interpretować nieoczekiwane działanie kodu oraz stosować praktyki, które ograniczają liczbę pomyłek podczas tworzenia i testów.
Podstawowe elementy PHP są przedstawione w układzie potrzebnym do budowania działających skryptów. Zakres obejmuje zmienne, stałe, typy danych i tablice, a także instrukcje warunkowe, pętle oraz użycie break i continue do sterowania przebiegiem programu.
Tworzenie własnych funkcji w PHP porządkuje kod i pozwala wydzielać powtarzalną logikę do osobnych bloków. Sekcja obejmuje składnię funkcji, przekazywanie argumentów oraz zwracanie wartości, dzięki czemu skrypty stają się czytelniejsze i łatwiejsze w rozwijaniu.
Funkcje wbudowane PHP są omawiane według ich zastosowania: operacje tekstowe, obsługa daty i czasu oraz funkcje matematyczne. Uczestnicy uczą się dobierać gotowe mechanizmy do typowych zadań, zamiast tworzyć własne rozwiązania dla prostych przekształceń i obliczeń.
Podstawowa obsługa komputera - Powinieneś sprawnie korzystać z komputera, klawiatury i myszy, tworzyć foldery oraz zapisywać i odnajdywać pliki, bo na szkoleniu będziesz pracować z wieloma dokumentami projektu.
Sprawne korzystanie z przeglądarki - Powinieneś swobodnie używać przeglądarki internetowej, otwierać karty, pobierać pliki i wklejać adresy, ponieważ będziesz testować strony oraz sprawdzać efekty swojej pracy.
Podstawy pracy z tekstem - Powinieneś umieć pisać na klawiaturze, kopiować, wycinać i wklejać tekst oraz dbać o dokładność zapisu, bo szkolenie wymaga samodzielnego tworzenia i edycji kodu.
Gotowość do nauki składni - Powinieneś być gotów uczyć się nowych poleceń i zapisów technicznych, bo podczas kursu będziesz pracować z HTML, CSS, JavaScript oraz podstawami PHP krok po kroku.
