Code Ready | Frontend

Forwarded from IT Ready

👩‍💻

Горячие клавиши VS Code

Нашел для вас очень полезную шпаргалку, в которой собран весь список горячих клавиш для VS Code.

⬇️ Скачать полную версию

➡️ Roadmap Ready | #шпора

Please open Telegram to view this post

VIEW IN TELEGRAM

👍33🔥15

5.36K views13:22

Code Ready | Frontend

👩‍💻

Перспектива элементов

Свойство perspective устанавливает перспективу для элемента, определяя расстояние от зрителя до плоскости 3D-пространства, которое влияет на видимость и масштаб объектов внутри этого пространства.

Это свойство принимает числовое значение (px), которое указывает расстояние в пикселях от зрителя до объекта. Чем меньше значение, тем сильнее эффект перспективы.

📣 Code Ready | #свойство

Please open Telegram to view this post

VIEW IN TELEGRAM

👍22🔥6

6.05K views09:35

Code Ready | Frontend

This media is not supported in your browser

VIEW IN TELEGRAM

Grid Garden — игра, которая учит основам CSS Grid, позволяя управлять растениями в саду, используя свойства для прохождения уровней.

⛓

Ссылочка: https://cssgridgarden.com/

📣 Code Ready | #ресурсы

Please open Telegram to view this post

VIEW IN TELEGRAM

👍36🔥11👎1

6.33K viewsedited 14:39

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.59K views07:47

Code Ready | Frontend

0:04

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.48K 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👎2😁1

6.27K viewsedited 06:34

Code Ready | Frontend

0:08

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.23K viewsedited 14:12

Code Ready | Frontend

0:06

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.39K 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.9K 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.25K views14:29

About

Blog

Apps

Platform