Code Ready | Frontend
19.3K subscribers
630 photos
269 videos
17 files
413 links
Авторский канал по Frontend разработке.
Ресурсы, гайды, задачи, шпаргалки.
Информация ежедневно пополняется!

Автор: @energy_it

Заявления РКН: № 5383712961
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
📱 Переключаем видимость пароля

Этот код создает поле ввода пароля и чекбокс, который при активации переключает видимость пароля. При выборе чекбокса, тип ввода пароля меняется с "password" на "text" и наоборот.

<input type="password" id="passwordInput">
<input type="checkbox" id="showPasswordCheckbox"> Показать пароль

const passwordInput = document.getElementById('passwordInput');
const showPasswordCheckbox = document.getElementById('showPasswordCheckbox');
showPasswordCheckbox.addEventListener('change', function() {
if (showPasswordCheckbox.checked) {
passwordInput.type = 'text';
} else {
passwordInput.type = 'password';}});


➡️ @code_ready | #обучение #js
Please open Telegram to view this post
VIEW IN TELEGRAM
📱 Вопрос с собеседования

Что такое рекурсия в JS и как ею пользоваться?

Ответ:


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

• Принцип работы — Рекурсивная функция должна иметь базовый случай (условие завершения), который предотвращает бесконечные вызовы. Каждый рекурсивный вызов решает более простую версию исходной задачи, пока не будет достигнут базовый случай.

• Проблемы с производительностью — Рекурсивные функции могут потреблять много памяти из-за хранения большого количества вызовов в стеке. Это может привести к ошибке переполнения стека (stack overflow), если глубина рекурсии слишком велика.

➡️ @code_ready | #собеседование #js
Please open Telegram to view this post
VIEW IN TELEGRAM
📱 Вопрос с собеседования

Что такое WeakMap в JavaScript?

Ответ:

WeakMap — это коллекция пар "ключ-значение", где ключи являются объектами, а значения могут быть любого типа. Ключи в WeakMap являются слабыми ссылками, что позволяет им быть собранными сборщиком мусора, если на них больше нет сильных ссылок.

Методы WeakMap:

• set(key, value) — Добавляет пару ключ-значение в WeakMap.

• get(key) — Возвращает значение, связанное с указанным ключом. Если ключ не найден, возвращает undefined.

• has(key) — Проверяет наличие ключа в WeakMap.

• delete(key) — Удаляет элемент по указанному ключу.


➡️ @code_ready | #собеседование #js
Please open Telegram to view this post
VIEW IN TELEGRAM
📱 Работа с Fetch API для выполнения HTTP-запросов

Fetch API — это современный интерфейс для выполнения HTTP-запросов GET и POST. Он предоставляет простой и удобный способ взаимодействия с веб-сервисами и получения данных с серверов, что особенно важно для создания динамичных веб-приложений.

Fetch API отличается простотой использования, поддержкой промисов, возможностью настройки HTTP-запросов и обработкой различных форматов ответов (JSON, текст и др.)

➡️ @code_ready | #гайд #js
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Методы для работы с объектом Math

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

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

📣 Code Ready | #метод #js
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Шпаргалка по методам Set

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

📣 Code Ready | #js #шпаргалка
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Создание и использование кастомных событий

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

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

📣 Code Ready | #гайд #js
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Шпаргалка по регулярным выражениям

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

📣 Code Ready | #js #шпаргалка
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Простое раскрывающееся меню

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

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

📣 Code Ready | #css #js
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM