Kurs JavaScript i React (Frontend Developer)

K-JS

JavaScript od podstaw, React, praca z AI

  • HTML
  • JS
  • TypeScript
  • React
  • Next.js
  • Git
  • AI
Warszawa
  • 10.12 dzienny (zajęcia w dni powszednie)
  • 19.12 zaoczny (soboty i niedziele)
Zdalnie
  • 10.12 dzienny (zajęcia w dni powszednie)
  • 19.12 zaoczny (soboty i niedziele)

Tryb zdalny: online na żywo z trenerem i grupą (→ więcej o kursach zdalnych). Można: zrezygnować do 15 dni przed startem; w każdej chwili przejść na tryb zdalny; w razie potrzeby skorzystać z nagrań. W cenie:
- stanowisko komputerowe i poczęstunek (dla zajęć stacjonarnych)
- dla chętnych dodatkowe, bezpłatne warsztaty HR
- dostęp do nagrań z zajęć w razie potrzeby
Kursy dostępne również na zamówienie, w terminie i lokalizacji do uzgodnienia , dla grup od 6 osób .

4,8/5 (681)
Stars
Pakiet Standard:

dla tych, którzy chcą wejść do świata IT, porządnie nauczyć się programowania i wykorzystać to w małych projektach

4790 PLN

lub 958 PLN miesięcznie (5 rat)

80 godzin zajęć na żywo
+40h pracy samodzielnej

Pakiet XL:

dla tych, którzy chcą osiągnąć poziom junior developera aplikacji webowych

8990 PLN

lub 1798 PLN miesięcznie (5 rat)

160 + 80 godzin

icon percent first minute (30+ dni do startu) - 3%

Programuj w JavaScript, React, Node.js
Samodzielnie i z pomocą AI

Kurs od podstaw: od HTML i JavaScriptu
do pierwszych aplikacji w React

  • Czas trwania:
    80 godzin na żywo +40h w domu = 120h Pakiet Standard
    dla tych, którzy chcą tworzyć pierwsze aplikacje webowe z HTML i JavaScript
    lub
    160 godzin na żywo +80h w domu = 240h Pakiet XL
    dla tych, którzy chcą pracować z nowoczesnym frontendem: TypeScript, React, Next.js
  • Cena:
    dla firm - netto
    dla osób prywatnych brutto (pokrywamy VAT)
    dla podmiotów publicznych - zwolnione z VAT
    4 790 PLN* lub 5 rat po 958
    dla firm - netto
    dla osób prywatnych brutto (pokrywamy VAT)
    dla podmiotów publicznych - zwolnione z VAT
    8 990 PLN* lub 5 rat po 1798
    poczęstunek w cenie
    stanowisko komputerowe w cenie
  • Tematyka:
    Działanie aplikacji webowych, HTML i CSS, nowoczesny JavaScript, komunikacja z API, narzędzia AI w pracy programisty, funkcje AI w aplikacji oraz wprowadzenie do Reacta
    W wersji XL: zaawansowany JavaScript, TypeScript, Git i GitHub, React z TypeScriptem, architektura aplikacji, testy, Next.js, wdrożenie
  • Tryby zajęć:
    • weekendowo (sob-niedz., średnio co 2 tygodnie)
    • dziennie (bloki 3- i 4-dniowe, co ok. 2 tyg.)
    • wieczorowo (2x w tygodniu, 18-20:30, przez kilka m-cy)
  • Grupa:
    Zajęcia stacjonarne - na sali max 12 osób.
    Dla kursów zdalnych - do 17 osób łącznie.
  • Rekrutacja:
    brak wymagań, kurs od kompletnych podstaw
  • Miejsce:
    Warszawa lub Zdalnie (online na żywo z trenerem i grupą)
  • Elastyczność:
    a) do 15 dni przed startem można zrezygnować
    b) podczas zajęć można:
    - przejść z trybu stacjonarnego na zdalny
    - ze zdalnego na stacjonarny
    - w razie potrzeby otrzymać nagrania z zajęć
    - zawiesić uczestnictwo i dokończyć później
    (w miarę dostępności miejsc)
4.8/5
Stars
681
kursantów uczestniczyło w kursie
Solidna nauka programowania. Cała wiedza, której potrzebujesz żeby być programistą. Rzeczywiście jest ciężko ale warto!

To jest bootcamp, który od podstaw uczy programowania front-end i JavaScriptu (JS) - jednego z najpopularniejszych języków programowania na świecie, łatwego do nauki od podstaw. JavaScript jest znany przede wszystkim ze stron i aplikacji internetowych, bez niego trudno wyobrazić sobie jakikolwiek współczesny serwis. JS może jednak działać także poza przeglądarką internetową: działa na serwerach zastępując takie języki jak PHP czy Java, umożliwia pisanie aplikacji na telefony komórkowe i zwykłe komputery, bywa używany do tworzenia wtyczek i rozszerzeń różnych aplikacji użytkowych. Zastosowania JS i rozwiązania o niego oparte, w tym frameworki ułatwiające tworzenie kompletnych aplikacji, rozwijają się bardzo dynamicznie. To język o ogromnych możliwościach i szerokim zastosowaniu.

W zależności od swoich potrzeb, planów i możliwości, możesz od razu zapisać się na kompleksowy kurs w wariancie XL, który uczy technik zaawansowanych i na którym realizuje się bardziej złożone przykłady, lub na razie ograniczyć się do podstaw, co umożliwi Ci ocenę, na ile podoba Ci się programowanie i JavaScript, a o dalszym rozwoju będziesz mógł/mogła zdecydować później. Już wariant podstawowy pozwoli Ci zrealizować małe projekty webowe lub unowocześnić swoje strony internetowe. Natomiast wariant XL polecamy osobom zdecydowanym, by kontynuować naukę do poziomu „zawodowego”.
Jeśli chodzi o samo zdobycie zatrudnienia, pomocne będą oczywiście także dodatkowe kompetencje, jak dobrze napisane CV, umiejętność autoprezentacji, przygotowanie do procesu rekrutacji. Możesz wziąć udział w dodatkowych bezpłatnych warsztatach, na których uzyskasz skompresowaną wiedzę na ten temat od zawodowego haerowca.

