Projektowanie i tworzenie stron WWW - szkolenie zakończone egzaminem zewnętrznym

Zajęcia szkoleniowe realizowane będą metodą teoretyczno-warsztatową z zachowaniem proporcji 30% obejmującej część teoretyczną oraz 70% część praktyczną realizowaną w formule warsztatowej. Uczestnicy będą zdobywać wiedzę i umiejętności poprzez wykonywanie ćwiczeń praktycznych, pracę indywidualną przy komputerze, realizację zadań projektowych, analizę gotowych rozwiązań webowych oraz tworzenie własnych stron internetowych z wykorzystaniem technologii HTML, CSS i JavaScript.

Część teoretyczna obejmuje omówienie zasad działania stron internetowych, technologii webowych, struktury dokumentów HTML, mechanizmów stylowania z wykorzystaniem CSS, projektowania responsywnych interfejsów użytkownika oraz podstaw programowania w języku JavaScript. Uczestnicy poznają również dobre praktyki organizacji kodu, projektowania doświadczeń użytkownika oraz przygotowywania stron internetowych zgodnie z aktualnymi standardami tworzenia aplikacji webowych.

Część praktyczna realizowana będzie w formie warsztatów komputerowych polegających na samodzielnym tworzeniu struktury stron internetowych, stylowaniu interfejsów użytkownika, budowie responsywnych układów stron, implementacji podstawowych interakcji użytkownika oraz realizacji kompletnego projektu strony internetowej. W trakcie zajęć uczestnicy będą pracować w środowisku Visual Studio Code, wykonywać ćwiczenia odzwierciedlające rzeczywiste zadania front-end developera, testować działanie przygotowanych rozwiązań oraz analizować poprawność działania stron internetowych na różnych urządzeniach i rozdzielczościach ekranów.

Proces uczenia oparty będzie na praktycznym zastosowaniu zdobywanej wiedzy, stopniowym rozwijaniu projektu internetowego oraz realizacji zadań umożliwiających utrwalenie kompetencji związanych z projektowaniem, tworzeniem i rozwijaniem nowoczesnych stron internetowych.

Zakres tematyczny szkolenia:

Moduł 1: Jak działają strony internetowe i przygotowanie środowiska

1. Wprowadzenie do szkolenia - omówienie celów szkolenia, zebranie oczekiwań uczestników oraz identyfikacja dotychczasowych doświadczeń związanych z tworzeniem stron internetowych i kompetencjami cyfrowymi (rozmowa moderowana, pre-test kompetencji)
2. Wprowadzenie do technologii webowych - omówienie podstaw działania stron i aplikacji internetowych, sposobu funkcjonowania internetu oraz roli przeglądarek internetowych w procesie wyświetlania stron WWW (mini wykład, dyskusja moderowana)
3. Proces działania strony internetowej - omówienie pojęć takich jak domena, hosting, serwer oraz struktura plików strony internetowej (mini wykład)
4. Technologie wykorzystywane podczas tworzenia stron internetowych - omówienie roli HTML, CSS oraz JavaScript w budowie nowoczesnych stron WWW (mini wykład)
5. Przygotowanie środowiska pracy - instalacja i konfiguracja Visual Studio Code oraz omówienie podstawowych rozszerzeń wspierających pracę front-end developera (warsztat praktyczny)
6. Organizacja projektu webowego - tworzenie struktury projektu oraz uruchamianie strony internetowej w przeglądarce (warsztat praktyczny)

Moduł 2: HTML i budowa struktury strony

1. Wprowadzenie do języka HTML - omówienie struktury dokumentu HTML oraz podstawowych znaczników i atrybutów (mini wykład)
2. Semantyczny HTML - omówienie znaczenia semantyki w tworzeniu nowoczesnych stron internetowych oraz wpływu poprawnej struktury kodu na dostępność i SEO (mini wykład)
3. Tworzenie elementów strony internetowej - nagłówki, teksty, listy, linki, obrazy i multimedia (warsztat praktyczny)
4. Elementy interakcji użytkownika – tworzenie podstawowych elementów interaktywnych strony internetowej (warsztat praktyczny)
5. Dobre praktyki organizacji kodu HTML - tworzenie przejrzystej i uporządkowanej struktury strony internetowej (mini wykład, ćwiczenia indywidualne)
6. Budowa struktury przykładowej strony internetowej z wykorzystaniem HTML (warsztat praktyczny)

