Javascript for Kids · Урок

Картинки из эмодзи

Рисуйте с помощью эмодзи

Урок 3 из 413 шагов

«Картинки из эмодзи» — бесплатный урок Javascript for Kids на CoddyKit. Это урок 3 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения Javascript for Kids, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс Javascript for Kids содержит 4 уроков всего.

Рисуем с помощью эмодзи! 🖼️

Привет, художник эмодзи! 🌟 Вы уже умеете создавать строки из эмодзи. Теперь давайте рисовать картинки! 🖼️

Выводя строки одну под другой, мы создаём фигуры и произведения искусства! 🎨 Поехали!

Строки создают картинки 🧱

Картинка — это просто строки, выстроенные одна над другой! 🧱

Каждый console.log — это одна строка нашего рисунка. 🎨

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

Рисуем сердце ❤️

Давайте нарисуем простое сердце! ❤️

Выберите, куда поставить красные блоки, чтобы получилась нужная форма. 💕

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

Рисуем дерево 🌳

Давайте вырастим дерево из эмодзи! 🌳

Сверху — зелёные листья, снизу — коричневый ствол. 🤎

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

Рисуем улыбающееся лицо 😊

Пора нарисовать счастливое лицо! 😊

Два глаза сверху, широкая улыбка под ними. 😄

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

Рисуем дом 🏠

Давайте построим дом из эмодзи! 🏠

Сверху — остроконечная крыша, ниже — стены. 🧱

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

Сохраняем строки в блоках 📦

Мы можем сохранить каждую строку в блоке, а затем вывести их! 📦

Так картинка останется аккуратной и опрятной. ✨

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

Рисуем ракету 🚀

3, 2, 1... давайте нарисуем ракету! 🚀

Острый нос, корпус и огонь снизу! 🔥

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

Функция для рисунка 🤖

Давайте создадим функцию, которая нарисует нашу картинку! 🤖

Вызывайте её в любое время, чтобы показать рисунок! 🎨

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

Рисуем радужное небо 🌈

Давайте нарисуем радостный пейзаж с небом! 🌈

Солнце, облака и радуга вместе! ☀️

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

Вы нарисовали картинки из эмодзи! 🏆

Потрясающее искусство, мастер картинок! 🏆 Вы научились:

  • 🧱 складывать строки, чтобы создавать картинку
  • 📦 сохранять строки в блоках
  • 🤖 использовать функцию для рисования

Следующий урок: создадим OWN рисунок из эмодзи! 🎨

Быстрая проверка ✅

Время подумать! 🧠 Как создать картинку из эмодзи на экране?

Итоги урока 🎀

Отличная работа, художник эмодзи! 🎀 Сегодня вы узнали:

  • 🧱 картинки состоят из сложенных строк
  • 📦 блоки помогают хранить строки аккуратно
  • 🤖 функция может рисовать

Дальше: ваш OWN рисунок из эмодзи! 🎨

Можно начать бесплатно

Изучай JavaScript с ИИ-репетитором — бесплатно

Пиши и запускай код прямо в браузере, получай мгновенную помощь от ИИ-репетитора 24/7 и продолжи учиться на сайте или в приложении.

Курсы
35
Уроки
140

Часто задаваемые вопросы

Урок «Картинки из эмодзи» бесплатный?

Да — полный текст урока «Картинки из эмодзи» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс Javascript for Kids, подпишись на CoddyKit PRO. Курс Javascript for Kids содержит 4 уроков всего.

Чему я научусь в уроке «Картинки из эмодзи»?

Рисуйте с помощью эмодзи Ты практикуешь Javascript for Kids с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать Javascript for Kids?

Предыдущий опыт не требуется. Javascript for Kids на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 3 из 4.

Сколько времени занимает урок «Картинки из эмодзи»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке Javascript for Kids?

Да. Каждый урок Javascript for Kids включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. Вывод эмодзи
  2. Строки из эмодзи
  3. Картинки из эмодзи
  4. Ваше собственное искусство
← Назад к Javascript for Kids