👩‍💻 Методы для работы с объектом Math

Привет! В этом посте разберём основные методы для работы с математическими операциями, а так же познакомимся с библиотеками для работы с математикой.

🔥 — если было полезно

📣 Code Ready | #метод #js

👩‍💻 Работа с локальным хранилищем в JS

Local Storage — это механизм для хранения данных в браузере, который позволяет сохранять информацию в формате пар ключ-значение и обеспечивает доступ к ней даже после перезагрузки страницы.

Вот основные методы для работы:

• setItem — Сохраняет значение по ключу.
• getItem — Извлекает значение по указанному ключу.
• removeItem — Удаляет значение по указанному ключу.
• clear — Очищает все данные из локального хранилища.
• length — Возвращает количество элементов в локальном хранилище.
• key — Возвращает имя ключа по его индексу.

🔥 — если было полезно

📣 Code Ready | #гайд #js

👩‍💻 Шпаргалка по методам строк

Она предоставляет список основных методов для работы со строками в JS. Каждый метод сопровождается кратким описанием его функциональности.

📣 Code Ready | #js #шпаргалка

👩‍💻 Шпаргалка по методам Set

Set — коллекция уникальных значений любого типа данных. Используется для хранения уникальных элементов в произвольном порядке.

📣 Code Ready | #js #шпаргалка

👩‍💻 Popup-окно на CSS и JS

Привет! Сегодня мы создадим один из важнейших элементов на любом сайте — popup-окно.

Основополагающим свойством для его создания является свойство display, с помощью которого мы будем управлять видимостью элемента на странице.

🔥 — если было полезно

📣 Code Ready | #гайд #css #js

👩‍💻 Создание и использование кастомных событий

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

Это помогает организовать код и улучшить его читаемость, позволяя реагировать на специфические действия в приложении.

📣 Code Ready | #гайд #js

👩‍💻 Шпаргалка по регулярным выражениям

Регулярные выражения (RegEx) позволяют легко находить и обрабатывать текст по шаблону. Используются в поиске, валидации данных и других задачах, связанных с обработкой строк.

📣 Code Ready | #js #шпаргалка

👩‍💻 Промисы и цепочка промисов в JavaScript

Промисы — это удобный способ работы с асинхронным кодом в JavaScript, упрощающий управление задачами, которые выполняются с задержкой, как запросы к серверу.

🔥 — если узнал новое
🤝 — если уже пользовался

📣 Code Ready | #гайд #js

👩‍💻 Эффект дождевых капель

Привет! Сегодня создадим эффект дождевых капель с использованием Canvas API. Капли будут падать с верхней части экрана и при этом постепенно исчезать, создавая эффект дождя.

Для этого мы определим класс капли, который будет включать её позицию, размер и скорость падения. Будем обновлять положение в каждом кадре, а также рисовать их на холсте с темно-голубым цветом.

Добавим динамичности, чтобы капли падали случайным образом, создавая натуральный эффект дождя.

🔥 — если было полезно

📣 Code Ready | #гайд #js

👩‍💻 Динамическая работа с DOM в JavaScript

DOM — это интерфейс, позволяющий JavaScript взаимодействовать со структурой HTML-документа. С помощью DOM вы можете находить элементы страницы, изменять их содержимое и внешний вид, а также добавлять или удалять узлы.

Основные возможности:

• Поиск элементов с помощью document.getElementById и document.querySelector.

• Изменение контента и стилей с помощью свойств textContent и style.

• Создание и удаление элементов методами createElement и remove.

📣 Code Ready | #гайд #js

👩‍💻 Научимся работать с замыканиями в JS!

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

- Базовый пример замыкания
- Создание замыканий в циклах
- Использование замыканий в циклах

📣 Code Ready | #гайд #js

🖥 Учимся создавать эффект параллакса

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

- HTML структура
- Добавляем стили в CSS
- CSS для контента
- JavaScript

📣 Code Ready | #css #js

👩‍💻 Простое раскрывающееся меню

Всем привет! Сегодня попробую показать, как создать и анимировать простое меню для сайта на Html, Css и Js!

Анимировать меню будем с помощью свойства transform, благодаря которому мы сместим элементы при нажатии на кнопку.

📣 Code Ready | #css #js