Code Ready | Frontend – Telegram

Code Ready | Frontend

20.1K subscribers

696 photos

311 videos

17 files

464 links

Авторский канал по Frontend разработке.
Ресурсы, гайды, задачи, шпаргалки.
Информация ежедневно пополняется!

Автор: @energy_it

РКН: https://clck.ru/3NJCKs

Реклама на бирже: https://telega.in/c/code_ready

Download Telegram

About

Blog

Apps

Platform

Code Ready | Frontend

20.1K subscribers

Code Ready | Frontend

📱

Вопрос с собеседования

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

Ответ:

WeakSet — это встроенный объект в JS, который позволяет хранить коллекцию уникальных объектов.

Основное отличие WeakSet от обычного Set заключается в том, что объекты в нём хранятся слабо, то есть они могут быть собраны сборщиком мусора, если на них нет других ссылок.

Методы WeakSet:

• add(value) — Добавляет указанное значение в WeakSet. Значение должно быть объектом. Если значение уже существует в WeakSet, оно не будет добавлено повторно.

• has(value) — Проверяет, присутствует ли указанное значение в WeakSet. true, если значение присутствует, и false, если нет.

• delete(value) — Удаляет указанное значение из WeakSet. true, если значение было успешно удалено, и false, если его не было в WeakSet.

📣 Code Ready | #собеседование

Please open Telegram to view this post

VIEW IN TELEGRAM

👍20🔥8

5.58K views07:47

Code Ready | Frontend

This media is not supported in your browser

VIEW IN TELEGRAM

👩‍💻

Анимация бургер-кнопки

Всем привет! Сейчас разберем как создать и анимировать бургер-кнопку, которая используется для создания меню на сайтах.

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

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

📣 Code Ready | #гайд #css

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥93👍12

6.47K views12:15

Code Ready | Frontend

This media is not supported in your browser

VIEW IN TELEGRAM

👩‍💻

Полезные горячие клавиши VSCode

• Shift + Del — удаляет строку целиком. Не нужно будет выделять мышкой всю строку и потом нажимать Backspace.

• Ctrl + L — выделяет всю строку целиком. Теперь копипастить еще проще.

• Ctrl + / — Закомментирует или раскомментирует текущую строку.

📣 Code Ready | #клавиши

Please open Telegram to view this post

VIEW IN TELEGRAM

👍69🔥14👎2❤1😁1

6.26K viewsedited 06:34

Code Ready | Frontend

This media is not supported in your browser

VIEW IN TELEGRAM

👩‍💻

Атрибут pattern

В атрибуте pattern пишется регулярное выражение, которому должно соответствовать введённое в <input> значение.

В примере выше, пароль может содержать в себе любые символы кроме новой строки, а так же должен иметь 6 или более символов.

⛓ Подробнее про регулярные выражения читайте тут.

Pattern можно применить только к тегам <input> со значениями атрибута type: text, tel, email, url, password, search.

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

📣 Code Ready | #атрибут

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥69👍18

6.22K viewsedited 14:12

Code Ready | Frontend

This media is not supported in your browser

VIEW IN TELEGRAM

📱

Advanced New File

Плагин для VS Code, с помощью которого можно легко создать новый файл в указанной директории.

📣 Code Ready | #плагин

Please open Telegram to view this post

VIEW IN TELEGRAM

👍11🔥7👎3

5.38K views07:12

Code Ready | Frontend

👩‍💻

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

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

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

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

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥42👍17

5.26K views13:27

Code Ready | Frontend

📖 JavaScript для начинающих

Вводный курс по JavaScript, который знакомит читателей с основами синтаксиса, функциональности и принципов разработки интерактивных веб-сайтов.

Автор: Майк МакГрат
Год: 2023

⬇️

Скачать книгу

📣

Code Ready | #книга

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥16👍6

5.89K views17:49

Code Ready | Frontend

👩‍💻

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

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

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

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

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

📣 Code Ready | #гайд #js

Please open Telegram to view this post

VIEW IN TELEGRAM

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥45👍10

6.24K views14:29