Javascript for Kids · Lekcja

Wiersze i kolumny

Twórz siatkę

Wiersze i kolumny to bezpłatna lekcja Javascript for Kids na CoddyKit. To lekcja 2 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej Javascript for Kids, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs Javascript for Kids zawiera 4 lekcji w sumie.

Stwórzmy siatkę! 🟦🟦

Siatka przypomina szachownicę albo okno z małymi kwadratami! Ma wiersze (poziome) i kolumny (pionowe). ⬜⬜⬜

Zagnieżdżone pętle IDEALNIE nadają się do rysowania siatek!

Budowanie wiersza 📏

Aby zbudować JEDEN wiersz gwiazdek, możemy połączyć gwiazdki za pomocą + w stringu.

Zbudujmy tekst wiersza krok po kroku!

let row = ''
for (let col = 1; col <= 4; col++) {
  row = row + '*'
}
console.log(row)

Co się stało? 🔍

Zaczęliśmy od PUSTEGO słowa ''. Każda iteracja dodawała jeden znak *. W ten sposób tekst rósł: *, **, ***, ****!

Następnie wyświetliliśmy gotowy wiersz. Świetnie! ✨

let row = ''
for (let col = 1; col <= 3; col++) {
  row = row + '*'
  console.log(row)
}

Wiele wierszy 📚

Teraz umieśćmy to w pętli ZEWNĘTRZNEJ, aby utworzyć wiele wierszy! Zewnętrzna = wiersze, wewnętrzna = kolumny.

for (let r = 1; r <= 3; r++) {
  let row = ''
  for (let c = 1; c <= 4; c++) {
    row = row + '*'
  }
  console.log(row)
}

Kwadrat 4 na 4 🟦

Stwórzmy idealny kwadrat! 4 wiersze i 4 kolumny gwiazdek.

for (let r = 1; r <= 4; r++) {
  let row = ''
  for (let c = 1; c <= 4; c++) {
    row = row + '*'
  }
  console.log(row)
}

Użyjmy emoji! 🎨

Po co używać nudnych gwiazdek? Zbudujmy siatkę serc! 💖

for (let r = 1; r <= 3; r++) {
  let row = ''
  for (let c = 1; c <= 3; c++) {
    row = row + '💖'
  }
  console.log(row)
}

Szeroki prostokąt ▭

Liczba wierszy i kolumn nie musi być taka sama! Stwórzmy szeroki prostokąt: 2 wiersze i 6 kolumn.

for (let r = 1; r <= 2; r++) {
  let row = ''
  for (let c = 1; c <= 6; c++) {
    row = row + '🟩'
  }
  console.log(row)
}

Siatka liczbowa 🔢

Zamiast gwiazdek wypełnijmy siatkę numerem kolumny!

for (let r = 1; r <= 3; r++) {
  let row = ''
  for (let c = 1; c <= 4; c++) {
    row = row + c
  }
  console.log(row)
}

Wysoka siatka 🏢

Stwórzmy wysoką wieżę! 6 wierszy i 2 kolumny bloków. 🧱

for (let r = 1; r <= 6; r++) {
  let row = ''
  for (let c = 1; c <= 2; c++) {
    row = row + '🧱'
  }
  console.log(row)
}

Dodawanie odstępów 🔲

Umieść spację między symbolami, aby rozsunąć je od siebie! Użyj '* ' ze spacją.

for (let r = 1; r <= 3; r++) {
  let row = ''
  for (let c = 1; c <= 4; c++) {
    row = row + '* '
  }
  console.log(row)
}

Czas zbudować własną siatkę 🌟

Proszę zmienić serca na gwiazdki 🌟 albo zmienić rozmiar! Proszę edytować kod i go uruchomić, aby stworzyć WŁASNĄ siatkę.

for (let r = 1; r <= 4; r++) {
  let row = ''
  for (let c = 1; c <= 5; c++) {
    row = row + '🌟'
  }
  console.log(row)
}

Szybki test ✅

Szybki test wiedzy o siatkach! 🧠

Podsumowanie wierszy i kolumn 🎉

Piękne siatki! 🟦 Nauczono się je budować.

Pętla zewnętrzna = wiersze
Pętla wewnętrzna = kolumny
Budowanie tekstu wiersza za pomocą row = row + symbol, a następnie jego wyświetlanie

Następnie: rosnące trójkąty z gwiazdek! 🔺

Często zadawane pytania

Czy lekcja „Wiersze i kolumny” jest bezpłatna?

Tak — pełny tekst „Wiersze i kolumny” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu Javascript for Kids, przejdź na CoddyKit PRO. Kurs Javascript for Kids zawiera 4 lekcji w sumie.

Co nauczysz się w „Wiersze i kolumny”?

Twórz siatkę Ćwiczysz Javascript for Kids z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć Javascript for Kids?

Nie wymagamy żadnego doświadczenia. Javascript for Kids w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 2 z 4.

Ile czasu zajmuje lekcja „Wiersze i kolumny”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji Javascript for Kids?

Tak. Każda lekcja Javascript for Kids zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

← Powrót do Javascript for Kids