jsProger | Гайды по JavaScript

👨‍💻 Создание красивого сайта с плавающими карточками и параллакс эффектом. Практика JavaSctipt Из этого видео вы узнаете, как создать красивый сайт с плавающими карточками при движении мыши в качестве фона. Ключевые особенности данного урока - это параллакс эффект между карточками при движении мыши, эффекты при наведении и плавный скролл. Но самое главное - это реализация умного алгоритма размещения карточек. При загрузке или обновлении сайта, карточки выстраиваются автоматически в рандомном п...

🔍 Находим максимальное или минимальное значение в массиве 🔜 Находим максимальное значение Math.max(...array) 🔜 Находим наименьшее значение Math.min(...array) Примеры ⤵️ const array = [3, 2, 5, 7, 4, 6] const maxNum = Math.max(...array) console.log(maxNum); // Результат: 7 const minNum = Math.min(...array) console.log(minNum); // Результат: 2 👍 - если было полезно

⌛ Перемешивание элементов массива Для этой задачи в JavaScript мы можем использовать методы sort и random Пример ⤵️ const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] const shuffleArray = (arr) => arr.sort(() => 0.5 - Math.random()) console.log(shuffleArray(array)) // Результат: [ 6, 8, 2, 1, 3, 5, 7, 9, 10, 4 ] 👍 - если было полезно

📎 Заполняем массив одинаковыми значениями с помощью метода fill() в JavaScript Иногда нам бывает нужно создать массив и заполнить его какими-нибудь значениями, не важно какими именно, главное, чтобы массив был чем-то заполнен. Для этой задачи отличным решением является метод массива fill() Пример ⤵️ const newArray = new Array(3).fill('jsProger') console.log(newArray) // [ 'jsProger', 'jsProger', 'jsProger' ] 👍 - если было полезно

🌧 Прогноз погоды на чистом JS с API для начинающих В данном уроке автор покажет как сделать веб-приложение "Прогноз Погоды" на чистом JavaScript используя API от OpenWeather! Перейти к видео-уроку 📱

🥶 Object.freeze() в JavaScript: Замораживаем объекты! Object.freeze() — встроенный метод в JavaScript, который позволяет заморозить объект, то есть предотвратить его изменения. Некоторые возможности метода: 🔜 Запрещает добавлять новые свойства. 🔜 Нельзя удалять существующие свойства. 🔜 Блокирует изменение значений существующих свойств. const user = { name: 'Alice', age: 30 }; Object.freeze(user); user.age = 25; // 🚫 Не сработает (в strict mode — ошибка!) console.log(user.age); // 30 Особенн...

📱 Валидация форм на JavaScript: Урок для новичков Из этого видео вы узнаете, как правильно проверять данные в формах на сайте. Как произвести валидацию имени, email и пароля. Смотреть видео 📱

🙂 Делаем свой слайдер для картинок «было — стало» 12 июля 2022 года телескоп Webb прислал первое полноценное фото чужих галактик в высоком разрешении. Чтобы оценить, насколько продвинулись технологии, сделаем слайдер «было — стало» и сравним новое фото со старым от телескопа Хаббл. Логика проекта ⤵️ Нам нужно расположить две фотографии на странице в одном и том же месте, только одну сделать как бы поверх другой. Когда перемещается слайдер, на самом деле мы изменяем координаты правой стороны лев...