Frontend разработчик

Совет по HTML 💡 Возможно, ты не знал об этой HTML-сущности для вставки мягких переносов слов 🤩 📲 Мы в MAX 👉 @frontend_1

Как получить оффер в Яндекс, Сбер, МТС и другие крутые компании? На фото ребята из моего комьюнити, где уже больше 220 frontend-разработчиков. Все они успешно устроились в крутые компании и получили офферы от 300 тыс рублей 🫂 👋 Привет, меня зовут Тихон, я действующий Frontend-разработчик и ментор. За руку довожу до оффера в Big Tech и остаюсь рядом на испытательном сроке. В их жизни больше нет бесконечных скучных созвонов, безуспешных откликов на вакансии, странноватых собесов с вопросами словно ты на олимпиаде. И у тебя тоже получится 😎 У меня есть канал, где я: 👉 Показываю, как пройти HR-фильтр и превратить отклики в реальные приглашения 👉 Помогаю найти мотивацию и разбираюсь с убеждениями, которые мешают расти 👉 На примерах показываю, как проходить собеседования, включая техничку 👉 Разбираю резюме и делюсь лайфхаками — например, как аккуратно «пинговать» рекрутеров И регулярно выкладываю полезное: ▪️ Задачи, на которых валятся кандидаты ▪️ Подборка из 100+ каналов с вакансиями для разработчиков ▪️ 100 вопросов, которые помогут тебе на собеседовании ▪️ Чек-лист для проверки своего резюме Подписывайся: https://t.me/+rB_VRZXe78xlZTU6 Реклама, erid: 2W5zFHNcK8V ИП Галактионов Тихон Витальевич, ИНН 771618975809

Совет по JavaScript 💡 Одна строка кода, чтобы определить, есть ли в массиве дубликаты 🤩 📲 Мы в MAX 👉 @frontend_1

🧠 KeyUX — это легковесный JavaScript-фреймворк для описания пользовательских интерфейсов через "ключи внимания". Он помогает разработчикам сосредоточиться на UX-логике, а не на структурной разметке UI. 🔹 Минимум кода 🔹 Управление вниманием пользователя через декларативные ключи 🔹 Подходит для сложных интерфейсов без необходимости создавать бесконечные состояния UI Пример кода: import { createApp } from 'keyux' createApp({ keys: { search: { on: 'input', effect: ({ value }) => console.log('Search:', value) } } }) https://github.com/ai/keyux 📲 Мы в MAX 👉 @frontend_1

🎯 CSS @scope: способ ограничить область действия стилей До сих пор в CSS не было простого и надёжного способа ограничить действие стилей внутри конкретного контейнера. Мы полагались на такие приёмы, как уникальные классы, переопределение селекторов или CSS-in-JS. Но теперь у нас есть @scope. Что такое @scope? @scope — это новая директива в CSS, которая позволяет задать область применения стилей. Она похожа на @media, но вместо условий она ограничивает, где стили будут применяться в DOM. @scope (.card) { h2 { color: red; } } Этот код применит красный цвет только к h2, находящимся внутри .card. Всё просто. Почему это важно? Ограничение области действия стилей: - делает код изолированным и предсказуемым, - предотвращает конфликты между компонентами, - упрощает поддержку и масштабирование CSS. Более сложный пример @scope (.card) to (.card-footer) { a { text-decoration: none; } } Здесь мы ограничиваем действие от .card до .card-footer. Стили будут применяться только к a, находящимся между этими двумя элементами в иерархии. Итого @scope — это шаг вперёд для масштабируемого CSS. Больше не нужно изобретать велосипеды с уникальными классами и перегрузками. Пишите локализованные стили — просто и прозрачно. https://12daysofweb.dev/2023/css-scope/ 📲 Мы в MAX 👉 @frontend_1

Совет по HTML 💡 Обеспечьте лучший пользовательский интерфейс для ввода текста, автоматически выделяя слова, символы или предложения заглавными буквами при вводе данных в текстовые поля 🤩 📲 Мы в MAX 👉 @frontend_1

💡 Совет по JavaScript — Используй reduce для группировки элементов 🔴 📲 Мы в MAX 👉 @frontend_1

Совет по JavaScript 💡 Используйте параметр rest вместо объекта arguments для приема переменного количества аргументов ✅ 📲 Мы в MAX 👉 @frontend_1

Совет по CSS 💡 Две строчки кода, чтобы изменить размер любого блочного элемента с помощью CSS. 📲 Мы в MAX 👉 @frontend_1

Совет по CSS 💡 Узнай, как легко можно использовать видео в качестве фона. 📲 Мы в MAX 👉 @frontend_1