Привет! Если ты хочешь научиться программировать, но не знаешь с чего начать, я тебе помогу. Мы начнем обучение с самых азов. Разберемся что такое функция, чем строка отличается от числа, как создавать условные конструкции и циклы.

Если в процессе у тебя возникнут вопросы, то ты можешь задать их в Телеграме. Обычно я отвечаю в течение часа.

Что такое JavaScript

JavaScript — это самый популярный язык программирования в 2022 году. На нем можно создавать сайты, игры, мобильные приложения и сложные серверные системы.

Часто можно встретить аббревиатуру JS. Разницы между JS и JavaScript нет никакой, можешь использовать любое слово.

Как выучить JavaScript

Я предполагаю, что ты совсем ничего не понимаешь в программировании, поэтому часть заданий будет состоять в том, чтобы просто переписать код по примеру. Я дам правильный вариант и ты его введешь до полного совпадения символов.

Строки в которых будет хотя бы одна ошибка, станут красными — их нужно будет исправить.

Строки без ошибок будут зелеными.

В других заданиях, я буду проверять вывод на экран и не буду обращать внимание на то, каким образом ты добился правильного результата.

Первая команда

Все программирование состоит в том, чтобы сообщить компьютеру, “что мы от него хотим”. Другими словами — мы даем команды компьютеру, а он их выполняет.

Одна из самых простых команд — вывод текста на экран. В JavaScript она выглядит так:

console.log('Hello, world!');

На экране появится сообщение

Hello, world!

Если ты напишешь другое сообщение внутри console.log(), то изменится и сообщение, которое выведет компьютер.

Ты можешь добавить еще одну команду вывода текста:

console.log('Hello, world!');
console.log('JavaScript is fun :)');

На экране появится еще одно сообщение с новой строки.

Hello, world!
JavaScript is fun :)

Кавычки

Когда ты просишь (или приказываешь) компьютеру вывести текст на экран, он ожидает, что ты дашь ему этот текст обернутым в кавычки.

Кавычки могут быть одинарными, двойными или косыми. Подходит любой вариант

console.log('hello');
console.log("hello");
console.log(`hello`);

Во всех случаях на экран выведется одно и то же сообщение и мы увидим три строки:

hello
hello
hello

Практические задачи

Чтобы лучше усвоить теорию, нужно обязательно практиковаться. Если ты занимаешь в мобильном приложении, то под условиями задач ты увидишь поле для ввода текста и номер задачи для проверки.

Логика такая:

  • читаем условие задачи 1
  • вводим код в текстовое поле под списком всех задач
  • выбираем (1) из списка задач для проверки
  • нажимаем кнопку “ЗАПУСК”

После запуска кода, под кнопкой появится экранный вывод. Если с кодом есть какие-то проблемы, то там же будет и их описание.

Если ты допустишь ошибку, то, в зависимости от типа задачи, красным цветом будут подсвечены либо строки внутри поля для ввода кода, либо строки экранного вывода.

Поехали!

Задача 1

Нужно вывести на экран строку Hello, world!.

Введи в редакторе кода команду

console.log('Hello, world!');

И нажми на кнопку “ЗАПУСК”. Важен каждый символ!

Задача 2

Нужно вывести на экран строку Hello, world! два раза используя разные типы кавычек и убедиться, что результат не меняется.

Введи в редакторе кода команды

console.log('Hello, world!');
console.log("Hello, world!");

Смени задачу для проверки (кнопка 2) и нажми на “ЗАПУСК”.

Задача 3

Выведи на экран строку JavaScript is great!. Можешь использовать любые кавычки.

Не забудь сменить задачу перед редактированием кода и запуском.