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

Автор: @energy_it

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

Реклама на бирже: https://telega.in/c/code_ready
Download Telegram
👩‍💻 Основы веб-разработки для новичков

Курс, в котором вы узнаете про основы разработки программных продуктов, как устроен интернет и многое другое.

Ссылка на плейлист: YouTube 🖤


📣 Code Ready | #курс
Please open Telegram to view this post
VIEW IN TELEGRAM
👍13🔥5
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Атрибут autocomplete

Полезный атрибут, который управляет автозаполнением данных в полях формы браузером. Он предлагает браузеру значения, которые пользователь вводил ранее.

Может иметь два значения:
• autocomplete="on" — браузер предлагает варианты для автозаполнения на основе ранее введённых данных.

• autocomplete="off" — отключает автозаполнение браузером.


📣 Code Ready | #атрибут
Please open Telegram to view this post
VIEW IN TELEGRAM
👍51🔥14
This media is not supported in your browser
VIEW IN TELEGRAM
Regulex — это онлайн-инструмент для визуализации регулярных выражений в JavaScript, который преобразует их в диаграммы, помогая легче понять сложные паттерны.

📌 Ссылочка: https://jex.im/regulex/

📣 Code Ready | #ресурсы
Please open Telegram to view this post
VIEW IN TELEGRAM
👍22🔥11
👩‍💻 Простое раскрывающееся меню

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

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


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

📣 Code Ready | #гайд #css
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥110👍14🤝1
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Обязательные поля для заполнения

Псевдокласс :required в CSS используется для стилизации элементов формы, которые имеют атрибут required.

Это означает, что элемент должен быть заполнен перед отправкой формы.

📣 Code Ready | #свойство #css
Please open Telegram to view this post
VIEW IN TELEGRAM
👍52🔥21
👩‍💻 Работа с массивами с помощью методов slice() и splice()

slice — возвращает новый массив, который содержит копию части массива, не изменяя сам оригинальный массив. Он принимает два аргумента: начальный индекс и конечный индекс.

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

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

📣 Code Ready | #метод
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥82🤝37👍14
This media is not supported in your browser
VIEW IN TELEGRAM
Carbon — это онлайн-инструмент, позволяющий разработчикам создавать красивые скрины кода. Он также поддерживает различные темы, шрифты и настройки.

📌 Ссылочка: carbon.now.sh

📣 Code Ready | #ресурс
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥27👍8
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Drawio integration

Плагин позволяет строить множество различных диаграмм, связанных с вашим кодом рядом с проектом.

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

📣 Code Ready | #плагин
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥36👍17
📖 Программирование на Javascript

Комплексное руководство, в котором рассматриваются ключевые аспекты JavaScript, такие как синтаксис, работа с объектами и функциями, а также основы взаимодействия с веб-технологиями.

Автор: Васильев А.Н.
Год: 2017


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

📣 Code Ready | #книга
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥18👍7😁2🤝2
👩‍💻 Кастомные маркеры списка

Свойство list-style-image позволяет задать изображение в качестве маркера для элементов списка <ul> и <ol>. Позволяет заменить стандартные маркеры на графические элементы, что может сделать списки более привлекательными.

Возможные значения свойства:

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

none — убирает маркеры списка, если изображение не нужно.


📣 Code Ready | #свойство
Please open Telegram to view this post
VIEW IN TELEGRAM
👍33🔥12
This media is not supported in your browser
VIEW IN TELEGRAM
Горячие клавиши для быстрой верстки

Alt + ↑ / ↓ — Переместит строку с курсором вверх или вниз, в зависимости от комбинации клавиш.

• Alt — множественный ввод. Поможет написать одно и то же сразу в нескольких местах.

Shift + Tab — Удаляет отступы.

📣 Code Ready | #клавиши
Please open Telegram to view this post
VIEW IN TELEGRAM
👍53🔥18😁2👎1
This media is not supported in your browser
VIEW IN TELEGRAM
👩‍💻 Атрибут size

Это атрибут, с помощью которого можно задать ширину поля <input> в символах или количество видимых опций списка в случае <select>.

Значения атрибута size — это положительные целые числа, определяющие количество символов или строк в соответствующих элементах.


📣 Code Ready | #атрибут
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥30👍20
👩‍💻 Шпаргалка по методам 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
2👍36🔥9