2024-10-24

JavaScript dla początkujących: pierwszy krok do supermocy webowych

Proste i humorystyczne wprowadzenie do JavaScript: dlaczego jest ważny, co można z nim zbudować i dlaczego nie potrzebujesz peleryny, żeby zacząć programować.

JavaScript dla początkujących: pierwszy krok do supermocy webowych

A więc słyszałeś o JavaScript.

Może masz znajomego programistę, który nie przestaje o nim mówić.
Może otworzyłeś ogłoszenie o pracę i zobaczyłeś słowa:

“JavaScript wymagany”

napisane z cichą pewnością kogoś, kto zakłada, że wszyscy urodzili się ze znajomością callbacków.

A może po prostu chcesz zrozumieć, jak strony internetowe stają się interaktywne, zamiast siedzieć nieruchomo jak cyfrowe plakaty z 2004 roku.

Dobra wiadomość: jesteś we właściwym miejscu.

I nie, nie potrzebujesz peleryny.

Kawa może jednak pomóc.

Czym jest JavaScript?

JavaScript to język programowania, który sprawia, że strony internetowe wyglądają, jakby żyły.

Bez JavaScript wiele stron byłoby statycznych, cichych i emocjonalnie niedostępnych.

Z JavaScript strony mogą:

  • reagować, gdy klikniesz przycisk,
  • otwierać menu,
  • sprawdzać formularze,
  • zmieniać treść bez przeładowania strony,
  • pokazywać animacje,
  • tworzyć gry,
  • pobierać dane z API,
  • i czasami tworzyć wyskakujące okienka, które każą ci zwątpić w ludzkość.

W skrócie: HTML daje stronie strukturę.
CSS sprawia, że wygląda dobrze.
JavaScript sprawia, że coś robi.

Możesz myśleć o tym tak:

  • HTML to szkielet.
  • CSS to ubranie.
  • JavaScript to układ nerwowy, który mówi: “Coś się stało! Reaguj natychmiast!”

Bardzo dramatycznie.

Bardzo przydatnie.

Bardzo web development.


JavaScript to nie Java

Zanim pójdziemy dalej, wyjaśnijmy jedną ważną rzecz.

JavaScript to nie Java.

Tak, nazwy są podobne.

Nie, to nie znaczy, że to jest to samo.

Java i JavaScript są jak krokodyl i croissant.

Oba zaczynają się od “cro”.
To nie znaczy, że warto je pomylić.

Java jest często używana do aplikacji enterprise, rozwoju Androida, systemów backendowych i bardzo poważnych rzeczy, przy których ludzie często mówią “architektura”.

JavaScript narodził się w przeglądarce i stał się językiem internetu.

Dzisiaj może też działać na serwerach, tworzyć aplikacje mobilne, napędzać aplikacje desktopowe i pojawiać się prawie w każdej rozmowie o nowoczesnym web developmencie.

JavaScript jest wszędzie.

Czasami nawet trochę za bardzo wszędzie.

Ale właśnie dlatego warto się go nauczyć.


Dlaczego warto uczyć się JavaScript?

Jest wiele dobrych powodów, żeby uczyć się JavaScript.

Niektóre są praktyczne.

Niektóre są zawodowe.

A niektóre istnieją po prostu dlatego, że sprawienie, by przycisk zareagował na kliknięcie, daje dziwne poczucie mocy.

JavaScript działa w przeglądarce

Nie potrzebujesz skomplikowanej konfiguracji, żeby zacząć.

Masz już przeglądarkę.

To znaczy, że masz już miejsce, w którym JavaScript może działać.

Otwórz narzędzia deweloperskie, napisz kilka linijek kodu i nagle twoja przeglądarka staje się małym laboratorium.

Lekko chaotycznym laboratorium, tak.

Ale nadal laboratorium.

JavaScript jest przyjazny dla początkujących

Nie musisz być geniuszem matematycznym, żeby zacząć.

Nie musisz rozumieć teorii informatyki ze strony 700 tajemniczego podręcznika.

Możesz zacząć od prostych rzeczy:

console.log("Cześć, JavaScript!");

I tak po prostu komputer cię słucha.

Chociaż raz.

JavaScript robi strony interaktywne

Tutaj zaczyna się zabawa.

Z JavaScript możesz zmienić tekst przycisku:

const button = document.querySelector("button");

button.addEventListener("click", () => {
  button.textContent = "Kliknąłeś mnie!";
});

Mała rzecz?

Tak.

Ale to też początek prawdziwej interaktywności.

Dzisiaj przycisk zmienia tekst.

Jutro budujesz pełną aplikację webową i zastanawiasz się, dlaczego zarządzanie stanem ma własne emocje.

JavaScript otwiera drzwi zawodowe

JavaScript jest jednym z najważniejszych języków w web developmencie.

Używa się go we frontendzie, backendzie, projektach full-stack, automatyzacji, dashboardach, API i nowoczesnych frameworkach takich jak React, Next.js, Vue, Astro i wielu innych.

Jeśli chcesz budować strony lub aplikacje webowe, JavaScript prędzej czy później cię znajdzie.

Lepiej poznać go grzecznie.


Co możesz zbudować z JavaScript?

Bardzo dużo.

Naprawdę.

Kiedy zrozumiesz podstawy, możesz budować:

  • interaktywne strony internetowe,
  • kalkulatory,
  • galerie zdjęć,
  • formularze z walidacją,
  • małe gry,
  • aplikacje pogodowe,
  • listy zadań,
  • dashboardy,
  • strony korzystające z API,
  • pełne aplikacje webowe.

Na początku prawdopodobnie będziesz budować proste rzeczy.

I bardzo dobrze.

Każdy programista zaczyna od małych projektów.