Moduł 3: CSS i stylowanie stron internetowych

1. Wprowadzenie do CSS - sposoby osadzania stylów oraz organizacja arkuszy stylów w projekcie internetowym (mini wykład)
2. Selektory CSS, dziedziczenie i specyficzność - omówienie zasad działania stylów oraz mechanizmów nadawania wyglądu elementom strony (mini wykład)
3. Typografia, kolory i estetyka interfejsu użytkownika - podstawowe zasady projektowania wizualnego stron internetowych (mini wykład)
4. Model pudełkowy (box model), odstępy i obramowania - budowanie układu elementów strony internetowej (warsztat praktyczny)
5. Tworzenie efektów wizualnych i przejść CSS - wykorzystanie podstawowych animacji i efektów poprawiających użyteczność strony (warsztat praktyczny)
6. Stylowanie przygotowanej wcześniej strony internetowej oraz budowa prostego layoutu strony WWW (warsztat praktyczny)

Moduł 4: Layout i responsywność

1. Wprowadzenie do projektowania responsywnych stron internetowych - omówienie zasad tworzenia stron dostosowanych do różnych urządzeń (mini wykład)
2. Flexbox i budowa nowoczesnych układów stron internetowych (mini wykład, warsztat praktyczny)
3. Media queries i podejście mobile-first - dostosowanie strony internetowej do urządzeń mobilnych, tabletów i komputerów (mini wykład)
4. Projektowanie responsywnego interfejsu użytkownika - przygotowanie wersji mobilnej strony internetowej (warsztat praktyczny)
5. Testowanie wyglądu strony na różnych rozdzielczościach ekranów oraz analiza działania layoutu (warsztat praktyczny)

Moduł 5: JavaScript i interakcje użytkownika

1. Wprowadzenie do JavaScript - omówienie roli języka JavaScript w nowoczesnych stronach internetowych (mini wykład)
2. Podstawy modelu DOM oraz manipulacja elementami strony internetowej (mini wykład)
3. Obsługa zdarzeń użytkownika - kliknięcia, zdarzenia użytkownika oraz dynamiczna zmiana treści strony (warsztat praktyczny)
4. Manipulowanie klasami CSS i tworzenie podstawowych interakcji użytkownika (warsztat praktyczny)
5. Implementacja prostych funkcjonalności zwiększających interaktywność strony internetowej (warsztat praktyczny)

Moduł 6: Projekt końcowy i podsumowanie

