Projektowanie profesjonalnych i niskoemisyjnych stron WWW (Green Coding)

Definicja godziny usługi: Jedna godzina usługi szkoleniowej jest równoznaczna z godziną dydaktyczną i wynosi 45 minut.

Wymiar czasowy: Łączny czas trwania usługi wynosi 18 godzin dydaktycznych. Przerwy nie są wliczane do czasu trwania usługi.

Zgodność z ramą DigComp: Usługa realizuje efekty uczenia się w kluczowych obszarach kompetencji:

• DigComp 3.4 (Programowanie): Tworzenie i modyfikacja kodu źródłowego (HTML5/CSS3).
• DigComp 4.4 (Ochrona środowiska): Rozumienie wpływu technologii na środowisko i stosowanie praktyk Green IT.
• DigComp 5.2 (Rozpoznawanie potrzeb i rozwiązań technologicznych): Dobór ekologicznych rozwiązań hostingowych oraz narzędzi optymalizujących kod.
• DigComp 3.1 (Tworzenie treści cyfrowych): Opracowanie i edycja własnej strony internetowej.

SZCZEGÓŁOWY PROGRAM SZKOLENIA:

DZIEŃ 1 (9h):

1. Środowisko pracy i wstęp do Ekologii Cyfrowej [DigComp 4.4].
2. Semantyczny HTML5 – Struktura zrównoważona [DigComp 3.4].
3. Green Assets – Optymalizacja multimediów i formatów graficznych [DigComp 3.1].
4. Wstęp do CSS3 – Stylowanie odpowiedzialne [DigComp 3.4].
5. Warsztat praktyczny: Implementacja pierwszej strony.

DZIEŃ 2 (9h):

1. Layout i pozycjonowanie elementów (Flexbox/Grid).
2. RWD (Responsive Web Design) i podejście Mobile First [DigComp 3.1].
3. Zaawansowane techniki Green UI/UX (Dark Mode, Fonty) [DigComp 4.4].
4. Hosting, publikacja i minifikacja kodu – dobór narzędzi [DigComp 5.2].
5. Walidacja efektów uczenia się (Egzamin wewnętrzny).

Zgodnie z filozofią Green IT materiały przekazywane są w formie cyfrowej (Formuła Paperless). Uczestnik otrzymuje dostęp do Pakietu Wiedzy Rozszerzonej – autorskich e-booków, które uzupełniają zagadnienia warsztatowe.

W skład pakietu wchodzą:

1. E-book "JavaScript: Narzędzia" (pre-work, opcjonalny)– przygotowanie środowiska pracy dla chętnych przed szkoleniem.
2. E-book "HTML i CSS: Podstawy" (dzień 1) – podręcznik zawierający wbudowane linki do zadań praktycznych na platformie GitHub.
3. E-book "HTML i CSS: Responsywność" (dzień 2)– materiał o technikach RWD, zawierający zestaw zadań wdrożeniowych do samodzielnego wykonania na platformie GitHub (linki w treści).
4. Prezentacja szkoleniowa (PDF): Kluczowe schematy i definicje omawiane na szkoleniu.

WYMAGANIA TECHNICZNE I SPRZĘTOWE (BYOD): Szkolenie w formule "Bring Your Own Device".

• Sprzęt: Wymagany własny, sprawny technicznie komputer, umożliwiający pracę z nowoczesną przeglądarką internetową (np. aktualna wersja Chrome)
• Dostęp: Możliwość podłączenia do Wi-Fi i uprawnienia do instalacji oprogramowania.

WYMAGANIA WSTĘPNE (KOMPETENCJE CYFROWE): Szkolenie prowadzone jest od podstaw programistycznych, jednak od Uczestnika wymagana jest:

• Obsługa komputera: Swobodne zarządzanie oknami, plikami i folderami.
• Obsługa Internetu: Sprawne poruszanie się w przeglądarce internetowej.
• Tempo pracy: Umiejętność sprawnego wprowadzania tekstu (pisania na klawiaturze) w tempie umożliwiającym bieżące wykonywanie ćwiczeń wraz z trenerem.

INFORMACJA O DOSTĘPNOŚCI: Organizator zapewnia dostępność usługi dla osób ze szczególnymi potrzebami zgodnie z art. 6 ustawy o zapewnianiu dostępności. Prosimy o zgłaszanie indywidualnych potrzeb przy zapisie na usługę.

USŁUGA DODATKOWA (GRATIS): Jako wartość dodaną, Organizator zapewnia dostęp do bezpłatnego i dobrowolnego "Pakietu Wsparcia". Usługa ta jest bonusem od Organizatora, realizowanym poza godzinami szkolenia stacjonarnego i nie podlega rozliczeniu w ramach dofinansowania usługi głównej.

Zakres bezpłatnego wsparcia (30 dni od zakończenia szkolenia):

• Konsultacje wideo: Dostęp do indywidualnych spotkań online z Trenerem (do 4 sesji po 45 min).
• Code Review: Profesjonalne sprawdzanie kodu zadań zawartych w e-bookach (do 8 zgłoszeń).
• Czat z Trenerem (Slack): Dostęp do zamkniętej grupy, na której Trener na bieżąco odpowiada na pytania uczestnika w formie czatu, pomagając w rozwiązywaniu problemów.

Uwaga! Udział w "Pakiecie Wsparcia" nie ma wpływu na uzyskanie statusu 'ukończył' w ramach usługi głównej.