Jaka jest cena kursu JavaScript?

Standard

Dla tych co chcą tworzyć pierwsze serwisy webowe.

4 790 zł

raty Zapisz się

Co zawiera pakiet?

  • Nauka programowania od podstaw
  • Kompletny kurs języka JavaScript (ES6+)
  • Podstawy budowy stron: HTML, CSS, model DOM
  • Składowe języka JS: funkcje, klasy, obiekty, zmienne, pętle, warunki
  • JavaScript praktycznie: REST API, dynamiczne ładowanie danych, prosta aplikacja SPA
  • Praca z AI: asystent w pisaniu kodu i funkcja AI we własnej aplikacji
  • Wprowadzenie do Reacta: komponenty, JSX, props, stan (useState), routing

XL

Dla tych, którzy chcą pracować z nowoczesnym frontendem.

8 990 zł

raty Zapisz się

Co zawiera pakiet?

  • Całość pakietu Standard
  • Zaawansowany JavaScript i TypeScript
  • React z TypeScriptem: komponenty, hooki, architektura aplikacji SPA
  • Stan aplikacji (Redux Toolkit) i bezpieczna komunikacja z API
  • Git i GitHub: praca na branchach, pull requesty
  • Testy, Storybook i wdrożenie aplikacji
  • Next.js: renderowanie po stronie serwera, SEO
  • AI w większej aplikacji

Sztuczna inteligencja w aplikacjach webowych

Kurs zawiera dedykowany blok „AI w aplikacjach JS/React" — jeden z niewielu kursów frontendowych w Polsce, który uczy nie tylko korzystania z narzędzi AI podczas pisania kodu, ale też programistycznej integracji modeli językowych z własną aplikacją. Nauczysz się, jak zbudować komponent streamujący odpowiedzi z modelu LLM (efekt pisania na żywo), jak zadbać o płynne ładowanie, błędy i bezpieczeństwo. Finalny projekt to działający mini-asystent lub chatbot osadzony w aplikacji React.

Chociaż głównym celem tego kursu jest nauka samodzielnego tworzenia aplikacji JavaScript, nie unikamy używania narzędzi AI tam, gdzie mogą przyspieszyć pracę lub uwolnić twórcę od wykonywania żmudnych czynności. Od pewnego momentu, mniej więcej połowy kursu podstawowego, zaczynamy stopniowo korzystać z tej pomocy tak, jak ma to dzisiaj miejsce w prawdziwych projektach.

Osoby zainteresowane kompleksowym tworzeniem aplikacji za pomocą narzędzi AI, niemalże bez dotykania kodu, mogą wybrać z naszej oferty kurs Vibe Coding. Tutaj, na kursie JS, staramy się jednak nauczyć Was zasad programowania i rozumienia szczegółów, abyście AI i podejścia vibe mogli używać tylko w stopniu, który uznacie za stosowny do sytuacji.

Dla kogo jest nasz kurs JavaScript?

To kurs od podstaw - przeznaczony dla osób, które nie miały nigdy styczności z programowaniem. JavaScriptu z założenia może nauczyć się każdy - o języku tym mówi się, że ma niski próg wejścia. Musimy jednak uprzedzić, że nauka programowania z zasady jest wymagająca - przychodząc na nasz bootcamp musisz liczyć się z wieloma godzinami wytężonej pracy (również w domu). W rezultacie - po tym kursie - niezależnie od Twojego wykształcenia i doświadczenia zawodowego - masz szansę nauczyć się tworzenia aplikacji internetowych.

Większość uczestników kursu to osoby bez wykształcenia technicznego. Aby się zapisać, wystarczy, że potrafisz posługiwać się komputerem - kopiować pliki, tworzyć foldery, sprawnie pisać na klawiaturze. Resztą zajmiemy się my; nie trzeba znać HTML, CSS ani żadnych technologii informatycznych. Warunkiem skutecznego uczestnictwa w kursie jest przede wszystkim motywacja i predyspozycje osobiste. Z naszego doświadczenia wynika, że na bootcampie najlepiej radzą sobie osoby, które są systematyczne i mają analityczne podejście do problemów.

Najczęściej przychodzą do nas:

  • twórcy stron i osoby pracujące z WordPressem, które chcą wyjść poza gotowe szablony i wtyczki,
  • graficy i projektanci UX/UI, którzy chcą rozumieć, jak ich projekty zamieniają się w działający interfejs,
  • testerzy, którzy chcą lepiej rozumieć aplikacje webowe i przygotować się do automatyzacji testów,
  • specjaliści z firm (marketing, e-commerce, analityka, wsparcie IT), którzy na co dzień pracują z narzędziami internetowymi,
  • osoby, które chcą zacząć programować zawodowo i wolą zacząć od języka, którego efekty widać od razu w przeglądarce.

Uwaga: w naszej ofercie posiadamy również inny kurs "Web Designer".

Tamten kurs skupia się na samym tworzeniu i atrakcyjnej prezentacji treści, jest stworzony bardziej z myślą o uczestnikach "kreatywnych". Natomiast kurs niniejszy - "Frontend Developer" - to kurs programowania. Wprawdzie i tu, i tam na początku nauczymy się budowy serwisu WWW, poznamy HTML i CSS - ale dla programisty front-end to tylko wstęp, po którym przechodzi się do logiki aplikacji i wielu szczegółów technicznych.
Na ten kurs można zapisać się również po ukończeniu wcześniej kursu tworzenia stron WWW. Będzie to dobry wybór dla twórców web chętnych do dalszego rozwoju w kierunku programowania.
Oczywiście, w razie jakichkolwiek wątpliwości zapraszamy do kontaktu mailowego czy telefonicznego - z przyjemnością odpowiemy na wszelkie pytania, czy też pomożemy w wyborze najlepszego kursu :-)

