---
title: JavaScript building blocks
slug: Learn/JavaScript/Building_blocks
translation_of: Learn/JavaScript/Building_blocks
---
<div>{{LearnSidebar}}</div>

<p class="summary">W tym module kontynuujemy omówienie najważniejszych, podstawowych funkcji języka Javascript. Zwrócimy uwagę na często spotykane typy bloków kodu, takie jak: pętle, funkcje oraz zdarzenia. Mogłeś zobaczyć te treści w poprzednim module, jednak tutaj omówimy je bardziej szczegółowo.</p>

<h2 id="Wymagania">Wymagania</h2>

<p>Przed rozpoczęciem tego modułu powinieneś znać podstawy <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">HTML-a</a> oraz <a href="/en-US/docs/Learn/CSS/Introduction_to_CSS">CSS-a</a>. Powinieneś również przyswoić treści zawarte w poprzednim module - <a href="/pl/docs/Learn/JavaScript/Pierwsze_kroki">Pierwsze kroki w Javascript</a></p>

<p>Before starting this module, you should have some familiarity with the basics of <a href="/en-US/docs/Learn/HTML/Introduction_to_HTML">HTML</a> and <a href="/en-US/docs/Learn/CSS/Introduction_to_CSS">CSS</a>, and you should have also worked through our previous module, <a href="/en-US/docs/Learn/JavaScript/First_steps">JavaScript first steps</a>.</p>

<div class="note">
<p><strong>Informacja</strong>: Jeżeli pracujesz na komputerze/tablecie/innym urządzeniu na którym nie masz możliwości tworzenia własnych plików, możesz wypróbować przedstawione przykłady w programach online, takich jak: <a href="http://jsbin.com/">JSBin</a> lub <a href="https://thimble.mozilla.org/">Thimble</a>.</p>
</div>

<h2 id="Przewodnik">Przewodnik</h2>

<dl>
 <dt><a href="/en-US/docs/Learn/JavaScript/Building_blocks/conditionals">Podejmowanie decyzji w kodzie — warunki</a></dt>
 <dd>W każdym języku programowania kod musi podejmować decyje i odpowiednio reagować w zależności od wyniku operacji. Przykładem jest gra, w której jeżeli liczba graczy jest równa 0, wtedy gra się kończy. Inną aplikacją poglądową może być aplikacja pogodowa - jeżeli będziemy używać aplikacji rano, wtedy zostanie nam pokazany wschód słońca. Podziwiać gwiazdy i księżyć będziemy mogli podczas trwania nocy. W tym artykule odkryjemy jak działają struktury warunkowe w Javascript</dd>
 <dt><a href="/en-US/docs/Learn/JavaScript/Building_blocks/Looping_code">Pętle</a></dt>
 <dd>Czasami będziesz potrzebować, aby zadanie zostało wykonane więcej niż raz - przykładem może być tutaj wyświetlenie listy nazwisk. W programowaniu pętle wykonują świetną robotę. W tym artykule spojrzymy na nie w kontekście języka Javascript.</dd>
 <dt><a href="/en-US/docs/Learn/JavaScript/Building_blocks/Functions">Funkcje — wielokrotne wykorzystanie jednego bloku kodu</a></dt>
 <dd>Inną podstawową koncepcją w kodowaniu jest funkcja. Funkcje umożliwiają przechowywanie fragmentu kodu, który jest odpowiedzialny za jedno zadanie. Do uruchomienia tego bloku kodu jest potrzebna krótka komenda - zamiast wielokrotnego pisania tego samego kodu. W tym artykule zbadamy podstawowe pojęcia dotyczące funkcji, takie jak: składnia, sposób wywołania, definiowanie funkcji, zasięg i parametry.</dd>
 <dt><a href="/en-US/docs/Learn/JavaScript/Building_blocks/Build_your_own_function">Zbuduj własną funkcję</a></dt>
 <dd>W przeciwieństwie do poprzednich, czysto teoretycznych artykułów, ten artykuł przedstawia praktyczne wykorzystanie funkcji. Tutaj otrzymasz zadanie praktyczne, w której napiszesz własną, niestandardową funkcję. W międzyczasie wyjaśnimy też kilka przydatnych szczegółów związanych z funkcjami.</dd>
 <dt><a href="/en-US/docs/Learn/JavaScript/Building_blocks/Return_values">Funkcje zwracają wartości</a></dt>
 <dd>Jest jeszcze jedna zasadnicza koncepcja, którą przedstawimy Ci w naszym kursie. Powiązana jest z funkcjami - zwracanie wartości. Niektóre funkcje nie zwracają konkretnej wartości po wykonaniu, a inne tak. Ważne jest, abyś zrozumiał jakie mogą być ich wartości, jak możesz je użyć w swoim kodzie oraz jak sprawdzić by Twoje własne funkcje zwróciły pomocne wartości.</dd>
 <dt><a href="/en-US/docs/Learn/JavaScript/Building_blocks/Events">Wprowadzenie do zdarzeń</a></dt>
 <dd>Wydarzenia są akcjami, które występują w aplikacji podczas programowania, a które aplikacja pokaże Ci, abyś mógł na nie zareagować, jeżeli jest taka potrzeba. Przykładem jest tutaj sytuacja, w której użytkownik naciska przycisk na stronie internetowej, a Ty chciałbyś powiązać to wydarzenie z wyświetleniem informacyjnego okna. W tym ostatnim artykule poruszymy kilka ważnych tematów związanych z wydarzeniami i zobaczymy jak działają w przeglądarkach internetowych.</dd>
</dl>

<h2 id="Podsumowanie">Podsumowanie</h2>

<p>Poniższe podsumowanie sprawdzi Twoje rozumienie podstaw języka Javascript z powyższego przewodnika.</p>

<dl>
 <dt><a href="/en-US/docs/Learn/JavaScript/Building_blocks/Image_gallery">Galeria zdjęć</a></dt>
 <dd>Teraz, gdy przyjrzeliśmy się podstawowym elementom składowym JavaScript, przetestujemy Twoją wiedzę na temat pętli, funkcji, warunków i zdarzeń, budując dość popularny element, który zobaczysz na wielu stronach internetowych - galeria zdjęć z obsługą JavaScript .</dd>
</dl>