Naucz się nowoczesnego JavaScript i HTML tworząc 3 gry

Poznaj programowanie od podstaw budując klasyczne gry arcade. Dowiedz się jak działa logika gier i opanuj JavaScript, HTML, CSS

5.0(1)

99% zadowolonych klientów

Stworzony przez Mateusz Pałka

69,00 zł

30 dni gwarancji zwrotu pieniędzy

Rozpocznij naukę teraz, zapłać do 30 dni

Polska obsługa i faktura

Odkryj powiązane tematy

JavaScript HTML & CSS

W cenie szkolenia otrzymasz

calendar_clockPłacisz raz, wracasz kiedy chcesz

licenseCertyfikat ukończenia

currency_exchange30 dni gwarancji zwrotu

headset_micWsparcie online

forumDostęp do grupy dyskusyjnej

database_uploadAktualizacje w cenie

W skrócie

Zbuduj od podstaw 3 gry 2D: Pong, Arkanoid i Tetris.

Poznaj nowoczesny JavaScript i HTML Canvas w praktyce.

Ucz się krok po kroku, tworząc, edytując i testując kod.

Wystarczy przeglądarka i edytor; na starcie konfiguracja VS Code.

Dlaczego warto wybrać to szkolenie

Uczysz się poprzez działanie: razem tworzymy klasyczne gry 2D, a Ty na bieżąco piszesz, edytujesz i uruchamiasz kod. Taka praktyka porządkuje wiedzę i ułatwia trwałe zapamiętanie.

Pracujemy w nowoczesnym JavaScript i na HTML Canvas. Wystarczy przeglądarka i prosty edytor. Na początku pokazuję, skąd pobrać i jak obsługiwać VS Code. Całość prowadzę od podstaw, krok po kroku.

Trzy gry od zera – Pong, Arkanoid i Tetris budowane krok po kroku w 2D.
Praktyka zamiast teorii – Uczysz się, pisząc i modyfikując kod na własnym komputerze.
Nowoczesny JavaScript – Poznasz JS w praktyce, łącząc go z HTML Canvas i grafiką 2D.
Proste narzędzia – Wystarczy przeglądarka i edytor; na starcie konfiguracja VS Code.

Czego się nauczysz?

1
Zbudujesz trzy klasyki 2DUtworzysz od podstaw Pong, Arkanoid oraz Tetris w środowisku przeglądarki.
2
HTML Canvas w praktyceNauczysz się wykorzystywać Canvas do generowania grafiki 2D w grach.
3
Nowoczesny JavaScriptPoznasz JS używany w sieci i zastosujesz go w projektach tworzonych na kursie.
4
Praca krok po krokuPrzejdziesz proces tworzenia gier od podstaw, z jasnymi instrukcjami i prowadzeniem.
5
Konfiguracja VS CodeDowiesz się, skąd pobrać i jak obsługiwać Visual Studio Code w pierwszej lekcji.
6
Uruchamianie w przeglądarceBędziesz uruchamiać i testować projekty bezpośrednio w przeglądarce.
7
Edycja i modyfikacja koduZdobędziesz swobodę w tworzeniu, edytowaniu i dostosowywaniu elementów gier.
8
Podstawy tworzenia w sieciZbudujesz bazę, która pomoże Ci w dalszej nauce i rozwijaniu projektów internetowych.

Zobacz więcej Zobacz mniej

Dla kogo jest to szkolenie

Osoby zaczynające programowanie i chcące uczyć się przez praktykę.
Fani gier, którzy chcą stworzyć własne wersje klasyków 2D.
Uczniowie i studenci budujący pierwsze projekty do portfolio.
Entuzjaści WWW chcący poznać JavaScript i HTML Canvas.
Ci, którzy wolą naukę krok po kroku na realnych przykładach.
Każdy, kto ma przeglądarkę i edytor oraz chęć do nauki.
Osoby szukające motywującego wyzwania i jasnych instrukcji.

Wymagania

Wystarczy przeglądarka i prosty edytor tekstu (na starcie pokazuję VS Code). Reszta to chęć nauki — kurs prowadzi od podstaw, krok po kroku.

Opis szkolenia

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.

Zobacz więcej Zobacz mniej