Rozwiń

Nie szukasz kursu tak ściśle związanego z programowaniem? Mamy też opcję bardziej dla twórców treści - HTML i CSS, grafika, Wordpress...

Nasz kurs jest inspirowany ideą Bootcampów. Może być krokiem w rozwoju w obecnej pracy albo pierwszym krokiem w stronę nowej roli w IT. Uczymy języka JavaScript i technologii potrzebnych do profesjonalnego programowania nowoczesnych aplikacji webowych. Szkolenie jest przekrojowe i bardzo intensywne - odbywa się w formie warsztatów, gdzie przez cały czas ćwiczysz pod okiem trenera. Zajęcia prowadzą praktycy z wieloletnim doświadczeniem zawodowym. Ukończenie tego kursu pozwoli Ci na rozwój swoich umiejętności i stawianie pierwszych kroków w zawodzie programisty front-end.

JavaScript Bootcamp: Czym jest Bootcamp programistyczny?

Bootcampy programistyczne to intensywne, nastawione na praktykę programy kształcenia - nastawione na naukę umiejętności, które szczególnie poszukiwane są przez pracodawców. W Stanach Zjednoczonych zdobyły tak wielką popularność, że konkurują ze studiami.

Bootcamp front-end w ALX uczy programowania od podstaw. Kursantów czeka wiele godzin wytężonej pracy. Żeby przejść kurs trzeba być mocno zmotywowanym i przyłożyć się do nauki (również w domu).

  • Nasz kurs można porównać do szkoły języków obcych - tu uczysz się w małych grupach, w luźnej atmosferze. Na kursie cały czas ćwiczysz - a przy Tobie jest trener, który zawsze pomoże, wytłumaczy.
  • Nie porównuj nas do uczelni wyższych - tu nie ma nudnych wykładów, u nas uczysz się tylko praktycznego wykorzystania JavaScript w Twojej pracy.

Wyszkoliliśmy tysiące osób w różnych językach programowania – dla wielu z nich nasze kursy są to pierwszy krok do rozwoju ścieżki kariery.

Pierwszy język programowania? Zacznij od podstaw JavaScript!

JavaScript powstał jako język skryptowy na potrzeby stron WWW ale już dawno temu "wyszedł” z przeglądarek i może być używany tak naprawdę wszędzie - bez ograniczeń! Na naszym bootcampie JavaScript poznasz język JavaScript jako niezależny język programowania. Zrozumiesz najważniejsze jego konstrukcje - czym są zmienne, jakie typy danych są w tym języku, czym są liczne operatory, instrukcje warunkowe, pętle, tablice, obiekty i funkcje. Wszystkie te zagadnienia są bardzo podobne w innych językach programowania, dlatego kurs ten jest również świetnym wstępem do programowania w ogóle. Każda z przedstawianych konstrukcji języka jest bardzo dokładnie tłumaczona z myślą osobach początkujących. Następnie doświadczony programista JS pokaże Ci jak wykorzystywać ten język w praktyce, do wzbogacania stron internetowych i innych aplikacji webowych. Dzięki dobrze ułożonemu programowi kursu będziesz nie tylko bardzo dobrze rozumiał sam język, ale w przyszłości wykorzystasz go do innych zastosowań.

Zapraszamy też: managerów, właścicieli startupów... żeby nauczyć się pisać i czytać kod.

Kod jest wszędzie. Używamy go stale, edytując swojego bloga czy firmowy newsletter, a czasami nawet przygotowując analizę budżetu w Excelu. Jesteśmy uzależnieni od technologii, otaczają nas komputery - a przy tym tak często nie umiemy pisać ani czytać kodu. Podstawy programowania powoli wkraczają do różnych, kolejnych branż, a umiejętność czytania kodu i jego (nawet prostej) edycji jest bardzo cenna. Ten kurs jest świetną propozycją również dla: osób prowadzących własne biznesy internetowe, start-upowców, czy project managerów.

Kurs front-end developer vs. back-end developer

Aplikacje webowe potrzebują zarówno front-endu jak i back-endu. Back-end jest dla użytkownika niewidoczny (bazy danych, architektura aplikacji, obliczenia, bezpieczeństwo i wydajność). Dla programistów back-endowych nie jest ważny wygląd, tylko logika działania i cel – najważniejsze jest: “to ma działać”. Wszystko to co użytkownik zobaczy na monitorze jest to front-end: szablony stron (HTML), wygląd poszczególnych elementów na stronie (CSS), interaktywność aplikacji WWW (JavaScript). Wachlarz możliwości front-endowych jest ogromny i to od Twoich umiejętności zależy w jakim stopniu wykorzystasz go w swoim projekcie. Do realizacji prostych zadań, jak odświeżenie pewnego elementu strony na podstawie innego, można użyć JavaScript bez umiejętności "prawdziwego" programowania, natomiast jeśli chcesz stosować wszystkie zaawansowane możliwości JS, musisz być programistą.

Ten bootcamp jest właśnie po to abyś nabył umiejętności programisty JS - naszym celem jest nauczyć Cię nie tylko tworzyć animacje, dynamiczne slidery, galerie ze zdjęciami, pop-upy - ale jeszcze zaszczepić w Tobie cały potrzebny warsztat programistyczny. Chcemy, abyś nauczył się tworzyć potrzebne struktury programistyczne, logikę biznesową, obliczenia, komunikację z backendem, bazami danych, poznał formaty i standardy wymiany danych. Na kursie poznasz protokoły i mechanizmy komunikacji, czy też (przykładowo) techniki tworzenia aplikacji, gdzie interakcja z serwerem odbywa się bez przeładowywania całego dokumentu - tak aby osiągnąć dynamiczność (asynchroniczność, Fetch API).

