Javascript for Kids · Lekcja

Wyświetlanie historii

Wypisz wynik

Wyświetlanie historii to bezpłatna lekcja Javascript for Kids na CoddyKit. To lekcja 3 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.

Pokaż swoją opowieść! 🎬

Witaj, gwiazdo programowania! 🌟 Zebraliśmy słowa i uzupełniliśmy nimi szablon. 📖

Teraz czas na przedstawienie! 🎬 Pokażmy zabawny efekt w ciekawy sposób!

Wyświetlanie za pomocą console.log 🖨️

console.log służy do wyświetlania słów na ekranie! 🖨️

To jak mała drukarka do naszej opowieści. 😄

let name = 'Zoey';
console.log('Starring: ' + name + '! 🌟');

Tytuł opowieści 📛

Każda wspaniała opowieść ma tytuł! 📛

Wyświetlmy ozdobny tytuł, zanim zacznie się opowieść. ✨

let hero = 'Max';
console.log('=== The Tale of ' + hero + ' ===');

Wyświetlanie całej opowieści 📜

Teraz wyświetlmy całą uzupełnioną opowieść! 📜

Oto wielkie odkrycie! 🎉

let name = 'Luna';
let animal = 'dragon';
let place = 'cave';
console.log(name + ' met a ' + animal + ' inside a dark ' + place + '!');

Opowieść w wielu wierszach 📰

Długie opowieści lepiej wyglądają w wielu wierszach! 📰

Każde console.log wyświetla nowy wiersz. 📄

let name = 'Theo';
let food = 'pancakes';
console.log('Once upon a time...');
console.log(name + ' loved eating ' + food + '.');
console.log('The End! 🎬');

Dodajemy emoji dla zabawy 🎉

Emoji sprawiają, że nasza opowieść jest jeszcze zabawniejsza! 🎉

Dodajmy je, aby ożywić opowieść! 🦄

let animal = 'unicorn';
let place = 'rainbow';
console.log('🦄 The ' + animal + ' slid down the ' + place + '! 🌈');

Ozdobna ramka 🖼️

Oplećmy naszą opowieść ciekawą ramką! 🖼️

Ramki sprawiają, że opowieść wygląda jak prawdziwa strona książki. 📚

let name = 'Mia';
console.log('********************');
console.log('  ' + name + ' the Brave!');
console.log('********************');

Wyświetlanie całej zabawnej opowieści 🤣

Wyświetlmy całą zabawną opowieść z tytułem i emoji! 🤣

Właśnie to tworzy nasz Story Maker! 🎊

let name = 'Captain Sam';
let animal = 'penguin';
let food = 'tacos';
console.log('🎬 ' + name + ' and the Magic ' + animal);
console.log(name + ' fed ' + food + ' to a ' + animal + '!');
console.log('Everyone cheered! 🎉');

Funkcja wyświetlająca 🤖

Zbudujmy małą maszynę (funkcję), która wyświetla opowieść! 🤖

Przekazujemy jej słowa, a ona wyświetla całą opowieść! 🎬

function showStory(name, animal) {
  console.log('🌟 ' + name + ' found a ' + animal + '!');
  console.log('They became best friends. ❤️');
}
showStory('Zoey', 'fox');

Wyświetl dwie opowieści! 📚

Nasza maszyna może wyświetlać tyle opowieści, ile chcemy! 📚

Wystarczy wywołać ją ponownie z innymi słowami! 🔁

function showStory(name, animal) {
  console.log('🌟 ' + name + ' rode a ' + animal + '! 🎉');
}
showStory('Max', 'dragon');
showStory('Luna', 'whale');

Opowieść została wyświetlona! 🏆

Wspaniała praca, opowiadaczu! 🏆 Nauczysz się:

🖨️ wyświetlać słowa za pomocą console.log
📛 dodawać tytuł i 🖼️ ramkę
🤖 używać funkcji do wyświetlania całej opowieści

Następna lekcja: stworzysz WŁASNY szablon opowieści! ✏️

Szybki test ✅

Czas pogłówkować! 🧠 Jakiego polecenia używamy, aby wyświetlić opowieść na ekranie?

Podsumowanie lekcji 🎀

Świetna praca, mistrzu prezentacji! 🎀 Dzisiaj nauczyłeś się:

🖨️ że console.log wyświetla naszą opowieść
📛 że tytuły i 🖼️ ramki wyglądają świetnie
🤖 że funkcja może wyświetlić całą opowieść

Następnie: zbudujesz własną opowieść! ✏️

Często zadawane pytania

Czy lekcja „Wyświetlanie historii” jest bezpłatna?

Tak — pełny tekst „Wyświetlanie historii” 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 „Wyświetlanie historii”?

Wypisz wynik Ć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 3 z 4.

Ile czasu zajmuje lekcja „Wyświetlanie historii”?

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