Это руководство по абсолютным основам Javascript, вы узнаете, как программировать и как решать проблемы на практических примерах с p5.js (онлайн-библиотека, которая очень полезна для начинающих)
Вы можете следить за созданием кода на https://editor.p5js.org/. Я настоятельно рекомендую вам попробовать это самостоятельно.
Первое, что вы увидите при загрузке p5, это этот экран.
С левой стороны вы можете увидеть свой код, там уже должен быть код шаблона. А пока давайте начнем с удаления всего этого кода, выбрав и удалив.
Я буду делать некоторые стилистические выборы в настройках, чтобы сделать их более удобными для глаз и более удобными для просмотра. Вы можете сделать то же самое, нажав на шестеренку в углу.
Первое, что вам нужно понять о программировании, — это использование переменных. Это то же самое, что переменные в математике. Короче говоря, заполнитель для числа.
Мы создаем переменную, написав «let», а затем имя переменной, за которым следует ее значение, вот пример
Все строки кода заканчиваются на ; в Javascript
Теперь мы можем использовать это значение ‘x’ в другом месте нашего кода.
Мы можем начать с отображения этого значения в нашей Консоли,консоль — это светло-серая область под нашим кодом, через секунду вы увидите, что это делает.
введите console.log(); это то, что называется функцией, все, что вы поместите в круглые скобки, будет отображаться в консоли.
Вы можете написать туда любое число, но вы также можете поместить имена переменных, поэтому давайте начнем с того, что поместим x в скобки.
Чтобы запустить код, вам нужно нажать кнопку воспроизведения в верхнем левом углу.
Давайте продолжим, создав еще одну переменную, назовем ее a и установим ее равной 2.
теперь мы можем попробовать сложить x и a вместе вот так
Давайте сохраним это в другой переменной и назовем ее ans для ответа
Если мы console.log(ans); мы увидим, что значение ans действительно равно 5+2=7
Здесь интересно отметить, что, несмотря на добавление x + a, значения x и a остаются прежними, мы можем видеть это, регистрируя оба из них тоже
сложение — это не единственное, что вы можете сделать, вы также можете выполнять все другие операции в математике, такие как:
Дополнение с +
Вычитание с -
Дивизия с/
Умножение на *
Вы, вероятно, можете начать играть с этими операторами сейчас, попробуйте выполнить с ними все виды математики.
Еще одна вещь, которую следует упомянуть, это то, что вы можете вводить команды прямо в консоль, используя маленькую черную полосу внизу.
Если вы хотите узнать значение переменной в своем коде, вы можете просто написать переменную и нажать клавишу ввода.
Таким образом, вам фактически не нужно писать console.log(); всякий раз, когда вы хотите узнать значение x или a или ans или что-то еще.
Это только начало того, как кодировать в Javascript, в следующем я буду углубляться в то, как различными способами манипулировать переменными.