Kurs JS, czyli obecnie podstawowego języka programistycznego w Internecie.

W dzisiejszych czasach praktycznie wszystkie strony posiadają JavaScript. Skrypty JS działają w przeglądarce internetowej, w potocznym rozumieniu ożywiają jej zawartość i pozwalają na interakcję z użytkownikiem. Umożliwiają tworzenie efektownych sliderów, animacji, interaktywnych galerii zdjęć, wyskakujących paneli z nawigacją, interaktywnych menu, zegarów itd. Lecz to dopiero początek.

Rozmaite "efekty" w serwisach internetowych to tylko niewielki wycinek prawdziwej potęgi Javascriptu. Żeby przekonać się, jak popularny jest i jednocześnie jak za wiele funkcjonalności serwisów odpowiada JavaScript - wykonaj choćby takie doświadczenie: wyłącz obsługę JavaScriptu na swojej ulubionej stronie. Zaskoczony? Większość elementów, do których jesteś przyzwyczajony - po prostu się nie wyświetli.

Dzięki JavaScriptowi powstały takie serwisy jak Mapy oraz Dokumenty Google. To właśnie na JavaScript opiera się wiele startupów tworząc swoje serwisy internetowe. Jest też popularny i powszechnie stosowany również poza światem WWW - umożliwia pisanie aplikacji na telefony, komputery, działających po stronie serwera (m.in. popularny Node.js). Jednocześnie JS jest językiem prostym, bardzo często wybieranym na pierwszy język do nauki programowania - zarówno przez osoby prywatne, jak i przez uniwersytety. JavaScript upraszcza wiele koncepcji programistycznych, pozwalając programistom nie martwić się skomplikowanymi zagadnieniami, a skupić się na pisaniu aplikacji.

Program na czasie – na naszym kursie JavaScript Developer uczymy tego, co obecnie jest standardem

Uczymy programowania aplikacji w JavaScript. Zaczynamy od sprawnego omówienia podstaw budowy serwisów internetowych, czyli HTML, style CSS, formaty danych, metody osadzania grafiki itd. Następnie poznasz sam język Javascript i nauczysz się programowania samego w sobie - podstawowych zasad, składni, konstrukcji języka, samodzielnego pisania krótkich programów. Kolejno, omówimy bardziej szczegółowo zasady działania aplikacji webowych “pod spodem”: protokół HTTP wraz z ćwiczeniami, działanie ciasteczek, idea komunikacji z serwisami z backendu i sposoby, formaty wymiany danych z serwerem. Wreszcie: nauczymy się tworzenia “poważniejszych” aplikacji na froncie, w toku zajęć wprowadzając i wykorzystując jedną z najpopularniejszych obecnie bibliotek świata JavaScript - React. Oraz dodatkowo w międzyczasie, w ćwiczeniach i w pracach domowych dotkniemy jeszcze kilku narzędzi przydatnych w pracy developera (np. Git). W toku całych zajęć, zakodujesz większą aplikację w React.

JavaScript rozwija się bardzo szybko - książki i tutoriale często za nim nie nadążają. Program kursu przygotowali praktycy z wieloletnim doświadczeniem zawodowym i regularnie go aktualizujemy.

Czego się nauczysz na kursie podstawowym JavaScript?

Podstawy programowania

Dużo czasu poświęcamy na nim dobremu zrozumieniu spraw podstawowych: idei zmiennych, łączenia ze sobą podstawowych instrukcji, tworzeniu własnych funkcji.

Programowanie w JavaScript

Na JavaScript bootcamp nauczysz się praktycznych, nowoczesnych technik pracy w JavaScript, które są niezbędne w procesie tworzenia nowoczesnych stron oraz internetowych aplikacji. Przyswoisz dobre praktyki kodowania. Dowiesz się jak dostarczać interaktywność poprzez reagowanie na zdarzenia i budowanie elementów nawigacyjnych. Nauczysz się walidować formularze, obsługiwać błędy i komunikować się z API. Poznasz zasady działania aplikacji internetowych "pod spodem" - protokoły, mechanizmy komunikacji - co, jak i dlaczego działa.

Podstawy React

Poznasz React, czyli bibliotekę stworzoną przez Facebooka, która pozwala w wygodny sposób budować interaktywne interfejsy aplikacji internetowych. React opiera się na komponentach, które raz przygotowane można ze sobą integrować i wykorzystywać w różnych miejscach. Z Reacta korzystają największe firmy, takie jak np. Airbnb, Uber, Netflix czy Twitter.

Node.js i npm

Na kursie podstawowym Node.js i menedżer pakietów npm służą jako środowisko pracy programisty: instalujesz pakiety i uruchamiasz projekty tak, jak w prawdziwych zespołach. W wariancie XL wykorzystujesz je w większych projektach: z TypeScriptem, Vite, testami i Next.js.

Narzędzia i usługi AI

Na kursie nauczysz się korzystać z narzędzi AI, dzięki którym praca programistów i web designerów staje się łatwiejsza i bardziej efektywna. Pomoc w edycji kodu, wsparcie w testowaniu i kontroli jakości, generowanie całych funkcji czy fragmentów HTML – to tylko niektóre z czynności, w których mogą Ci pomóc narzędzia takie jak Claude, Cursor, Gemini czy Copilot. Na tym kursie to Ty panujesz nad całym kodem aplikacji, ale AI może radykalnie przyspieszyć pracę. Elementem kursu jest także dodanie do własnej aplikacji funkcji korzystającej z modelu językowego (np. przez API OpenAI).

Czego się nauczysz dodatkowo na całym kursie JS Frontend Developer XL?

TypeScript, React i architektura aplikacji