1. Realizacja projektu końcowego obejmującego stworzenie kompletnej responsywnej strony internetowej z wykorzystaniem HTML, CSS i JavaScript (warsztat projektowy)
2. Integracja poszczególnych elementów projektu oraz analiza poprawności działania strony internetowej (warsztat praktyczny)
3. Debugowanie projektu z wykorzystaniem narzędzi developerskich przeglądarki (warsztat praktyczny)
4. Przygotowanie projektu do publikacji oraz omówienie podstawowych metod publikowania stron internetowych (mini wykład)
5. Podsumowanie szkolenia, omówienie dobrych praktyk tworzenia stron WWW oraz dalszych możliwości rozwoju kompetencji front-endowych (dyskusja moderowana, post-test kompetencji

UWAGI DOTYCZĄCE WALIDACJI:

Walidacja efektów uczenia się zostanie przeprowadzona przez podmiot zewnętrzny - ICVC Certyfikacja Sp. z o.o., z zachowaniem rozdzielności funkcji procesu kształcenia i walidacji. Proces walidacji zostanie przeprowadzony po zakończeniu części szkoleniowej realizowanej w dniach 15.08-17.08.2026r. i obejmować będzie:

• część teoretyczną: uczestnicy pod koniec szkolenia wypełniają elektroniczny test teoretyczny, który zostaje przygotowany i przesłany przez instytucję zewnętrzną, na podstawie efektów uczenia się określonych w karcie usługi (test teoretyczny).
• część praktyczną: uczestnicy podczas szkolenia wykonują ćwiczenia, gromadząc tym samym dowody pracy własnej i nabycia efektów uczenia się prowadzących do zdobycia umiejętności, pod koniec szkolenia zostają one przesłane do weryfikacji przez instytucję zewnętrzną (analiza dowodów i deklaracji).

Po pozytywnym wyniku walidacji uczestnicy otrzymają dokument potwierdzający uzyskanie kwalifikacji. Certyfikat wydawany jest w terminie maksymalnie do 7 dni roboczych od dnia zakończenia walidacji (certyfikat może zostać wydany wcześniej, jednak co do zasady podmiot zewnętrznym a na to maksymalnie 7 dni roboczych)

Szkolenie prowadzi do zdobycia kwalifikacji międzynarodowej GCCS ICVC/PTS 20082.20 Projektowanie i tworzenie stron www.

Podczas usługi każdy Uczestnik otrzyma skrypt szkoleniowy w wersji cyfrowej wysłany do każdego uczestnika. Skrypt ten ułatwia pracę podczas szkolenia, a także posłuży utrwaleniu wiadomości po odbytym szkoleniu.

Warunkiem ukończenia usługi rozwojowej jest udział uczestnika w minimum 80% czasu zajęć przewidzianych w harmonogramie szkolenia.

Szkolenie realizowane jest w formule aktywnej pracy warsztatowej, opartej na praktycznych ćwiczeniach, analizie doświadczeń uczestników, pracy na przykładach oraz moderowanej dyskusji. Proces dydaktyczny uwzględnia zasady uczenia osób dorosłych, łącząc część merytoryczną z praktyką, wymianą doświadczeń oraz analizą rzeczywistych sytuacji zawodowych.

Warunkiem uzyskania kwalifikacji jest udział uczestnika w procesie walidacji realizowanym przez ICVC Certyfikacja Sp. z o.o. i po uzyskaniu co najmniej 75% poprawnych wyników w każdej zastosowanej metodzie walidacji

Proces walidacji oraz certyfikacji są odrębnymi procesami prowadzonymi przez podmioty zewnętrzne: ICVC Certyfikacja Sp. z o.o. - proces walidacji, Talent Odyssey Ltd - proces certyfikacji.

Usługa rozwojowa odbywa się w formie zdalnej w czasie rzeczywistym. Link do szkolenia zostanie przekazany uczestnikom najpóźniej w przeddzień rozpoczęcia szkolenia. Dane dostępowe do usługi zostaną przekazane Operatorowi nie później niż dwa dni przed rozpoczęciem szkolenia.

Szkolenie odbędzie się na platformie Zoom.

Wymagania sprzętowe oraz oprogramowania

Wymagania, które muszą zostać spełnione:

• komputer lub laptop z dostępem do Internetu, kamerką i mikrofonem,
  • lub urządzenie mobilne (smartfon/tablet) z zainstalowaną aplikacją Zoom,
  • procesor dwurdzeniowy 2 GHz lub lepszy (zalecany czterordzeniowy),
  • 2 GB pamięci RAM (zalecane 4 GB lub więcej),
  • system operacyjny: Windows 10 lub nowszy, macOS 10.13 lub nowszy, Linux, Chrome OS, Android lub iOS.

Minimalne wymagania dotyczące parametrów łącza internetowego

Do udziału w szkoleniu rekomendowane jest korzystanie z aktualnej wersji przeglądarki Google Chrome, Mozilla Firefox, Safari lub Microsoft Edge albo aplikacji Zoom.

Platforma współpracuje z większością wbudowanych kamer oraz mikrofonów dostępnych w laptopach, komputerach oraz urządzeniach mobilnych.

Uczestnicy nie muszą tworzyć konta Zoom, aby dołączyć do szkolenia. Link do spotkania zostanie przesłany drogą mailową przed rozpoczęciem szkolenia.

Okres ważności linku aktywacyjnego - od momentu rozpoczęcia szkolenia do momentu zakończenia szkolenia

Podstawą do rozliczenia usługi jest wygenerowanie z systemu raportu, umożliwiającego identyfikację wszystkich uczestników, oraz zastosowanego narzędzia.