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

Автор: @energy_it

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

Реклама на бирже: https://telega.in/c/code_ready
Download Telegram
👩‍💻 Шпаргалка по HTML-сущностям

HTML-сущности — это специальные кодовые обозначения для символов, которые могут быть интерпретированы браузером как часть разметки или недоступные на клавиатуре символы.

📣 Code Ready | #html #шпаргалка
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥77👍21🤝10
👩‍💻 Прототипное наследование в JavaScript

В JavaScript каждый объект может наследовать свойства и методы другого объекта через прототип.

Это позволяет создавать цепочки прототипов, благодаря которым объекты могут переиспользовать код и методы.

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

📣 Code Ready | #собеседование
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥30👍16🤝4
👩‍💻 Работа с массивами: Array.filter и Array.find

Array.filter создает новый массив, содержащий все элементы, прошедшие проверку, заданную предоставленной функцией.

Array.find возвращает значение первого элемента массива, который удовлетворяет предоставленной функции. Если ни один элемент не удовлетворяет условию, метод вернет undefined.

📣 Code Ready | #метод
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍32🔥11
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Error Lens

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

📣 Code Ready | #плагин
Please open Telegram to view this post
VIEW IN TELEGRAM
5🔥34👍7
👩‍💻 Создание формы с эффектом фокуса

Создадим форму, которая будет реагировать на взаимодействие с полями ввода, используя CSS-анимацию.

Эта анимация улучшит визуальное восприятие формы при фокусировке на полях.

📣 Code Ready | #гайд #css
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍31🔥13🤝9
This media is not supported in your browser
VIEW IN TELEGRAM
CSS Gradient — Этот сайт позволяет легко создавать градиенты с помощью интуитивно понятного интерфейса и генератора кода. Вы можете настроить цвета и сохранить свои градиенты для дальнейшего использования.

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍25🤝7🔥6
👩‍💻 Шаблонные литералы в JavaScript — удобство работы со строками!

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

Это значительно упрощает создание динамических текстов и работу с многострочными строками, что делает код более чистым и читабельным!

📣 Code Ready | #собес
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
2👍23🤝5
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Тег select

Select в HTML используется для создания выпадающих списков или множественных вариантов выбора.

Для <select> атрибут size может принимать значения, которые указывают, сколько строк элементов будет одновременно видно в списке.

size="1" — отображает только одну видимую строку, как в обычном списке.

size="3" — показывает сразу три видимые строки, превращая <select> в список, в котором можно прокручивать больше вариантов.


📣 Code Ready | #тег
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍25🔥9