Poznasz TypeScript i zbudujesz z nim większą aplikację w React: od analizy wymagań i makiety, przez podział na komponenty i warstwy, po zarządzanie stanem z Redux Toolkit.

Next.js

Poznasz Next.js: routing, renderowanie po stronie serwera i komponenty serwerowe, pobieranie danych oraz wpływ renderowania na SEO.

Testy, dokumentacja i wdrożenie

Napiszesz testy komponentów i logiki, udokumentujesz komponenty w Storybooku i wdrożysz aplikację w internecie.

Byłem webmasterem, jestem developerem.

Strony WWW robię od kilkunastu miesięcy. Sam się nauczyłem HTML-a. Wordpress, Joomla - proste strony dla salonów kosmetycznych, przedszkoli, fora internetowe czy e-sklepy na szablonie. Pewnego razu jeden z moich Klientów polecił mnie komuś kto chciał umieścić kilka "bajerów" na swojej stronie i szukał podwykonawcy. Było mi głupio - klient mnie polecił a ja niestety nie umiem JavaScript. Postanowiłem, że ostatni raz takie zlecenie przechodzi mi koło nosa. Poszedłem na bootcamp z JS i teraz przyjmuję wszystkie zlecenia. Nawet zatrudniłem sobie pracownika do pomocy.

Piotr l.33 Warszawa

Kurs JavaScript online vs. stacjonarnie – nauka dostosowana do Ciebie

Preferujesz naukę stacjonarnie, w klimatyzowanych salach, na zapewnionym przez nas nowoczesnym sprzęcie komputerowym? Wybierz kurs JavaScript Warszawa lub kurs JavaScript Kraków. Wolisz uczyć się zdalnie? Weź udział w dokładnie tych samych zajęciach, na żywo z grupą i trenerem, przez aplikację wideokonferencyjną. Stawiamy na praktyczne, intensywne warsztaty - prowadzone przez doświadczonych trenerów. Pracujemy w małych grupach. Każdy dzień kursu jest wypełniony ćwiczeniami - trenujesz na rzeczywistych przykładach, stykasz się z prawdziwymi problemami - na które możesz trafić samodzielnie tworząc aplikacje webowe.

Dlaczego lepiej wybrać nasz kurs, niż typowy kurs online?

“Robienia stron można się nauczyć samemu - z tutoriali?”

Pewnie nie raz słyszałeś takie stwierdzenie. Czy to jest prawda? Nie do końca. W internecie jest sporo tutoriali, ebooków do nauki programowania czy gotowych (nagranych) materiałów video. Trzeba pamiętać, że książki - to głównie teoria; oczywiście można z nich korzystać, ale stopniowo, czy też np. robiąc prawdziwy projekt, możesz spotkać się z przeszkodami, których nie uda Cię się samodzielnie pokonać, a w książkach nie będzie rozwiązań dla Twojego problemu czy odpowiedzi na Twoje pytania. W materiałach online w formie poradników, czy nawet nagrań, brak jest kontaktu z nauczycielem. Zawodu, czy dobrych nawyków programistycznych dobrze (i efektywnie) jest uczyć się poprzez praktykę i z dwukierunkową komunikacją. Uczyć się od kogoś, kto wykonał podobnych projektów dziesiątki; od doświadczonego, zawodowego programisty. Pomocny bywa też kontakt i wymiana doświadczeń z ludźmi podobnymi do Ciebie.

A czemu nie kurs online, tzw. e-learning?

Rozmaite (od drobnych, po duże i kompleksowe) kursy e-learningowe, bazujące na gotowych materiałach i nagraniach, bywają przydatne i wartościowe. Sami też czasem polecamy słuchaczom np. książki, czy różne kursy i tutoriale w internecie. Natomiast:

Zajęcia w formie bootcampu, w szczególności na sali z wykładowcą i innymi kursantami, albo online ale również na żywo z grupą i trenerem - to zupełnie co innego niż wszelkie formy nauki z internetu, czy to z ogólnodostępnych materiałów, poradników, czy e-learningowej. Nic nie zastąpi natychmiastowego, bezpośredniego kontaktu z wykładowcą, który może od ręki podejść, znaleźć pomyłkę, czy odpowiedzieć na pytanie. To zupełnie inna jakość i zupełnie inny rodzaj zajęć.

I dodatkowo, interakcja z grupą. Z innymi kursantami, którzy też wykonują te same ćwiczenia. Różne osoby próbują rozwiązywać problemy w różny sposób, popełniając różne błędy... Omawianie tych sposobów, możliwości, błędów, jak również kontakt "społeczny" z osobami w podobnej do Ciebie sytuacji. Możliwość nawiązania przy okazji relacji, znajomości czy kontaktów. Wszystko to jest bezcenne.

Jedną z opcji uczestnictwa w naszych zajęciach jest tryb zdalny, ale nadal są to zajęcia, które odbywają się na żywo z trenerem, nie jest to tylko odtwarzanie nagrań. Wybór należy do Ciebie – możesz uczyć się w sali szkoleniowej lub w domu, ale zawsze z osobą, która odpowie na Twoje pytania, i z całą grupą, która motywuje Cię do pracy.

Forma bootcampa - zajęcia na żywo - to najskuteczniejszy i najszybszy sposób nauki.

Kurs JavaScript to również nauka w domu

Każdy kursant otrzymuje pakiet autorskich materiałów w formie elektronicznej lub drukowanej. Są to wysokiej jakości materiały do nauki opracowane przez naszych ekspertów. Żeby tworzyć dobre aplikacje, musisz dużo ćwiczyć. Pomiędzy blokami zajęć jest przerwa, którą powinieneś wykorzystać na utrwalenie wiedzy i ćwiczenia przygotowane przez trenera. Nic nie dzieje się samo, trzeba przyłożyć się do nauki również w domu. Tylko duża ilość ćwiczeń sprawi, że bardzo szybko opanujesz technologię. Jeśli masz problem z zadaniem - zawsze możesz skontaktować się ze swoim trenerem.

