Javascript for Kids · Lekcja

Obrazki z emoji

Rysuj za pomocą emoji

Lekcja 3 z 413 kroki

Obrazki z emoji 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.

Rysowanie za pomocą emoji! 🖼️

Witaj, arty­sto emoji! 🌟 Potrafisz już tworzyć rzędy emoji. Teraz narysujmy obrazki! 🖼️

Drukując rzędy jeden pod drugim, tworzymy kształty i dzieła sztuki! 🎨 Zaczynajmy!

Rzędy tworzą obrazki 🧱

Obrazek to po prostu rzędy ułożone jeden pod drugim! 🧱

Każde console.log to jeden wiersz naszego rysunku. 🎨

console.log('⬜⬜⬜');
console.log('⬜⬜⬜');
console.log('⬜⬜⬜');

Narysuj serce ❤️

Narysujmy prosty kształt serca! ❤️

Wybierz, gdzie umieścić czerwone klocki, aby utworzyć ten kształt. 💕

console.log('❤️⬜❤️');
console.log('❤️❤️❤️');
console.log('⬜❤️⬜');

Narysuj drzewo 🌳

Wyhodujmy drzewo z emoji! 🌳

Na górze zielone liście, a na dole brązowy pień. 🤎

console.log('⬜🌲⬜');
console.log('🌲🌲🌲');
console.log('⬜🟫⬜');

Narysuj uśmiechniętą buzię 😊

Czas na radosną buzię! 😊

Na górze dwoje oczu, a pod nimi szeroki uśmiech. 😄

console.log('👁️⬜👁️');
console.log('⬜👃⬜');
console.log('😁😁😁');

Narysuj dom 🏠

Zbudujmy dom z emoji! 🏠

Na górze spiczasty dach, a pod nim ściany. 🧱

console.log('⬜🔺⬜');
console.log('🟥🟥🟥');
console.log('🟥🚪🟥');

Zapisuj wiersze w zmiennych 📦

Możemy przechować każdy wiersz w zmiennej, a potem go wyświetlić! 📦

Dzięki temu obrazek pozostaje uporządkowany i schludny. ✨

let top = '⭐⭐⭐';
let middle = '⭐⬜⭐';
let bottom = '⭐⭐⭐';
console.log(top);
console.log(middle);
console.log(bottom);

Narysuj rakietę 🚀

3, 2, 1... narysujmy rakietę! 🚀

Spiczasty czubek, kadłub i ogień na dole! 🔥

console.log('⬜🔺⬜');
console.log('⬜🚀⬜');
console.log('🔥🔥🔥');

Funkcja rysująca obrazek 🤖

Stwórzmy funkcję, która narysuje nasz obrazek! 🤖

Wywołaj ją w dowolnym momencie, aby wyświetlić dzieło! 🎨

function drawCat() {
  console.log('🐱🐱🐱');
  console.log('🐱👀🐱');
  console.log('🐱👅🐱');
}
drawCat();

Narysuj tęczowe niebo 🌈

Narysujmy radosny widok nieba! 🌈

Słońce, chmury i tęcza razem! ☀️

console.log('☀️⬜☁️');
console.log('🌈🌈🌈');
console.log('🌳🏠🌳');

Narysowałeś obrazki z emoji! 🏆

Niesamowite dzieło, twórco obrazków! 🏆 Nauczysz się:

  • 🧱 układać rzędy, aby tworzyć obrazek
  • 📦 zapisywać rzędy w zmiennych
  • 🤖 używać funkcji do rysowania

Następna lekcja: stworzysz WŁASNE dzieło z emoji! 🎨

Szybki test ✅

Czas pogłówkować! 🧠 Jak tworzymy obrazek z emoji na ekranie?

Podsumowanie lekcji 🎀

Świetna praca, arty­sto emoji! 🎀 Dzisiaj nauczyłeś się:

  • 🧱 że obrazki to rzędy ułożone jeden na drugim
  • 📦 że zmienne pomagają zachować porządek w wierszach
  • 🤖 że funkcja może narysować dzieło

Następnie: Twoje własne dzieło z emoji! 🎨

Bezpłatny start

Ucz się JavaScript dzięki korepetycjom AI — za darmo

Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.

Kursy
35
Lekcje
140

Często zadawane pytania

Czy lekcja „Obrazki z emoji” jest bezpłatna?

Tak — pełny tekst „Obrazki z emoji” 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 „Obrazki z emoji”?

Rysuj za pomocą emoji Ć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 „Obrazki z emoji”?

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

  1. Wyświetlanie emoji
  2. Rzędy emoji
  3. Obrazki z emoji
  4. Własna sztuka
← Powrót do Javascript for Kids