Tworzenie stron internetowych - Frontend

Odpowiednie szkolenia dla uczniów i studentów szukających praktyk. Poznaj praktyczną edukację, jakiej nie oferuje klasyczny system nauczania!

Program szkoleń

Poniżej przedstawiona została tabela z programem szkoleniowym. Każdy wariant godzinowy szkolenia przewiduje określoną liczbę webinarów (spotkań w celu przekazania wiedzy teoretycznej) do danego zagadnienia.

Moduł / TematZawartość90h140h320h
1. Wstęp do webdev, organizacja pracy w firmach i repozytorium Github
Przedstawienie zakresu kursu, wyjaśnienie pojęć jak frontend, backend, fullstack, pierwsza strona HTML, narzędzia (edytor, przeglądarki, DevTools), Github, metodologia pracy SCRUM, pytania do mentora o rynek pracy i pracę w firmie
1
1
1
2. HTML5 i CSS3 (Flexbox i responsywność od startu)
Struktura dokumentu, elementy semantyczne, typografia, selektory CSS, Flex i jak szukać informacji
1
1
2
3. CSS od podstaw
Selektory, box-model, kaskada, pseudoklasy, pisanie własnych stylów (bez frameworków), obsługa różnych rozdzielczości
1
1
2
4. Kompozycja i UX/UI
Zasady układu, koloru, typografii, design system, podstawy projektowania
1
1
2
5. JavaScript - fundamenty
Zmienne, funkcje, DOM, zdarzenia, asynchroniczność (Promise/async-await), dodawanie multimediów (wideo, audio)
1
1
2
6. Teoria renderowania (CSR, SSR, SSG)
Omówienie podejść do renderowania, porównanie zalet i wad
1
1
2
7. Frameworki: React + Astro
90h: krótkie wprowadzenie do React i Astro | 140h: budowa prostych aplikacji (komponenty, routing) | 320h: zaawansowane techniki, zarządzanie stanem, integracja z pakietami, CI
0.5
1
2
8. REST API
HTTP, AJAX/Fetch, JSON, konsumpcja API, CORS, podłączanie płatności do strony (sandbox PayPal)
0
1
2
9. Wstęp do backendu
90h: Next.js (API routes) | 140h: Next.js deeper dive + PHP | 320h: Java Spring Boot „hello world”, deploy
0
1
2
10. SEO, analityka i prawo
SEO on-page, Google Analytics, RODO, cookies, regulaminy
0.5
0.5
1
11. Mobilne UX/UI
Adaptacja interfejsu na urządzenia mobilne, dotykowe wzorce nawigacji
0.5
1
2
12. Deployment & sieć
Netlify/Vercel, GitHub Pages, hosting, DNS, domeny, certyfikaty SSL
0.5
1
2
13. Optymalizacja & testowanie
Lazy loading zasobów (obrazy, wideo), minifikacja, tree-shaking, Lighthouse; testy jednostkowe (Jest), e2e (Cypress)
0
0.5
2
Suma webinarów
8
12
24
Przewidziany dodatkowy indywidualny czaspracy z mentorem dla każdej osoby (Szkolenie grupowe)
Czas na pomoc; indywidualne omówienie projektu czy przekazanie ponadprogramowej wiedzy.
2h
4h
7h
Przewidziany dodatkowy indywidualny czas z mentorem (Szkolenie indywidualne)
Czas na pomoc; indywidualne omówienie projektu czy przekazanie ponadprogramowej wiedzy.
6h
10h
15h

*0.5 - oznacza, że połowa spotkania jest przeznaczona na dany temat.

Harmonogram pracy

Szkolenia grupowe

Szkolenie 90h - 2 spotkania tygodniowo przez 4 tygodnie.

Szkolenie 140h - 3 spotkania tygodniowo przez 4 tygodnie.

Szkolenie 320h - 2 spotkania tygodniowo przez 12 tygodni.

Każde spotkanie trwa 90 minut. Dni spotkań ustalane są wspólnie. Możliwe terminy obejmuje poniższy terminarz:

Poniedziałek - 17:00-20:00

Wtorek - 16:00-20:00

Środa - 16:00-18:00

Czwartek - 17:00-20:00

Piątek - 16:00-19:00

Sobota - 10:00-13:00

Szkolenia indywidualne

Szablon spotkań jest analogiczny jak dla szkoleń grupowych. Elastyczność doboru godzin i dni jest znacznie większa. Można zmienić dzień i godzinę szkolenia w razie potrzeby.

Zadania praktyczne

  • checkbox--checked--filled
    Do każdego tematu przygotowany jest zbiór zadań praktycznych.
  • checkbox--checked--filled
    Uczestnik wykonuje powierzone zadania praktyczne i wysyła rezultaty do określonego terminu.
  • checkbox--checked--filled
    Uczestnicy zajęć grupowych zachęcani są do współpracy przy wykonywaniu zadań.
  • checkbox--checked--filled
    Mentor może wesprzeć grupę lub indywidualnie uczestnika przy problemach z wykonaniem zadań.
  • checkbox--checked--filled
    Wiele ćwiczeń posiada formę prawdziwego projektu, w którym należy dodać nową funkcjonalność lub poprawić błąd. Odwzorowuje to realne warunki pracy.
  • checkbox--checked--filled
    W przypadku zajęć indywidualnych - zadania są na bieżąco tworzone w celu rozbudowy indywidualnego projektu uczestnika do swojego portfolio.

Wymagania

  • checkbox--checked--filled
    Zainstalowany komunikator Discord i dołączenie do wskazanego przez mentora serwera. Wymagany jest mikrofon do rozmów głosowych.
  • checkbox--checked--filled
    Komputer ze stałym dostępem do internetu i systemem Windows.
  • checkbox--checked--filled
    Zarejestrowane konto na stronie Github .
  • checkbox--checked--filled
    Zainstalowane darmowe oprogramowanie: Visual Studio Code, Notepad++, Sourcetree. Zalecana jest przeglądarka Google Chrome.

Dostępna oferta szkoleń grupowych

Dostępna oferta szkoleń indywidualnych

Dokumenty

Dokumenty związane z programem szkoleń, zakresem obowiązków i zdobywanej wiedzy.

Regulamin szkoleń
Szablon umowy
Szablon rezygnacji z umowy