Trenerzy JavaScript bootcamp - wiedza połączona z praktyką

Trener, który będzie prowadził ten kurs to wykładowca i informatyk w jednej osobie. Nasi trenerzy to praktycy z wieloletnim doświadczeniem zawodowym, którzy od lat realizują projekty IT dla firm zewnętrznych, organizacji i instytucji publicznych – dzięki temu zajęcia są pełne przykładów z realnych projektów.

Trenerzy ALX
Jesteśmy wykładowcami

którzy umieją dobrze i skutecznie komunikować się z ludźmi. Dzięki temu potrafimy szkolić i przekazywać wiedzę w bardzo przystępny sposób.

Jesteśmy informatykami

którzy IT znają nie tylko w teorii. Cały czas jesteśmy aktywni zawodowo. To siła naszego zespołu.

Nie martw się o sprzęt do nauki! Zapewniamy go w szkole programowania ALX
Nie martw się o sprzęt do nauki.
Zapewniamy go.
Nowoczesny sprzęt komputerowy będzie do Twojej dyspozycji podczas kursu. Oprócz motywacji i chęci do nauki nie musisz niczego ze sobą zabierać.

Program szkolenia

Wersja podstawowa


  1. Wprowadzenie do programowania internetowego
    • Podstawowe pojęcia programowania internetowego: internet, frontend, backend, aplikacja webowa
    • Czym jest strona internetowa, a czym aplikacja webowa?
    • Rola HTML, CSS i JavaScript w budowie stron
    • Podstawowe pojęcia związane z pracą programisty
  2. Narzędzia i środowisko pracy
    • Edytory i środowiska deweloperskie, np. VS Code, Cursor
    • Panel deweloperski w przeglądarkach internetowych: Chrome, Firefox
    • Inspekcja i debugowanie stron oraz skryptów
    • Podstawy pracy z plikami projektu
    • Uruchamianie prostej strony lokalnie w przeglądarce
    • Ćwiczenie I: przygotowanie środowiska pracy i uruchomienie pierwszej strony.
  3. Podstawy budowy stron – HTML, CSS i model DOM
    • Co to jest znacznik/tag?
    • Organizacja elementów strony
    • Semantyka HTML5
    • Czym jest DOM?
    • Selektory: element, class, id
    • Podstawowe właściwości CSS
    • Model pudełkowy: margin, border, padding, content
    • Podstawy responsywności stron
    • Podstawy accessibility i WCAG: semantyka, teksty alternatywne, etykiety formularzy
    • Podstawy SEO: struktura nagłówków, tytuł strony, opis, znaczniki semantyczne
    • Podstawowe tips and tricks HTML5/CSS
    • Ćwiczenie II: stworzenie prostej, responsywnej strony HTML/CSS.
  4. Narzędzia AI w pracy programisty
    • Wsparcie AI w pracy z kodem: autouzupełnianie, refaktoryzacja, generowanie fragmentów HTML/CSS
    • Praca z istniejącym kodem w Cursorze, GitHub Copilot lub podobnym narzędziu
    • Wykorzystanie modeli językowych do rozwiązywania zadań i wyjaśniania kodu, np. ChatGPT, Claude lub Gemini
    • Jak pisać dobre prompty techniczne
    • Jak prosić AI o poprawę struktury HTML, uporządkowanie CSS lub znalezienie błędu
    • Jak weryfikować kod wygenerowany przez AI
    • Granice wykorzystania AI: bezpieczeństwo, prywatność, prawa autorskie
    • Ćwiczenie III: ulepszanie prostej strony HTML/CSS z pomocą AI.
  5. JavaScript – fundamenty
    • Czym jest ECMAScript i wersje JavaScript – krótkie omówienie
    • Zmienne, obowiązkowe i rekomendowane praktyki nazywania zmiennych: let, const
    • Komentowanie i dokumentowanie kodu
    • Prymitywne typy danych, konwersja typów
    • Operatory: arytmetyczne, przypisania, inkrementacji, dekrementacji, relacyjne, logiczne
    • Interakcja z użytkownikiem
    • Instrukcje warunkowe, instrukcja switch
    • Pętle
    • Funkcje, w tym funkcje strzałkowe
    • Obiekty, metody, klasy i podstawy OOP
    • Tablice
    • Mapy i zbiory – wprowadzenie
    • Moduły: import i export
    • Czym różni się JavaScript od TypeScript – krótkie omówienie
    • Podsumowanie: zadania i pytania sprawdzające
    • Ćwiczenie IV: zadania praktyczne z podstaw JavaScript.
  6. JavaScript praktycznie – VanillaJS
    • Komunikacja pomiędzy JavaScript, HTML i CSS
    • Obsługa zdarzeń: click, submit, input, addEventListener
    • Animacje i manipulacja stroną DOM
    • Tworzenie modali, czyli okien dialogowych
    • Przechowywanie danych na stronie: localStorage, cookies
    • Walidacja formularza
    • Prosta aplikacja SPA – HTML + CSS + JS
    • Ćwiczenie V: stworzenie prostej aplikacji SPA w HTML, CSS i JavaScript.
  7. Jak frontend komunikuje się z backendem
    • Podstawy protokołu HTTP – jak działają strony?
    • Asynchroniczność: Promise i async/await
    • Technologia AJAX i Fetch API
    • JSON jako format wymiany danych
    • Obsługa błędów podczas komunikacji z API
    • Przygotowanie środowiska do pracy – Node.js
    • Jak instalować moduły? Przydatne polecenia npm
    • Ćwiczenie VI: pobieranie i wyświetlanie danych z API.
  8. Projekt praktyczny – frontend do prostego bloga
    • REST – komunikacja z backendem
    • Dynamiczne ładowanie treści
    • Dodawanie nowych postów
    • Wyświetlanie postów
    • Edycja postów
    • Dodawanie i usuwanie komentarzy
    • Ćwiczenie VII: stworzenie frontendu do prostego bloga.
  9. AI w aplikacjach JavaScript – integracja z modelami językowymi
    • Jak działają LLM API: klucze, endpointy, format żądań
    • Bezpieczne korzystanie z kluczy API
    • Łączenie z API wybranego dostawcy modeli, np. OpenAI
    • Wysyłanie wiadomości i odbieranie odpowiedzi
    • Streaming odpowiedzi: ReadableStream, efekt pisania w UI
    • Przechowywanie historii konwersacji w JS – tablica messages
    • Dodanie funkcji AI do aplikacji blogowej
    • Ćwiczenie VIII: dodanie funkcji AI do bloga, np. generowanie tytułu, podsumowania lub sugestii treści posta.
  10. Wprowadzenie do Reacta
    • Jak zacząć?
    • Tworzenie nowego projektu
    • Struktura projektu
    • Jak działają komponenty?
    • Co składa się na komponent?
    • Czym jest JSX?
    • Props i stan komponentu (hook useState)
    • Obsługa zdarzeń w komponentach
    • Routing – wprowadzenie
    • Tworzenie prostej aplikacji w React
    • Ćwiczenie IX: stworzenie prostej aplikacji w React.