Nikt pierwszego dnia nie buduje następnej gigantycznej platformy.

A jeśli ktoś mówi, że zbudował, sprawdź jego historię Git.

Prawda mieszka właśnie tam.


O czym jest ten kurs?

Ten kurs JavaScript jest przygotowany dla początkujących.

Nie “początkujących” w sensie:

“Powinieneś już znać trzy frameworki i rozumieć programowanie asynchroniczne.”

Nie.

Dla prawdziwych początkujących.

Dla osób, które chcą jasnych wyjaśnień, prostych przykładów i żadnego niepotrzebnego cierpienia.

W tym kursie pójdziemy krok po kroku.

Nauczysz się:

  • czym jest JavaScript,
  • jak napisać swój pierwszy kod,
  • jak działają zmienne,
  • jak funkcje pomagają organizować logikę,
  • jak warunki podejmują decyzje,
  • jak pętle powtarzają działania,
  • jak tablice przechowują wiele wartości,
  • jak obiekty organizują dane,
  • jak JavaScript współpracuje z HTML,
  • i jak sprawić, żeby strony reagowały na użytkowników.

Będzie praktycznie.

Będzie przyjaźnie.

A kiedy JavaScript zacznie zachowywać się dziwnie, nie będziemy udawać, że to twoja wina.

Czasami JavaScript po prostu jest JavaScriptem.


Ale ja nigdy wcześniej nie programowałem

Idealnie.

Właśnie dlatego ten kurs istnieje.

Nie potrzebujesz wcześniejszego doświadczenia.

Nie musisz znać zaawansowanej matematyki.

Nie musisz płynnie mówić terminalem.

Potrzebujesz tylko:

  • ciekawości,
  • cierpliwości,
  • komputera,
  • i zdolności przetrwania małych momentów zamieszania bez rzucania laptopem do najbliższej rzeki.

Programowanie nie polega na tym, że wiesz wszystko od razu.

Polega na uczeniu się myślenia, testowania, psucia rzeczy, naprawiania ich i powolnego tracenia strachu przed komunikatami błędów.

Bardzo powolnego.

Ze snackami.


Pierwszy moment z JavaScript

Jedną z najlepszych rzeczy w JavaScript jest to, jak szybko możesz zobaczyć efekty.

Piszesz coś.

Klikasz coś.

Coś się zmienia.

Ten feedback jest bardzo mocny.

Sprawia, że nauka jest mniej abstrakcyjna i bardziej żywa.

Na przykład z JavaScript możesz wziąć nudny przycisk i dać mu małą osobowość:

<button id="magicButton">Kliknij mnie</button>

<script>
  const button = document.querySelector("#magicButton");

  button.addEventListener("click", () => {
    button.textContent = "JavaScript działa!";
  });
</script>

Czy to mały przykład?

Tak.

Czy daje satysfakcję?

Też tak.

I właśnie tak się zaczyna.

Jedno małe kliknięcie.

Potem kolejne.

A potem nagle tłumaczysz komuś, dlaczego frontend development jest jednocześnie piękny i emocjonalnie skomplikowany.


Dlaczego ten kurs nie jest straszny

Niektóre kursy programowania próbują brzmieć bardzo poważnie.

Zaczynają od trudnych słów, abstrakcyjnych wyjaśnień i diagramów, które wyglądają tak, jakby zaprojektowano je specjalnie po to, żeby odstraszyć początkujących.

Ten kurs taki nie będzie.

Cel jest prosty:

Pomóc ci zrozumieć JavaScript bez poczucia, że przypadkiem dołączyłeś do tajnego stowarzyszenia.

Będziemy używać prostego języka.

Będziemy budować małe przykłady.

Będziemy spokojnie wyjaśniać rzeczy.

I tak, dodamy trochę humoru, bo nauka kodu bez humoru jest jak instalowanie Linuksa bez internetu.

Technicznie możliwe.

Emocjonalnie niebezpieczne.


Dla kogo jest ten kurs?

Ten kurs jest dla ciebie, jeśli:

  • jesteś nowy w programowaniu,
  • chcesz nauczyć się web developmentu,
  • znasz już trochę HTML i CSS i chcesz dodać interaktywność,
  • chcesz zrozumieć, co JavaScript naprawdę robi,
  • chcesz budować realne rzeczy, zamiast tylko czytać teorię,
  • chcesz kurs dla początkujących, który nie traktuje zamieszania jak przestępstwa.

Zamieszanie jest normalne.

Każdy programista patrzył kiedyś na kod i szeptał:

“Dlaczego ty taki jesteś?”

Witaj w klubie.


Gotowy, żeby zacząć?

JavaScript może na początku wyglądać dziwnie.

Będą nawiasy.

Będą średniki.

Będą momenty, kiedy przeglądarka nic nie powie, a potem odkryjesz, że napisałeś funtion zamiast function.

Piękny ból.

Ale kiedy wszystko zacznie się układać, JavaScript staje się niesamowicie potężny.

Zaczniesz rozumieć, jak działają nowoczesne strony internetowe.

Przestaniesz patrzeć na przyciski jak na zwykłe przyciski.

Zaczniesz myśleć:

“Mógłbym zrobić to interaktywne.”

To jest niebezpieczny moment.

To wtedy budzi się w tobie developer.

Prawdopodobnie zmęczony.

Prawdopodobnie z kawą w ręce.

Ale obudzony.


Zacznij kurs JavaScript

Gotowy, żeby rozpocząć podróż?

Możesz zacząć pełny kurs JavaScript tutaj:

Zacznij kurs JavaScript

Weź laptopa.

Weź ciekawość.

Weź kawę, jeśli trzeba.

Peleryna nadal jest opcjonalna.