Front End Developer | HTML, CSS, JavaScript, React
Dla początkujących: Kompleksowy kurs online Frontend Developer od podstaw – HTML, CSS, JavaScript, React – w 7 miesięcy.
• Kurs prowadzony na żywo przez Zoom z trenerem i grupą.
• Wsparcie kariery i pomoc w zatrudnieniu po ukończeniu kursu.
• 7-miesięczny cykl zajęć dopasowany do początkujących.
• Brak wymagań technicznych na start – uczymy od zera.
• Certyfikat ukończenia potwierdzający nabyte umiejętności.
• Pomoc w budowaniu CV i korzystaniu z narzędzi do tworzenia CV.
• Tworzenie i profesjonalne przygotowanie profilu na LinkedIn.
• Pomoc w napisaniu listu motywacyjnego.
• Wskazówki i nauka korzystania z job-boardów do szukania ofert pracy.
• Indywidualne rekomendacje od Centrum Kariery w poszukiwaniu pierwszej pracy w IT.
Informacje ogólne
Obecnie dostępne są dwa warianty oferty ratalnej:
Oferta 5 równych rat bez dodatkowych opłat, oraz
Oferta do 50 rat – warunki określone w kalkulatorze rat.
Podręcznik został opracowany przez profesjonalnych wykładowców praktyków posiadających certyfikaty takie jak:
Program kursu
Opracowane profesjonalne materiały dydaktyczne, duża ilość praktyki i projektów końcowych.
Bonus: Dodatkowe materiały: projekty praktyczne oraz wsparcie mentorów
Podręcznik został opracowany przez profesjonalnych wykładowców praktyków posiadających certyfikaty takie jak:
Wprowadzenie do HTML
- •
Konfiguracja środowiska pracy
- •
Struktura i składnia strony
- •
Tagi HTML
- •
Atrybuty
Wprowadzenie do CSS
- •
Podłączenie stylów
- •
Podstawowe właściwości CSS
- •
Model blokowy elementów
- •
Podłączanie czcionek
- •
Metodologia BEM
Praktyka: HTML + CSS
- •
Powtórka podstaw HTML i CSS
- •
Rozwiązywanie zadań praktycznych z HTML i CSS
Wprowadzenie do GIT
- •
Podstawowe komendy
Model Flexbox
- •
Bloki Flex
- •
Elementy Flex
- •
Pozycjonowanie i zmiana rozmiarów elementów Flex
Stany i pozycjonowanie elementów
- •
Pseudoklasy
- •
Pseudoelementy
- •
Pozycjonowanie absolutne i względne
Zaawansowana praca z CSS
- •
Praca z obrazami
- •
Transformacje elementów
- •
Zarządzanie tłem
- •
Funkcja calc
Praca z formularzami
- •
Stylizacja formularzy i pól wejściowych
Responsywne tworzenie stron
- •
Responsywność
- •
Układ elastyczny
- •
Desktop first, mobile first
Preprocesory i bundlery
- •
Sass / Less / Stylus
- •
Menedżer pakietów npm
- •
Podstawy Node.js
- •
Parcel
Model Grid
- •
Kontenery
- •
Rzędy i kolumny
- •
Linie
- •
Komórki
- •
Obszary
Animacje CSS
- •
Animacje liniowe (transition)
- •
Animacje cykliczne (keyframes)
Frameworki CSS
- •
Ogólne informacje o frameworkach
- •
Bootstrap
- •
Tailwind
- •
Różnice i zalety
Obrona projektu kursowego
Zaawansowana praca z Git
- •
Podstawowe komendy
- •
Gałęzie i stany w Git
- •
Praca zespołowa z Git
Wprowadzenie do JavaScript
- •
Zmienne
- •
Typy danych
- •
Konwersje typów
- •
Wbudowane funkcje przeglądarki
Podstawy JavaScript
- •
Operatory podstawowe
- •
Instrukcje warunkowe
- •
Pętle
- •
Instrukcja switch
Wprowadzenie do funkcji
- •
Deklaracja i wywołanie
- •
Parametry i argumenty
- •
Słowo kluczowe return
- •
Wyrażenia funkcyjne
Obiekty
- •
Składnia i właściwości
- •
Metody obiektu
- •
Słowo kluczowe this
Tablice
- •
Składnia i cechy
- •
Metody tablicowe
Funkcje – poziom zaawansowany
- •
Funkcje strzałkowe
- •
Funkcje zwrotne (callback)
- •
Zaawansowana praca z tablicami
- •
Funkcje konstruktory
Retrospekcja
- •
Utrwalenie materiału
- •
Sprawdzian z podstaw JavaScript
Środowisko przeglądarki
- •
Wprowadzenie do DOM
- •
Wprowadzenie do BOM
- •
Dynamiczne tworzenie HTML za pomocą JavaScript
Zdarzenia
- •
Zdarzenia przeglądarki
- •
Obsługa zdarzeń
- •
Fazy bubbling i capturing
- •
Delegowanie zdarzeń
Web Storage API
- •
localStorage
- •
sessionStorage
- •
JSON
- •
Zdarzenie storage
Moduły i destrukturyzacja
- •
Moduły
- •
Destrukturyzacja
- •
Operatory rest i spread
Prototypy i klasy
- •
Prototypy i dziedziczenie prototypowe
- •
Podstawowa składnia klas
- •
Dziedziczenie klas
- •
Wprowadzenie do OOP
Zajęcia praktyczne
- •
Zadania praktyczne podsumowujące tematy
- •
Pełen cykl tworzenia aplikacji
- •
Omówienie błędów
- •
Projekt Todo list
Start pierwszego projektu dyplomowego
- •
Wybór projektu
- •
Konsultacje z trenerem
- •
Architektura aplikacji
- •
Konfiguracja Parcel
Asynchroniczność
- •
Funkcje timerów
- •
Pętla zdarzeń
- •
Wprowadzenie do żądań sieciowych
Praca z żądaniami sieciowymi
- •
Żądania HTTP
- •
Metody i statusy
- •
Podstawy Promise
- •
Fetch API
Zaawansowana praca z żądaniami
- •
Łańcuchy Promises
- •
Obsługa błędów
- •
Async/await
Pierwszy projekt dyplomowy
- •
Prezentacja i obrona projektu
- •
Indywidualne konsultacje z trenerem
Retrospekcja
- •
Ocena wiedzy z zakresu JavaScript
TypeScript – wprowadzenie i konfiguracja
- •
Typy podstawowe (number, string, boolean)
- •
Tablice, krotki, wyliczenia
- •
Inne typy proste (Any, Unknown, Never, Void)
- •
Konwersje typów
- •
Type Guards i rozróżnianie typów
- •
Interfejsy (właściwości, rozszerzanie)
- •
Typy złożone: unia, przecięcia, literały
- •
Funkcje (argumenty, kontekst, przeciążenia)
TypeScript – klasy, generics, zaawansowane typy
- •
Klasy (dziedziczenie, publiczne, prywatne i chronione modyfikatory)
- •
Klasy (właściwości statyczne, klasy abstrakcyjne, klasy jako interfejsy)
- •
Generyki
- •
Utility Types (Pick, Omit, ReturnType, itd.)
Programowanie funkcyjne
- •
Podstawy programowania funkcyjnego
- •
Funkcje czyste
- •
Niezmienność danych
- •
Map, reduce
- •
Notacja Big O
Wprowadzenie do React
- •
Co to jest React?
- •
Czym jest JSX?
- •
Instalacja i konfiguracja przez Vite.js
- •
Wirtualny DOM
- •
props
- •
Stylizacja komponentów
Komponenty w React
- •
state
- •
Listy i klucze
- •
Elementy formularzy
- •
Renderowanie warunkowe
- •
Podnoszenie stanu
- •
Komponenty klasowe
- •
Komponenty funkcyjne
- •
Różnice między komponentami klasowymi a funkcyjnymi
Cykl życia komponentów
- •
Cykl życia komponentów
- •
HOC (Higher-Order Components)
- •
Komponenty kontenerowe i prezentacyjne
- •
Kompozycja komponentów
Hooki w React
- •
Czym są hooki?
- •
Podstawowe hooki: useState, useEffect, useCallback, useMemo
Zaawansowane hooki w React
- •
React Context, useContext
- •
Refs, useRef
- •
Hooki własne (custom hooks)
Nawigacja w aplikacji React
- •
Instalacja i konfiguracja React Router DOM
- •
Komponenty: <BrowserRouter>, <Routes>, <Route>
- •
Nawigacja: <NavLink>
- •
Przekierowanie: <Navigate>
- •
Tworzenie układów: <Outlet>
- •
Hooki nawigacyjne: useNavigate, useParams
- •
Prywatne i publiczne trasy
React + TypeScript
- •
Typowanie komponentów
- •
Typowanie props i state
- •
Typowanie hooków
- •
Typowanie zdarzeń
- •
Integracja TypeScript z bibliotekami React
Zarządzanie stanem aplikacji – Redux
- •
Integracja Redux
- •
Action type, action creator
- •
Reducer
- •
Store
- •
Redux Toolkit
- •
Typowanie w Redux
Redux-middleware – część 1
- •
Architektura aplikacji z operacjami asynchronicznymi
- •
Czym jest middleware?
- •
Redux-thunk
- •
Thunk w Redux Toolkit
Redux-middleware – część 2
- •
RTK Query – przegląd i zalety
- •
Tworzenie API za pomocą createApi
- •
Dodanie serwisu do store (configureStore)
- •
Użycie zapytań w komponentach
- •
Generatory w JS
- •
Redux-saga – przegląd i zalety
- •
Tworzenie sag
- •
Integracja z Redux Store
- •
Wykorzystanie sag w komponentach
Podstawy pracy z API
- •
Powtórka żądań HTTP
- •
Nagłówki, metody
- •
Kody odpowiedzi HTTP
- •
axios
- •
Narzędzia: Swagger, Postman
- •
Pobieranie danych z API
- •
Operacje na danych: wyszukiwanie, filtrowanie, sortowanie
- •
Stronicowanie
Autoryzacja – część 1
- •
Rodzaje autoryzacji
- •
OAuth 2
- •
Tokeny JWT
Autoryzacja – część 2
- •
Rejestracja i aktywacja konta przez e-mail
- •
Logowanie użytkownika
- •
Panel użytkownika
Praca z danymi przez API
- •
Dodawanie danych do API
- •
Wysyłanie plików na serwer
- •
Walidacja danych
- •
React Hook Form
Podstawy testowania
- •
Dlaczego testujemy i jakie problemy rozwiązuje testowanie
- •
Poziomy testowania (modułowe, integracyjne, itd.)
- •
Narzędzia do testowania modułów JS (Jest, Mocha, Chai)
- •
Testowanie komponentów React
- •
Cypress
Vite.js
- •
Wprowadzenie do Vite.js
- •
Zalety Vite.js w porównaniu do innych narzędzi
- •
Instalacja i konfiguracja środowiska z Vite.js
- •
Konfiguracja projektu z użyciem Vite.js
- •
Uruchomienie kontenera i rozwój
Struktury danych i algorytmy
- •
Hash table, stos, kolejka, kopiec
- •
List, Set
- •
Map/WeakMap
- •
Drzewa
- •
Podstawowe algorytmy
- •
Notacja Big O
Próbna rozmowa techniczna
- •
Podsumowanie kursu
- •
Symulacja rozmowy technicznej
- •
Odpowiedzi na pytania uczestników
Przygotowanie do zatrudnienia w IT
- •
Tworzenie CV i narzędzia do budowy CV
- •
Tworzenie i profesjonalne przygotowanie profilu na LinkedIn
- •
Tworzenie listu motywacyjnego
- •
Praca z wyszukiwaniem ofert pracy na różnych portalach
- •
Indywidualne rekomendacje Centrum Kariery w poszukiwaniu pierwszej pracy w IT
Prezentacja i obrona
- •
Prezentacja projektu dyplomowego przed komisją
- •
Odpowiedzi na pytania
- •
Podsumowanie i feedback
Informacje ogólne
Obecnie dostępne są dwa warianty oferty ratalnej:
Oferta 5 równych rat bez dodatkowych opłat, oraz
Oferta do 50 rat – warunki określone w kalkulatorze rat.
Podręcznik został opracowany przez profesjonalnych wykładowców praktyków posiadających certyfikaty takie jak:
Technologiczny stack
- HTML
- CSS
- JavaScript
- React
- Vite
- Redux
- TypeScript
- API
Co będziesz potrafił(a) po kursie?
- •
Tworzenie struktury stron internetowych w HTML.
- •
Stosowanie stylów i layoutów z użyciem CSS.
- •
Tworzenie dynamicznych interfejsów użytkownika za pomocą JavaScript.
- •
Budowanie formularzy z walidacją danych.
- •
Praca z mediami (obrazy, wideo, dźwięk) na stronach internetowych.
- •
Stosowanie technik RWD do projektowania stron na różne urządzenia.
- •
Tworzenie aplikacji typu Single Page Application (SPA) z użyciem React.
- •
Zarządzanie stanem komponentów i routowanie w aplikacjach React.
- •
Zarządzanie kodem źródłowym przy użyciu systemów kontroli wersji.
- •
Tworzenie projektów zaliczeniowych do portfolio.
Nasi nauczyciele
Nauczyciele
Nasi wykładowcy to nie tylko doświadczeni programiści, ale również specjaliści w przekazywaniu wiedzy, ponieważ:
01
Cztery etapy rekrutacji
Proces obejmuje rozmowę z HR, ocenę przez głównego wykładowcę kursu, weryfikację przez metodyków oraz lekcję próbną02
Szkolenie
Nauczyciele przechodzą specjalne kursy opracowane przez metodyków03
Wymiana doświadczeń
Regularne spotkania i wymiana najlepszych praktyk wśród wykładowców04
Feedback
Systematyczne zbieranie opinii od studentów i dostosowywanie procesu nauczaniaCena
zł 8500
Możliwość płatności w ratach bankowych od 6 do 18 miesięcy. Szczegółowe informacje na temat programów ratalnych i kredytowych można uzyskać u naszych menedżerów.
5 rat
10 rat
20 rat
30 rat
40 rat
50 rat
Wybór liczby rat
Sprawdź opcje finansowania
Możliwość zapłaty z dowolnego miejsca na świecie dowolną kartą.
Skontaktuj się z nami, a z przyjemnością Ci pomożemy!
Uzyskaj bezpłatną konsultację
Wypełnij formularz i otrzymaj kilka rozdziałów naszego podręcznika w prezencie!
Co potrafi absolwent kursu?
Tworzy interfejsy stron internetowych za pomocą HTML i CSS.
Zna podstawy oraz zaawansowane aspekty JavaScript.
Opanowuje bibliotekę React i tworzy nowoczesne aplikacje typu SPA.
Buduje interaktywne strony i aplikacje internetowe.
Posiada portfolio i jest gotowy do pierwszej pracy jako Frontend Developer.
Zarobki w branży
Samodzielna nauka podstaw
Głęboka wiedza
Po naszym kursie
Frontend Developer to jedna z najbardziej poszukiwanych profesji w branży IT.
Znajomość HTML, CSS, JavaScript i React to przepustka do świata web developmentu.
Frontend Developer
Agencja IT, Warszawa
Technologie: HTML, CSS, JavaScript, React
od 9000 zł
Junior Frontend Developer
Startup, Polska
Technologie: HTML, CSS, JS, React
od 10 200 zł
Uzyskaj bezpłatną konsultację
Wypełnij formularz i otrzymaj kilka rozdziałów naszego podręcznika w prezencie!
Korzyści ze szkoleń na żywo
Interakcja z nauczycielami: Możliwość zadawania pytań w czasie rzeczywistym i otrzymywania natychmiastowych odpowiedzi.
Praca w grupach: Wspólne wykonywanie zadań i wymiana doświadczeń z innymi uczestnikami.
Elastyczność: Uczestnictwo w zajęciach z dowolnego miejsca na świecie.
Platforma edukacyjna LMS
Wygodne konto osobiste: Dostęp do materiałów edukacyjnych i nagrań zajęć.
Dostęp do nagrań: Możliwość przeglądania nagrań zajęć w dowolnym czasie.
Śledzenie postępów: Monitorowanie postępów i wyników zadań.
Wsparcie nauczycieli i opiekunów
Trenerzy: Odpowiadają na pytania i wspierają w procesie nauczania.
Opiekunowie: Zapewniają wsparcie organizacyjne oraz pomoc w kwestiach technicznych.
Zadania praktyczne i projekty
Rzeczywiste projekty: Praca nad zadaniami odzwierciedlającymi rzeczywiste warunki pracy.
Sprawdzanie zadań: Ciągłe sprawdzanie i komentowanie wykonanych prac przez nauczycieli, aby zapewnić efektywne doskonalenie umiejętności.
Projekt końcowy: Realizacja projektu końcowego, który można dodać do swojego portfolio jako dowód zdobytych umiejętności.
Korzyści ze szkoleń na żywo
Interakcja z nauczycielami: Możliwość zadawania pytań w czasie rzeczywistym i otrzymywania natychmiastowych odpowiedzi.
Praca w grupach: Wspólne wykonywanie zadań i wymiana doświadczeń z innymi uczestnikami.
Elastyczność: Uczestnictwo w zajęciach z dowolnego miejsca na świecie.
Platforma edukacyjna LMS
Wygodne konto osobiste: Dostęp do materiałów edukacyjnych i nagrań zajęć.
Dostęp do nagrań: Możliwość przeglądania nagrań zajęć w dowolnym czasie.
Śledzenie postępów: Monitorowanie postępów i wyników zadań.
Wsparcie nauczycieli i opiekunów
Trenerzy: Odpowiadają na pytania i wspierają w procesie nauczania.
Opiekunowie: Zapewniają wsparcie organizacyjne oraz pomoc w kwestiach technicznych.
Zadania praktyczne i projekty
Rzeczywiste projekty: Praca nad zadaniami odzwierciedlającymi rzeczywiste warunki pracy.
Sprawdzanie zadań: Ciągłe sprawdzanie i komentowanie wykonanych prac przez nauczycieli, aby zapewnić efektywne doskonalenie umiejętności.
Projekt końcowy: Realizacja projektu końcowego, który można dodać do swojego portfolio jako dowód zdobytych umiejętności.
certyfikat
Przyznawany po pomyślnym ukończeniu kursu, zwiększa szanse na rozwój kariery. Dostępny w wersji polskiej i angielskiej.
Partnerzy, gdzie pracują
nasi absolwenci
Do czego potrzebne są wiedza i umiejętności zdobyte na kursie?
01
Start kariery w IT jako Frontend Developer
Dla osób, które chcą rozpocząć karierę w tworzeniu stron internetowych.02
Zdobądź umiejętności praktyczne
Dla tych, którzy chcą zdobyć praktyczną wiedzę w HTML, CSS, JS i React.03
Budowanie portfolio projektów
W trakcie kursu stworzysz projekty gotowe do pokazania pracodawcy.Jak wygląda proces edukacyjny?
Godzina teorii
Profesjonalny mentor omawia teorię z wykorzystaniem wizualizacji oraz materiałów dostępnych w systemie LMS
Półtorej godziny praktyki
Uczniowie razem z nauczycielem wykonują zadania praktyczne w trybie udostępniania ekranu, z możliwością zadawania pytań
Prace domowe i praca dyplomowa
Każda lekcja kończy się obowiązkowym zadaniem domowym, które jest sprawdzane przez nauczyciela i wymagane do uzyskania dyplomu. Na zakończenie kursu uczniowie przygotowują dużą pracę dyplomową
Czat z kolegami z grupy i nauczycielem
Czat umożliwia zadawanie pytań kolegom z grupy oraz nauczycielowi o dowolnej porze
O szkole
Szkoła została założona w 2015 roku na bazie firmy zajmującej się serwisowym rozwojem oprogramowania.
Naszą misją jest oferowanie wysokiej jakości edukacji online, która przygotowuje uczestników do wyzwań w dynamicznie rozwijającym się sektorze IT. Uczymy nie tylko teorii, ale przede wszystkim praktycznych umiejętności, które pozwalają naszym uczestnikom na szybkie włączenie się do rynku pracy.
10 lat
Na rynku edukacji online
10+
Profesjonalnych kursów online
4,9 z 5
Średnia ocena kursów
Najczęstsze pytania
Uzyskaj bezpłatną konsultację
Wypełnij formularz i otrzymaj kilka rozdziałów naszego podręcznika w prezencie!