Wersja XL - dodatkowe tematy


  1. Rynek, aktualne oczekiwania i rola AI we frontendzie
    • Obecne oczekiwania wobec front-end developera
    • Co jest dziś standardem: JavaScript, TypeScript, React, Git, praca z API, testy, podstawy deployu
    • Co się zdeaktualizowało lub zeszło na dalszy plan
    • Co jest aktualnie na topie: TypeScript, React, Next.js, Vite, komponentowe UI, testowanie, Storybook, AI-assisted development
    • Rola AI w pracy developera
    • Ograniczenia AI: halucynacje, bezpieczeństwo, błędy w kodzie, konieczność review
    • Omówienie projektu końcowego kursu
    • Ćwiczenie I: analiza przykładowej oferty pracy frontendowej i mapowanie wymagań na tematy kursu.
  2. Node.js, npm, edytor z AI i workflow projektowy
    • Node.js jako środowisko narzędziowe dla frontendu
    • Menedżer npm, package.json, skrypty projektowe
    • Instalacja zależności
    • Vite jako środowisko projektowe
    • Zmienne środowiskowe i pliki .env
    • Konfiguracja edytora z asystentem AI (np. Cursor) do pracy z projektem
    • Podstawowa struktura projektu frontendowego
    • Konfiguracja ESLint i Prettier
    • Ćwiczenie II: utworzenie projektu React/Vite, konfiguracja edytora z AI i podstawowego workflow developerskiego.
  3. Git, GitHub i praca projektowa
    • Instalacja i konfiguracja Git
    • Repozytorium lokalne i zdalne
    • Polecenia commit, branch, merge, pull, push
    • Praca na branchach
    • Pull request – idea i uproszczony workflow
    • Rozwiązywanie prostych konfliktów przy łączeniu gałęzi
    • README projektu
    • Dobre praktyki commitowania
    • Ćwiczenie III: założenie repozytorium, pierwszy branch, prosty pull request i rozwiązanie konfliktu.
  4. Zaawansowany JavaScript
    • Obsługa błędów: try/catch, throw, własne błędy
    • Callbacki i callback hell
    • Promises
    • Składnia async/await
    • Promise.all, Promise.allSettled
    • Event loop – koncepcyjnie i praktycznie
    • Mikro- i makro-zadania
    • Moduły ES: import/export
    • Organizacja kodu w modułach
    • Praktyczne wzorce pracy z kodem asynchronicznym
    • Ćwiczenie IV: refaktoryzacja kodu z callbacków do Promise i async/await.
  5. TypeScript w aplikacjach frontendowych
    • Po co TypeScript w większych aplikacjach frontendowych
    • Różnice między JavaScript i TypeScript
    • Typy podstawowe
    • Typowanie zmiennych
    • Typowanie funkcji: parametry i wartości zwracane
    • Typowanie tablic i obiektów
    • Typy: type vs interface
    • Union types
    • Literal types
    • Optional properties
    • Type narrowing – zawężanie typów
    • Type guards
    • Generics – podstawy
    • Utility types: Pick, Omit, Partial, Record
    • Typowanie danych z API
    • Typowanie propsów komponentów React
    • Dobre praktyki pracy z TypeScriptem w projekcie frontendowym
    • Ćwiczenie V: przygotowanie typów dla modeli danych aplikacji oraz typowanie funkcji i komponentów.
  6. Komunikacja client-server i bezpieczeństwo
    • REST API w praktyce
    • Metody HTTP, statusy, nagłówki
    • JSON i struktury odpowiedzi API
    • Obsługa błędów API
    • Uwierzytelnianie i autoryzacja – koncepcyjnie
    • Tokeny, sesje, JWT – podstawy
    • Przechowywanie tokenów – ryzyka i dobre praktyki
    • CORS – koncepcyjnie
    • Mock backend / fake API
    • Krótkie omówienie GraphQL i WebSockets: kiedy się ich używa, bez głębokiego wdrożenia
    • Ćwiczenie VI: połączenie aplikacji z mock API i przygotowanie prostego przepływu logowania/autoryzacji.
  7. React z TypeScriptem – komponenty, state i hooks
    • Myślenie komponentowe
    • JSX i renderowanie UI
    • Props i typowanie propsów
    • Renderowanie warunkowe
    • Renderowanie list
    • Obsługa zdarzeń
    • State komponentu
    • Aktualizacja obiektów i tablic w stanie
    • Formularze kontrolowane
    • Lifting state up
    • Kompozycja komponentów
    • Context API – kiedy wystarczy, a kiedy lepszy jest Redux Toolkit
    • Hook useEffect i synchronizacja z zewnętrznymi systemami
    • Hook useRef
    • Custom hooks
    • Organizacja komponentów w większej aplikacji
    • Ćwiczenie VII: zbudowanie bazowych komponentów aplikacji w React + TypeScript.
  8. Analiza wymagań, Atomic Design i dekompozycja UI
    • Definiowanie wymagań aplikacji
    • User stories
    • Analiza widoków i przepływów użytkownika
    • Podstawy pracy z makietą
    • Przejście od makiety do komponentów
    • Wprowadzenie do Atomic Design
    • Atomy, molekuły, organizmy, template’y/widoki
    • Dekompozycja komponentowa na podstawie mockupów
    • Uwzględnianie accessibility i WCAG na etapie projektowania UI
    • Przygotowanie backlogu / listy zadań na bazie user stories
    • Ćwiczenie VIII: analiza wymagań, praca z makietą i dekompozycja UI zgodnie z Atomic Design.
  9. Architektura aplikacji SPA
    • Projektowanie struktury folderów
    • Podział aplikacji na warstwy: UI, logika, API, routing, stan
    • Routing aplikacji
    • Organizacja komponentów, widoków i modułów
    • Separacja logiki biznesowej od warstwy prezentacyjnej
    • Organizacja komunikacji z API
    • Obsługa stanów aplikacji: loading, error, success
    • Przygotowanie aplikacji pod dalszą rozbudowę
    • Planowanie implementacji większej funkcjonalności
    • Ćwiczenie IX: zaprojektowanie architektury aplikacji SPA i przygotowanie struktury projektu.
  10. Stan aplikacji, Redux Toolkit i integracja z API
    • Local state vs global state
    • Kiedy globalny store ma sens
    • Redux Toolkit – idea i podstawy
    • Store
    • Slices
    • Actions i reducers
    • Typowanie Redux Toolkit w TypeScript
    • Asynchroniczna komunikacja z API
    • Loading/error/success state
    • Autoryzowane zapytania do API
    • Organizacja logiki aplikacji
    • Ćwiczenie X: dodanie globalnego stanu i integracji z API do aplikacji SPA.
  11. AI w zaawansowanej aplikacji frontendowej
    • Jak działają LLM API: klucze, endpointy, format żądań
    • Bezpieczne korzystanie z kluczy API
    • Backend/proxy/serverless jako pośrednik między frontendem a LLM API
    • Łączenie z API wybranego dostawcy modeli, np. OpenAI
    • Wysyłanie wiadomości i odbieranie odpowiedzi
    • Przekazywanie kontekstu aplikacji do modelu
    • Streaming odpowiedzi: ReadableStream, efekt pisania w UI
    • Przechowywanie historii konwersacji w JS – tablica messages
    • Obsługa stanów: loading, error, success
    • Dodanie funkcji AI do budowanej aplikacji SPA
    • Ćwiczenie XI: dodanie funkcji AI do aplikacji, np. generatora opisu, podsumowania, sugestii lub asystenta kontekstowego.
  12. Storybook i dokumentowanie UI
    • Po co dokumentować komponenty wizualnie
    • Wprowadzenie do Storybooka
    • Stories dla komponentów
    • Warianty komponentów
    • Dokumentowanie propsów i stanów komponentów
    • Komponenty w izolacji
    • Dokumentowanie komponentów powstałych dla funkcji AI
    • Storybook jako narzędzie komunikacji w zespole
    • Ćwiczenie XII: przygotowanie Storybooka dla wybranych komponentów aplikacji.
  13. Testowanie aplikacji frontendowej
    • Po co testować frontend
    • Testy jednostkowe logiki JS/TS
    • Testy komponentów React
    • React Testing Library – podstawy
    • Mockowanie API
    • Testowanie loading/error/success state
    • Testowanie wybranej logiki funkcji AI
    • Testy E2E – koncepcyjnie
    • Playwright/Cypress – krótkie omówienie
    • Co testować, a czego nie testować
    • Ćwiczenie XIII: napisanie podstawowych testów dla logiki, komponentu i wybranego przepływu użytkownika.
  14. Wdrożenie aplikacji na Netlify
    • Build aplikacji
    • Zmienne środowiskowe na produkcji
    • Deploy aplikacji SPA na Netlify
    • Konfiguracja projektu po stronie Netlify
    • Obsługa routingu SPA po wdrożeniu
    • Typowe problemy po deployu
    • Sprawdzenie działania aplikacji produkcyjnej
    • Ćwiczenie XIV: wdrożenie aplikacji na Netlify.
  15. Next.js – SSR, hydratacja i prosty projekt
    • Czym Next.js różni się od klasycznej aplikacji React SPA
    • Routing w Next.js
    • Client-side rendering vs server-side rendering
    • SSR
    • SSG – krótkie omówienie
    • Hydratacja – o co chodzi i dlaczego ma znaczenie
    • Server Components – koncepcyjnie
    • Client Components
    • Fetchowanie danych w Next.js
    • Layouty
    • SEO w aplikacjach renderowanych po stronie serwera
    • Metadane, struktura treści i wpływ renderowania na indeksowanie
    • Jamstack i headless CMS – krótkie omówienie
    • Prosty projekt w Next.js
    • Kiedy wybrać klasyczne SPA, a kiedy Next.js
    • Ćwiczenie XV: stworzenie prostego projektu Next.js z routingiem i pobieraniem danych.
Zapisz się na ten kurs
Wybierz interesujący Cię termin oraz miasto
Warszawa:
  • 10.12 (D)TooltipTriangle
  • 19.12 (Z)TooltipTriangle
Zdalnie:
  • 10.12 (D)TooltipTriangle
  • 19.12 (Z)TooltipTriangle
Żaden termin nie pasuje?
Podaj swój adres e-mail, a my powiadomimy Cię o przyszłych terminach