JavaScript Ready | Программирование
8.18K subscribers
989 photos
60 videos
527 links
Авторский канал по разработке на JavaScript.
Ресурсы, обучения, задачи, шпаргалки.
Ежедневно информация пополняется!

Cотрудничество: @energy_c
Download Telegram
Случайное блуждание по сетке на JavaScript!

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

Задаём размеры и стартовую позицию:
const size = 5;
let x = 0, y = 0;
const path = [[x, y]];


Возможные шаги:
const moves = [
[1, 0], [-1, 0],
[0, 1], [0, -1]
];


Генерируем маршрут:
for (let i = 0; i < 10; i++) {
const [dx, dy] = moves[Math.floor(Math.random() * moves.length)];
const newX = x + dx;
const newY = y + dy;


Проверяем, чтобы не выходить за границы:
  if (newX >= 0 && newX < size && newY >= 0 && newY < size) {
x = newX;
y = newY;
path.push([x, y]);
}
}


Выводим результат:
console.table(path);


🔥 Такой подход используется в моделировании случайных процессов и визуализации блужданий частиц.

📣 JS Ready | #практика
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9❤6👍6
📱 Tagged Templates — когда строка становится языком!

JS умеет больше, чем просто конкатенировать строки.
С помощью “тегов” можно превратить шаблон в функцию, которая сама решает, как подставлять данные, фильтровать ввод и даже менять структуру строки.

Сегодня в гайде:
• Разберём, как работает механизм тегов;

• Сделаем свой sanitize-тег для HTML;

• Реализуем mini-i18n без библиотек;

• Построим DSL вроде CSS в styled-components.


Увидишь, как строки в JS превращаются в контролируемые структуры данных и поймёшь, что шаблон — это не просто текст, а точка расширения языка.

📣 JS Ready | #гайд
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
1❤14👍6🔥4🤝2
Что же выведет консоль?
Anonymous Quiz
18%
A
40%
B
16%
C
25%
D
👍16🔥8🤝7❤1
📱 Разбираем type casting — приведение и управление типами данных!

В этой шпаргалке собраны основные приёмы и функции преобразования типов: строки, числа и булевы значения. Они применяются при обработке пользовательского ввода, вычислениях, форматировании и валидации данных. Уверенное владение приведением типов делает код предсказуемым, чистым и устойчивым к ошибкам.

📣 JS Ready | #шпора
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤12👍8🔥7🤝1
📱 Консольное приключение — “Побег из лабиринта”

Сегодня создадим мини-игру в консоли, где ты застрял в цифровом лабиринте. Нужно найти выход, пока не закончились ходы. Каждый шаг — выбор направления, и только логика поможет выбрать правильный путь.

В этом посте:
• Генерируем случайный лабиринт и случайный выход;

• Реализуем движение по сетке (w/a/s/d);

• Добавляем ограничение по ходам;

• Проверяем победу и поражение.


Игра обучает базовой логике “состояний” в программах, вложенным проверкам и циклам пользовательского взаимодействия.

📣 JS Ready | #задача
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10❤7🔥7
This media is not supported in your browser
VIEW IN TELEGRAM
❤️ Codecademy — полезная интерактивная площадка для изучения JS!

На сайте можно учиться прямо в браузере, без установки среды и лишней теории. Уроки состоят из коротких заданий с кодом: пишешь, видишь результат, работаешь над ошибками и двигаешься дальше. Постепенно проходишь весь путь, от основ синтаксиса до работы с DOM и API.

📌 Оставляю ссылочку: codecademy.com

📣 JS Ready | #ресурс
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13❤7🔥5🤝1