Szkolenie z programowania w warstwie Front-End z wykorzystaniem technologii HTML, CSS oraz JavaScript + React

-> W celu skutecznego uczestnictwa w szkoleniu wymagana jest podstawowa umiejętność obsługi komputera.

-> Za 1 godzinę usługi szkoleniowej uznaje się godzinę dydaktyczną tj. lekcyjną (45 minut).

-> Ilość przerw oraz długość ich trwania zostanie dostosowana indywidualnie do potrzeb uczestników szkolenia. Zaznacza się jednak, że łączna długość przerw podczas szkolenia nie będzie dłuższa aniżeli zawarta w harmonogramie tj. 30 minut przerwy na jeden dzień szkoleniowy. Przerwy nie wliczają się w czas trwania szkolenia. 

> Szkolenie przeprowadzone będzie w formie zdalnej w czasie rzeczywistym w liczbie 80 godzin dydaktycznych. Każdy uczestnik musi posiadać dostęp do komputera z internetem. Uczestnikom zostanie przesłany link do videokonferencji na platformie Click Meeting.

MODUŁ I: HTML5

• Jak działają strony WWW.
• Wprowadzenie do języka HTML5, struktura dokumentu HTML.
• Narzędzie wspomagające tworzenie stron WWW na przykładzie Visual Studio Code i rozszerzenia Emmet.
• Znacznik HTML opisujące elementy tekstowe.
• Znaczniki liniowe, a blokowe.
• Tworzenie struktury witryny internetowej (kotwice oraz odnośniki lokalne i globalne).
• Dodawanie grafiki na stronę WWW.
• Muzyka i wideo na stronie WWW.
• Tworzenie list.
• Tworzenie tabel.
• Tworzenie formularzy.
• Semantyczne znaczniki HTML (np. <header>, <nav>, <article>, <aside>, <section>, <footer>) – to poprawia dostępność i SEO.
• Podstawy dostępności (WCAG) – jak tworzyć strony przyjazne dla użytkowników z niepełnosprawnościami.
• Metadane w HTML (np. <meta charset="UTF-8">, <meta name="viewport">, Open Graph, struktura danych dla SEO).

MODUŁ II: CSS3

• Restowanie arkuszy stylów, syle przeglądarkowe.
• Pojęcie selektorów i ich właściwości.
• Wprowadzenie do typografii w CSS.
• Modele doboru barw i sposoby ich zapisu w CSS.
• Rodzaje określania wielkości, marginesów i pozycjonowani pojemników lub sekcji.
• Cienie i obramowanie.
• Pseudo klasy i Pseudo elementy.
• Tworzenie układu strony za pomocą Flexbox.
• Podstawy animacji i przekształceń w CSS.
• CSS Grid – uzupełnienie Flexbox, idealne do projektowania responsywnych stron.
• Media Queries – kluczowe do tworzenia stron dostosowanych do różnych ekranów.
• Preprocesory CSS (SASS/SCSS, LESS) – wprowadzenie do ich możliwości i struktury.

MODUŁ III: JAVA SCRIPT

• JavaScript - wprowadzenie, struktury i typy danych oraz instrukcje warunkowe.
• Instrukcje wyboru oraz pętle.
• Funkcje i obsługa zdarzeń.
• Obsługa formularzy przez JavaScript.
• Manipulacja DOM i stylami CSS.
• Asynchroniczne przesyłanie danych.
• Biblioteki i frameworki.
• Podstawy ES6+ (let/const, arrow functions, template literals, spread/rest operator, destrukturyzacja).
• Fetch API i praca z JSON – zamiast ogólnikowego „asynchroniczne przesyłanie danych”.
• Debugowanie w konsoli przeglądarki – korzystanie z console.log(), debugger, narzędzi deweloperskich w Chrome/Firefox.
• LocalStorage i sessionStorage – podstawowe operacje na danych w przeglądarce.
• Podstawy React/Vue.js (opcjonalnie) – jeśli kurs ma przygotowywać do realnych zleceń, warto wspomnieć o frameworkach.

Dodatkowo:

• Mini-projekt końcowy – np. prosta strona portfolio, blog lub kalkulator interaktywny, który wykorzystuje HTML, CSS i JavaScript.
• Git i GitHub – choćby podstawy (inicjalizacja repo, commit, push, pull, branch).
• Podstawy SEO i optymalizacji wydajności strony (np. kompresja obrazów, lazy loading, minifikacja CSS/JS).

Test podsumowujący. 

Dla uczestników przygotowano prezentację tematyczną oraz ćwiczenia. Uczestnik otrzyma materiały dydaktyczne w formie pliku PDF.

Uprzejmie informujemy, że szkolenie zaplanowane na dzień 24.07 zostało, na prośbę uczestnika, przesunięte na godziny 16:00–17:30. Zmiana ta nie wpłynie na jakość świadczonej usługi. Harmonogram zostanie odpowiednio dostosowany, aby zapewnić realizację pełnej liczby godzin zgodnie z deklaracją zawartą w karcie usługi.

Zawarto umowę z WUP na świadczenie usług w ramach projektu ""Małopolski Pociąg do Kariery - sezon I".

Warunkiem zdobycia certyfikatu potwierdzającego zdobyte kompetencje jest przystąpienie do testu podsumowującego. Na test uczestnik nie musi dokonywać osobnego zapisu. Koszt egzaminu wliczony jest w cenę usługi i odbędzie się w ostatnim dniu jej trwania.

Nazwa podmiotu prowadzącego walidację: ERNABO Adrian Flak.

Warunki techniczne:

1. Platforma, na której zostanie przeprowadzone szkolenie to Click Meeting.

2. Minimalne wymagania do obsługi szkolenia w formie zdalnej, w czasie rzeczywistym na platformie Click Meeting: uczestnik powinien dysponować komputerem stacjonarnym bądź laptopem. Niezbędne również będą: mikrofon, słuchawki, głośniki i opcjonalnie kamera.

3. Minimalne wymagania sprzętowe: procesor dwurdzeniowy, minimum 2GB

pamięci RAM, wolna przestrzeń na dysku twardym (około 10GB)

4. System operacyjny: minimum Windows XP/MacOS High Sierra

5. Oprogramowanie: przeglądarka internetowa (Google Chrome, Mozilla Firefox, Opera, Safari, Microsoft Edge)

6. Sieć: łącze internetowe minimum 2 Mbps

7. Okres ważności linku: 1h przed rozpoczęciem szkolenia w pierwszym dniu

do ostatniej godziny w dniu zakończenia

Szkolenia online będą nagrywane tylko i wyłącznie na potrzeb udokumentowania prawidłowego przebiegu szkolenia i jego archiwizacji. Nie udostępniamy nagrań ze szkolenia ze względu na ochronę danych osobowych oraz widocznego na nagraniach wizerunku osób trzecich (osoby prowadzącej oraz innych uczestników szkolenia).