Skip to content

Latest commit

 

History

History
88 lines (60 loc) · 7.75 KB

00031.md

File metadata and controls

88 lines (60 loc) · 7.75 KB
Raw

Введение

Давайте погрузимся в мир JavaScript!

Контрольные вопросы

Постарайтесь ответить на предложенные вопросы. После выполнения задания попробуйте ответить на них ещё раз:

  • Как объявить переменную?
  • Какие есть три способа объявления переменной?
  • В каких случаях вы должны использовать каждый из них?
  • Каковы правила именования переменных?
  • Что такое операторы, операнды и операции?
  • Что такое конкатенация и что происходит, когда вы добавляете к числам строки?
  • Каковы есть типы операторов в JavaScript?
  • В чем разница между == и ===?
  • Какие приоритеты у каких операторов?
  • Что такое оператор инкремента / декремента?
  • В чем разница между префиксным и постфиксным инкрементом / декрементом?
  • Что такое операторы присваивания?
  • Что за оператор "унарный +"?

Числа

Числа - строительные блоки программной логики! На самом деле, трудно придумать какую-либо полезную задачу программирования, в которой не потребуется щепотка математики... поэтому знание того, как работают числа очень важно. К счастью, это супер просто.

  1. Урок на W3Schools, и этот урок, являются хорошим введением в то, что вы можете сделать с помощью чисел в JS. Но они на английском. На русском есть следующий материал.

  2. Статья на MDN содержит ту же информацию, но с другого ракурса. С цифрами можно сделать гораздо больше, но это все, что вам нужно на данный момент.

  3. Прочитайте (и попрограммируйте) статью об операторах в Javascript. Не забудьте выполнить "Задачи" в конце страницы! Это даст вам довольно хорошее представление о том, чего можно достичь с помощью чисел (среди прочего!) в JavaScript.

Переменные

Вы можете рассматривать переменные как "коробки для хранения" данных в вашем коде. До недавнего времени был только один способ создать переменную в JavaScript - оператор var. Но в новых версиях JavaScript у нас есть еще два способа сделать это - let и const.

  1. Этот учебник объяснит вам все, что нужно знать о переменных! Обязательно выполните задачи в конце, чтобы закрепить теорию практикой.

В учебнике об этом говорится, но повторим еще раз: let и const - относительно новые способы объявления переменных в JavaScript. В других руководствах (и коде) по всему интернету вы можете встретить операторы var. Не позволяйте напугать вас! По сути, в var нет ничего плохого, и в большинстве случаев var и let ведут себя одинаково. Но иногда поведение var не соответствует ожиданиям. Просто используйте let (и const) на данный момент. О различиях между var и let мы поговорим позже.

Практика!

Вы можете легко запустить свой JavaScript-код из файла. Самый простой способ - создать HTML-файл с кодом JavaScript внутри него. Создайте простой HTML-файл:

<!DOCTYPE html>
<html>
<head>
  <title>Заголовок страницы</title>
</head>
<body>
  <script>
 	  // Ваш JS код может быть тут
    console.log("Привет, мир!")
  </script>
</body>
</html>

Сохраните файл и откройте его в браузере, а затем откройте консоль разработчика, щелкнув правой кнопкой мыши на пустую веб-страницу и выберите "Просмотреть код" или "Исследовать элемент". В панели консоли разработчика выберите вкладку Консоль (или Console), где вы должны увидеть результат вывода console.log.

console.log() - это команда для печати (или вывода) текста в консоль разработчика вашего браузера. Используйте его для всех следующих упражнений.

Попробуйте сделать следующее:

  1. Сложите 2 цифры вместе! (просто добавьте строку console.log(23 + 97) в свой HTML-файл).

  2. Добавьте число из 6 различных цифр.

  3. Выведите решение для следующего уравнения: (4 + 6 + 9) / 77.

    • ответ должен быть примерно 0.24675.

  4. Давайте попробуем использовать переменные!

    • Введите следующий код в верхней части тега script: let a = 10.
    • console.log(a) должен вывести 10.
    • Попробуйте следующее: 9 * a.
    • И это: let b = 7 * a (вернет undefined), а затем console.log(b)

  5. Вы уже должны привыкнуть... Попробуйте следующую последовательность:

    • Объявите константу max со значением 57.
    • Установите значение другой переменной actual в max - 13.
    • Установите значение еще одной переменной percentage в actual / max.
    • Если вы наберете percentage в консоли и нажмете enter, вы должны увидеть значение вроде 0.7719.

  6. Потратьте еще несколько минут, чтобы поиграться с кодом. В конце концов, мы разберемся, как сделать так, чтобы эти цифры отображались на веб-странице, но вся логика останется прежней, поэтому убедитесь, что вам все понятно, прежде чем двигаться дальше.