warsztat

JavaScript

praktyczna sciezka nauki JavaScript od zera

Polski

najpierw definicja

co oznacza JavaScript

JavaScript sluzy do pisania precyzyjnych instrukcji. Tutaj uczysz sie go jako praktyczna sciezka nauki JavaScript od zera. Model startowy: wejscie przechodzi przez kroki i staje sie wyjsciem.

minimum uruchomieniaplik app.jsuruchom node app.jsnawyk poznaj maly fragment JavaScript, wpisz minimalny przyklad i uruchom go
program

uporzadkowany zestaw instrukcji.

wartosc i zmienna

wartosc to dane. zmienna to nazwa, ktora je przechowuje.

funkcja

male nazwane zadanie z wejsciem i wynikiem.

runtime

Browser console or Node.js uruchamia kod z app.js.

pierwszy czytelny kod

wartosci i zmienne

wartosci zmienne tekst liczby boolean obiekty tablice
const score = 40 + 2;
console.log(score);
wyjscie 42

rodowod jezyka

drzewo JavaScript

zobacz skad pochodzi JavaScript, jakie jezyki sa blisko i co dalej.

korzenie
CJavaSchemeSelf
terazJavaScriptrodzina jezykow web i interfejsow
rodzinarodzina jezykow web i interfejsow
najlepsze do

najlepsze do praktyczna sciezka nauki JavaScript od zera

od zera

1przeczytaj jedna zasade2przewidz wynik3pisz z pamieci4uruchom sprawdzanie5powtorz z jedna zmiana

Bank pytan

Najpierw szukaj potem cwicz

Wybierz etap lub szukaj w banku tego jezyka i otworz zadanie.

18 wynikow
Q 1WyborEtap 1 definicje

JavaScript pytanie 1

JavaScript pytanie 1. Wybierz zdanie najlepiej pasujace do stala zmienna.

Q 2WyborEtap 1 definicje

JavaScript pytanie 2

JavaScript pytanie 2. Wybierz zdanie najlepiej pasujace do zwrot funkcji.

Q 3WyborEtap 1 definicje

JavaScript pytanie 3

JavaScript pytanie 3. Wybierz zdanie najlepiej pasujace do mapowanie tablicy.

Q 4WyborEtap 1 definicje

JavaScript pytanie 4

JavaScript pytanie 4. Wybierz zdanie najlepiej pasujace do async await.

Q 5WyborEtap 1 definicje

JavaScript pytanie 5

JavaScript pytanie 5. Wybierz zdanie najlepiej pasujace do stala zmienna.

Q 6WyborEtap 1 definicje

JavaScript pytanie 6

JavaScript pytanie 6. Wybierz zdanie najlepiej pasujace do zwrot funkcji.

Q 7WyborEtap 1 definicje

JavaScript pytanie 7

JavaScript pytanie 7. Wybierz zdanie najlepiej pasujace do mapowanie tablicy.

Q 8WyborEtap 1 definicje

JavaScript pytanie 8

JavaScript pytanie 8. Wybierz zdanie najlepiej pasujace do async await.

Q 9WyborEtap 1 definicje

JavaScript pytanie 9

JavaScript pytanie 9. Wybierz zdanie najlepiej pasujace do stala zmienna.

Q 10WyborEtap 1 definicje

JavaScript pytanie 10

JavaScript pytanie 10. Wybierz zdanie najlepiej pasujace do zwrot funkcji.

Q 11WyborEtap 1 definicje

JavaScript pytanie 11

JavaScript pytanie 11. Wybierz zdanie najlepiej pasujace do mapowanie tablicy.

Q 12WyborEtap 1 definicje

JavaScript pytanie 12

JavaScript pytanie 12. Wybierz zdanie najlepiej pasujace do async await.

Q 13WyborEtap 1 definicje

JavaScript pytanie 13

JavaScript pytanie 13. Wybierz zdanie najlepiej pasujace do stala zmienna.

Q 14WyborEtap 1 definicje

JavaScript pytanie 14

JavaScript pytanie 14. Wybierz zdanie najlepiej pasujace do zwrot funkcji.

Q 15WyborEtap 1 definicje

JavaScript pytanie 15

JavaScript pytanie 15. Wybierz zdanie najlepiej pasujace do mapowanie tablicy.

Q 16WyborEtap 1 definicje

JavaScript pytanie 16

JavaScript pytanie 16. Wybierz zdanie najlepiej pasujace do async await.

Q 17WyborEtap 1 definicje

JavaScript pytanie 17

JavaScript pytanie 17. Wybierz zdanie najlepiej pasujace do stala zmienna.

Q 18WyborEtap 1 definicje

JavaScript pytanie 18

JavaScript pytanie 18. Wybierz zdanie najlepiej pasujace do zwrot funkcji.

wybor wielokrotny

JavaScript pytanie 1

Q 1Wybornowe

JavaScript pytanie 1. Wybierz zdanie najlepiej pasujace do stala zmienna.

const total = 42;
console.log(total);

referencja

wzorce dla app.js

Browser console or Node.jsnode app.js
przywolaj z pamieciprzeczytaj maly punkt i odtworz bez patrzenia
sledz kodzapisz wartosci zmiennych przed uruchomieniem
wpisz sammniej kopiuj wiecej pisz i popraw jeden maly blad

wartosci zmienne tekst liczby boolean obiekty tablice

wartosci i zmienne

const score = 40 + 2;
console.log(score);
  • najpierw wybieraj const
  • uzywaj let tylko gdy wartosc sie zmienia
  • sprawdzaj wartosci przez console.log

wejscie wyjscie return akcje wielokrotnego uzycia

funkcje

function add(a, b) {
  return a + b;
}
console.log(add(2, 3));
  • nazywaj funkcje czasownikami
  • zwracaj wartosci zamiast drukowac w kazdej funkcji
  • utrzymaj jedna funkcje skupiona

fetch Promise await obsluga bledow

asynchroniczne API

async function load() {
  return await Promise.resolve("ready");
}
load().then(console.log);
  • Check network errors
  • Await the promise before reading data
  • Keep API parsing separate