Programowanie to jedna z kluczowych kompetencji współczesnego świata. W tym kursie podejmiesz wyzwanie: zbudujesz kilka klasycznych gier 2D, w tym Pong, Arkanoid i Tetris. Pracujemy w nowoczesnym JavaScript i z wykorzystaniem HTML Canvas, czyli elementu odpowiedzialnego za generowanie grafiki w przeglądarce. Stawiamy na praktykę: uczysz się, tworząc na własnym komputerze, i od razu widzisz efekty.

Co zbudujesz na kursie

Od pierwszych lekcji prowadzimy budowę klasycznych gier: Pong, Arkanoid i Tetris. Zaczynasz od pustych plików, a kończysz z działającymi projektami, które uruchomisz w przeglądarce. Każdy tytuł powstaje w świecie 2D na HTML Canvas, więc na bieżąco widzisz, jak kolejne elementy trafiają na ekran. W trakcie zajęć tworzysz, edytujesz i dostosowujesz kod do własnych pomysłów. Dzięki temu nie tylko utrwalasz materiał, ale też zyskujesz gotowe rezultaty, którymi możesz pochwalić się znajomym lub przyszłym pracodawcom.

Jak będziemy pracować

Ten kurs został zaprojektowany, abyś nie był biernym słuchaczem. Każdy moduł łączy krótkie wyjaśnienia z natychmiastową praktyką na Twoim komputerze. Podążasz z kursem, przepisujesz i modyfikujesz kod, a następnie obserwujesz rezultaty w przeglądarce. Dzięki takiemu podejściu utrwalenie wiedzy przychodzi naturalnie. Całość prowadzona jest od podstaw, krok po kroku, tak abyś w każdym momencie wiedział, co i dlaczego robisz, oraz żebyś mógł swobodnie dopasowywać poznawane elementy do własnego uznania.

JavaScript w praktyce

W roli głównej występuje JavaScript, najpopularniejszy język internetu. To właśnie z jego wykorzystaniem powstają różnorodne aplikacje internetowe oraz mobilne. Na kursie korzystasz z nowoczesnego JS, aby ożywić ekran, sterować logiką gier i pracować z elementami graficznymi. Poznajesz narzędzie, które realnie napędza współczesną sieć, a zdobyte podstawy staną się solidnym punktem wyjścia do dalszej przygody w tworzeniu internetu.

HTML Canvas i grafika 2D

Nasze projekty powstają na HTML Canvas. To element przeglądarki, który służy do generowania grafiki i doskonale nadaje się do gier 2D. Na Canvasie można tworzyć wszelkiego rodzaju obrazy; przykładem są mapy, które w przeglądarkach są rysowane właśnie na tym elemencie. Podczas kursu zobaczysz, jak umieszczać i porządkować elementy na scenie oraz jak dzięki prostym operacjom w JavaScript uzyskiwać pożądany efekt wizualny, budując podstawy potrzebne w przyszłych projektach.

Narzędzia i przygotowanie środowiska

Aby rozpocząć, potrzebujesz jedynie przeglądarki i prostego edytora tekstu — nawet systemowy Notatnik wystarczy. Żeby ułatwić Ci start, już w pierwszej lekcji zobaczysz, skąd pobrać i jak obsługiwać Visual Studio Code, czyli jedno z najpopularniejszych środowisk programistycznych. Potem od razu przechodzimy do tworzenia. Cały proces został przygotowany tak, byś mógł wygodnie pracować na własnym komputerze i na bieżąco sprawdzać efekty w przeglądarce.