Code Ready | Frontend

👩‍💻 Карточка с анимацией переворота В этом гайде создадим интерактивную карточку на HTML и CSS, которая переворачивается при наведении, показывая другую сторону с текстом. Для этого будем использовать свойства backface-visibility и perspective, чтобы создать эффект 3D-переворота. 📣 Code Ready | #гайд #css

🚀 Изучай HTML и CSS с нуля! 🚀 Присоединяйтесь к нашему Telegram-каналу [https://t.me/made_in_html_css] Здесь вы найдете: Уроки с нуля – от основ к сложным темам. Практические задания – применяйте знания на практике. Советы от опытных разработчиков – получайте помощь и рекомендации. Участие в проектах – накапливайте практический опыт. Обсуждения – делитесь успехами и задавайте вопросы. Присоединяйтесь к Made in HTML/CSS и начните обучение уже сегодня! 🌟

Mr.Robot — закрытый канал про хакинг и информационною безопасность. — Обход блокировок YouTube и Discord — Получение доступа к любым аккаунтам ВК, Тикток, Инстаграм — Деанонимизация по номеру телефона, почте или тг юзернейму — Слив платных курсов Будь на шаг впереди — https://t.me/+OYphDnLSkAA4MWMy

Cursor AI — нейросеть для разработки, представляющая собой интеллектуальный редактор кода, который помогает за счет подсказок, автоматизации и интеграции с расширениями VS Code. 📌 Ссылочка: https://www.cursor.com/ 📣 Code Ready | #ресурс

👩‍💻 Цвет курсора текста Свойство caret-color в CSS позволяет управлять цветом мигающего курсора в текстовых полях, таких как <input>, <textarea> и элементы с атрибутом contenteditable. Оно может принимать различные цветовые значения:

• Стандартный цвет — red, blue... • HEX-коды — #ff0000, #00ff00 • RGB — rgb(255, 0, 0) • HSL — hsl(120, 100%, 50%)

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

😮 Добавлена новая база слитых курсов на 800ГБ: Python: https://t.me/+M41DT5NwaQswNzk6 Программирование: https://t.me/+w-gECXRX02k0ZjFi Frontend и Web: https://t.me/+iAPi5Uqj5n04YjQy Графика и дизайн: https://t.me/+nZJOujtgfIwyMjIy

👩‍💻 Полезные горячие клавиши VSCode • Ctrl + F2 — Выделяет все вхождения текущего слова. • Ctrl + Backspace — Удаляет всё слово стоящее перед курсором. • Ctrl + Delete — Удаляет всё слово стоящее после курсора. 📣 Code Ready | #клавиши

Прими участие в «Хакатоне по кибериммунной разработке 3.0» от «Лаборатории Касперского» с призовым фондом 1 000 000 рублей! Регистрация на хакатон открыта до 15 ноября Приглашаем разработчиков, аналитиков, архитекторов ПО, экспертов по информационной безопасности и студентов программирования и кибербезопасности. Участвуй индивидуально или в команде до 5 человек. Тебе предстоит разработать систему удалённого управления автомобилем для каршеринга, устойчивую к кибератакам. Специальных знаний в автомобильной отрасли не требуется — задача будет понятна всем, независимо от опыта. Это твой шанс прокачать навыки в кибербезопасности и пообщаться с экспертами «Лаборатории Касперского». Ключевые даты: • 15 октября – 15 ноября – регистрация участников • 8 ноября – митап с экспертами и игра «Огнеборец» • 15 ноября – старт хакатона • 17 ноября – дедлайн загрузки решений • 22 ноября – подведение итогов и объявление победителей Регистрируйся, прояви себя и внеси вклад в безопасность каршеринговых сервисов

👩‍💻 Работа с массивами: Array.some и Array.every Array.some — проверяет, удовлетворяет ли хотя бы один элемент массива условию, заданному функцией. Если хотя бы один элемент возвращает true, метод вернёт true, иначе false. Array.every — проверяет, удовлетворяют ли все элементы массива условию, заданному функцией. Если все элементы возвращают true, метод вернёт true, иначе false. 📣 Code Ready | #метод

flexboxfroggy — игра, которая поможет вам выучить CSS-flexbox. Тут нужно писать нужные свойства во встроенном редакторе для решения головоломок. 📌 Ссылочка: flexboxfroggy.com 📣 Code Ready | #ресурсы

👩‍💻 Вопрос с собеседования Как использовать модули в JavaScript? Ответ: 1. Экспортирование модулей: Позволяет делать функции, объекты или переменные доступными для других файлов. Используется export для экспорта нескольких элементов из модуля.

// utils.js
export function add(a, b) {
  return a + b;
}
export const pi = 3.14159;

2. Импортирование модулей: Позволяет использовать ранее экспортированные элементы. Используется import для импорта отдельных элементов из модуля.

// main.js
import { add, pi } from './utils.js';
console.log(add(2, 3)); // 5
console.log(`Value of pi: ${pi}`); // Value of pi: 3.14159

3. Экспорт по умолчанию: Используется для экспорта одного основного элемента из модуля. Это может быть функция, класс или объект. Используется export default для этого.

// math.js
export default function multiply(a, b) {
  return a * b;
}

4. Импорт по умолчанию: Осуществляется без фигурных скобок. Можно дать импортируемому элементу любое имя.

// main.js
import multiply from './math.js';
console.log(multiply(2, 3)); // 6

5. Динамический импорт: Позволяет загружать модули асинхронно, что полезно для загрузки модулей по требованию. Используется import() для динамического импорта.

// main.js
async function loadModule() {
  const { add } = await import('./utils.js');
  console.log(add(5, 10)); // 15
}
loadModule();

6. Импорт всего содержимого модуля: Иногда нужно импортировать все содержимое модуля под одним именем. Используется import * as для этого.

// main.js
import * as Utils from './utils.js';
console.log(Utils.add(2, 3)); // 5
console.log(`Value of pi: ${Utils.pi}`); // Value of pi: 3.14159

📣 Code Ready | #техсобес

Каналы для королей ➡️ Эксклюзивные курсы ➡️ Дизайн для души ➡️ Классика кино По вопросам пишите: @Imadona

Не хочешь оставаться нормисом? За 2 года работы канала Больше 1000 подписчиков стали специалистами с доходом 200к+ рублей. 3500+ человек нашли работу благодаря нашим курсам. Если это слабый аргумент чтобы вступить в наш канал, тогда я уже не знаю что тебе предложить...

👩‍💻 Атрибут select Атрибут select в HTML используется для создания выпадающих списков или множественных вариантов выбора. Для тега <select> атрибут size может принимать значения, которые указывают, сколько строк элементов будет одновременно видно в списке.

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

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

🔝 10 бесплатных видео-курсов по Фронтенду

Мы за бесплатное обучение! 👨‍💻 Поэтому для наших подписчиков канала "Фронтенд заметки" мы собрали 10 лучших (на наш взгляд) бесплатных курсов по фронтенду, как для начинающих, так и для более опытных.

Список построен от легкого к сложному, где 1 - это совсем для новичков, а 10 - уже для опытных фрондеров: 1. HTML для начинающих 2. CSS для начинающих 3. Адаптивная верстка сайта с нуля для начинающих 4. JavaScript для начинающих 5. Разработка приложения "Список задач" на JavaScript 6. Создание игр на JavaScript 7. Vue JS - Полный курс c нуля за 18 часов 8. React JS c нуля для начинающих 9. Разработка интернет-магазина на Vue 3 для начинающих 10. Разработка FullStack интернет-магазина (клон ДодоПиццы) [NextJS, TS, Prisma, NextAuth] Залетай в наш канал ➡️ "Фронтенд заметки" за этой подборкой.

OverAPI — это справочник для быстрого поиска синтаксиса и примеров по множеству языков и технологий, удобный для фронтенд разработчиков, работающих с HTML, CSS, JavaScript, и не только. ⛓ Ссылочка: https://overapi.com/ 📣 Code Ready | #ресурсы

👩‍💻 Шаблонные литералы в JavaScript — удобство работы со строками! Шаблонные литералы, заключенные в обратные кавычки, позволяют легко встраивать переменные и выражения в строки. Это значительно упрощает создание динамических текстов и работу с многострочными строками, что делает код более чистым и читабельным! 📣 Code Ready | #собес