27159
Присоединяйтесь к нашему каналу и погрузитесь в мир фронтенд-разработки Связь: @devmangx РКН: https://clck.ru/3Fs3wT
Не знаешь на кого пойти учиться ?💡
1️⃣Пройди бесплатные онлайн-курсы
2️⃣Узнай о самых востребованных профессиях
3️⃣Получи уникальную возможность поступить в «Алабуга Политех» после 9 или 11 класса
ПРОЙДИ КУРС ПРЯМО СЕЙЧАС!
Онлайн-инструмент для создания собственных плавных анимаций и переходов
С его помощью можно настраивать кривые, чтобы точно контролировать скорость и плавность ваших анимаций на сайте
Утилита предлагает пользователям визуальный интерфейс, который позволяет легко играться с параметрами кривых и мгновенно видеть результаты в реальном времени
https://easingwizard.com/
➡️ @FrontendPortal | #resourse
CSS-селекторы. Шпаргалка для новичков
Селекторы — это шаблоны, которые используются для привязки стилевых свойств к элементам в документе. Вы можете задать стиль для всех элементов или сократить выбор с помощью определённого селектора
➡️ @FrontendPortal | #CSS
HTML ✅️ теперь в телеграм!
HTML — самый популярный язык в мире. Именно на нем написаны все сайты. Начать свой путь в программировании проще всего с изучения HTML. Тем более теперь в телеграмме появился официальный русскоязычный канал. Это первоисточник всего, что появляется в платных курсах и остальных ресурсах. Стоит подписаться!
Телеграм-канал с актуальными вакансиями для Frontend специалистов
- Свежие вакансии со всего интернета.
- Вакансии для студентов, юниоров, мидлов, сеньоров.
- Прямые ссылки на работодателей.
- Некоммерческий проект, без рекламы.
Ссылка на телеграмм-канал
Navio — это компания, которая создаёт технологию автономного вождения. Присоединяйтесь к нашей амбициозной команде!
Мы ищем разработчиков с разной специализацией. Предлагаем профессиональный рост, увлекательные проекты и работу над продуктами, которые меняют мир вокруг нас. Решайте интересные задачи, создавайте будущее и будьте в центре технологических новинок.
Вас ждут современный офис и инженерный центр. Вы сможете участвовать в международных конференциях, проходить обучение и повышать квалификацию.
Смотрите вакансии и отправляйте отклики!
Как вставить иконку внутрь input
Для этого трюка часто используется свойство background-image. Мы используем фоновое изображение без повторов в качестве иконки и добавляем отступ для смещения фактического текста
➡️ @FrontendPortal | #CSS
Если вы сейчас на стадии изучения браузерных событий (DOM Events)
То вам может быть полезен интересный инструмент визуализации — https://domevents.dev
Данный инструмент помогает наглядно увидеть порядок выполнения событий, а также понять разницу функций preventDefault(), stopPropagation(), stopImmediatePropagation()
➡️ @FrontendPortal | #resourse
Brain fog - это настоящая эпидемия нашего времени, но есть вещество, которое способно пробудить даже мертвеца..
Alpha GPC + CDP Choline = увеличение скорости и объема электрических импульсов в синапсах головного мозга🧠
Добавка повышает концентрацию внимания и скорость реакции, а так же действует как очень мягкий антидепрессант 🧘♂️
Не оказывает сильный стимулирующий эффект и не нарушает качество сна 💤
Ты не можешь сделать 36 часов в сутках, но ты можешь увеличить скорость своего мышления ⚡️
👇👇👇
ЗАКАЗАТЬ НА WILDBERRIES
Интерактивный конструктор border-radius
Нашёл сайт, где можно поэкспериментировать с border-radius и скопировать готовые значения в свой CSS-код
Генерируются сразу 8 значений для border-radius. Также можно настроить размер элемента
https://9elements.github.io/fancy-border-radius/
➡️ @FrontendPortal | #resourse
Подборка с 5 продвинутыми HTML-тегами
➡️ @FrontendPortal | #html
Это огромная библиотека готовых UI-компонентов компонентов для ваших React-проектов
Можно юзать в проектах или просто для вдохновения ✌️
https://reactcomponents.com/
➡️ @FrontendPortal | #resourse
Подборка 5-продвинутых JavaScript концепций
Подробнее:
1. BigInt
2. Typed Arrays
3. Proxy & Reflect
4. Generators
5. WeakMap & WeakSet
➡️ @FrontendPortal | #js #подборка
Хотите быть в курсе трендов Frontend-разработки?
- Самые свежие новости о JavaScript, React, Vue и других фреймворках.
- Полезные статьи и советы для создания современных и отзывчивых интерфейсов.
- Эксклюзивные материалы, которые помогут вам стать Senior Frontend-разработчиком.
Не тратьте время на поиск — всё, что нужно для роста во Frontend, уже собрано в Цифровая кухня. Подпишитесь сейчас и начните получать ценную информацию каждый день!
👉 Подписаться
⚡️ Айтишник из «VISION» скупил курсы айти школ и выложил гигабайты материалов к себе
Каждый найдет что-то по душе:
1202 ГБ — Python
1811 ГБ — Frontend
1100 ГБ — C / C++ / C#
804 ГБ — Java
411 ГБ — SQL & БД
309 ГБ — DevOps
998 ГБ — ИБ & Хакинг
773 ГБ — Kotlin / Swift
189 ГБ — PHP
201 ГБ — GoLang
170 ГБ — Rust
167 ГБ — QA / Тестирование
310 ГБ — 1C + Лицензии
495 ГБ — Машинное обучение
704 ГБ — Аналитика Данных
991 ГБ — Дизайн
Материалы в закрепе, постоянно пополняются👆🏻
HTML Совет: Обеспечьте лучший UX для ввода текста с помощью атрибута autocapitalize
Атрибут определяет, будут ли автоматически меняться буквы на заглавные при наборе или редактировании текста
Результат будет заметен при наборе текста на виртуальной клавиатуре мобильных устройств или голосовом вводе. При этом происходит изменение регистра букв на самой клавиатуре, а не преобразование введённого текста
➡️ @FrontendPortal | #tip by Shripal Soni
👍😌🙃❤️💫😍🌞☺️🫶🥰
Прими участие в хакатоне МТС True Tech Hack 2025!
Призовой фонд соревнования составит 1 500 000 рублей. Участие могут принять системные аналитики, Data Scientists, Data Engineers, frontend и backend-разработчики, мобильные разработчики, бизнес-аналитики, аналитики данных, MLOps-инженеры, DevOps-инженеры, Product-менеджеры, ИТ-архитекторы, UI/UX-дизайнеры.
Ты сможешь создать решение на базе одной из ИТ-платформ МТС и познакомиться с экспертами рынка. Не упусти шанс сделать вклад в развитие технологий!
Хакатон пройдет 17–25 апреля. Регистрация открыта до 16 апреля.
Регистрируйся на МТС True Tech Hack 2025.
Набор CSS анимаций на все случаи жизни
Если хотите добавить анимацию, но не до конца понимаете, как она будет выглядеть, то вам поможет Animista.
Выбирайте из каталога, настраивайте параметры и сразу просматривайте результат. Гибкие настройки помогут адаптировать анимацию под ваши задачи и создать уникальные эффекты.
https://animista.net
➡️ @FrontendPortal
Переменные $0-$4 в DevTools
Вы могли наткнуться на этот небольшой текстовый ярлык, который помещается в DevTools, и задаться вопросом, для чего он может быть нужен. Вот ответ 😁
Последний элемент, выбранный во вкладке Elements, доступен в консоли как $0; предыдущий, выбранный до него, как $1 и т.д.
➡️ @FrontendPortal
Простой трюк для добавления градиентной заливки к тексту в CSS
Задаем тексту фоновый рисунок с помощью свойства background-clip с значением text. Чтобы эффект был виден, установите цвет текста элемента прозрачным color: transparent;
➡️ @FrontendPortal | #CSS
Этот мощный инструмент для работы с цветом позволяет тестировать палитры на реальных дизайн-примерах, упрощая подбор оптимальных сочетаний для интерфейсов
Идеально подходит для генерации идей и создания визуально безупречных UI 👍
https://palettemaker.com/
➡️ @FrontendPortal | #resourse
Где учиться начинающему веб-разработчику?
Чтобы создавать веб-сайты, нужно разобраться в HTML и CSS — основах любой веб-страницы. HTML задаёт её структуру, а CSS отвечает за оформление: цвета, шрифты, анимации и расположение элементов. Без этой связки не обходится ни один сайт.
VK Education запускает два бесплатных курса:
🔹 «Базовый HTML» — изучите теги, атрибуты, семантику и базовую разметку.
🔹 «Базовый CSS» — освоите стилизацию, работу со шрифтами, анимациями, сетками и позиционированием.
Обучение можно проходить в своём темпе: видеолекции от экспертов VK уже записаны, практические задания и тесты проверяются автоматически.
Материалы доступны бесплатно и навсегда. Это отличный старт для тех, кто хочет освоить веб-разработку.
Руководство по правильному написанию JS-кода от Airbnb
Отличный репозиторий на GitHub от Airbnb, с детальным руководством по написанию чистого, последовательного и профессионального JS
Также содержит гайдлайны для React, CSS-in-JS, CSS, Sass и Ruby
https://github.com/airbnb/javascript
➡️ @FrontendPortal | #resourse
💡 Совет по Chrome DevTools: Быстрое копирование всех стилей элемента
Быстро скопируйте все стили, примененные к элементу в разных CSS-правилах, используя опцию "Copy Styles" в панели Elements.
➡️ @FrontendPortal | #tip by Shripal Soni
Руки на стол🙌🏻
Эта нейросетка творит ВСЕ, что твоя душа пожелает АБСОЛЮТНО без ограничений!
Просто представь, что у Midjourney отключили цензуру🍓😏
Разрабы постоянно обновляют функционал и добавляют новые пикантные функции, поэтому если захочешь поиграться - ссылка тут👉🏻 Pornwork.ai
#реклама
Perflink, сервис для быстрого и простого измерения производительности JS-кода
https://perf.link/
➡️ @FrontendPortal | #resourse
⚡️ 200% переплата за ипотеку в РФ или 0% рассрочка? Поможем инвестировать выгодно: 4 раза в неделю выкладываем лучшие инвестиционные квартиры в Дубае и ОАЭ на канале "Инвест в Эмиратах".
Лот: квартира у моря на острове Yas в Абу-Даби
Цена: $252 тысячи, на $50 тысяч (15%) ниже рынка
Рассрочка: 0% на 3 года
Возврат инвестиций с аренды: 8-10% в год
➡️ Больше редких инвест-лотов на канале "Инвест в Эмиратах". Подписывайтесь и оперативно отслеживайте лучшие предложения на рынке.
Подборка интересных трюков в VS Code
Советы, которые недостаточно велики для отдельного поста, но иногда очень могут пригодится
➡️ @FrontendPortal | #vscode
Ловите крутой сайт для прокачки навыков и подготовки к собеседованиям — BFE.dev.
Здесь собрано более 600 задач по JavaScript, React, TypeScript, CSS и даже системному дизайну
Можно писать код прямо в браузере с поддержкой TypeScript, сразу проверять решения и смотреть, как справились другие
➡️ @FrontendPortal | #resourse
Вот 4 простых шага для создания анимации загрузчика в CSS
После этого вы можете программно переключать этот элемент, чтобы он появлялся всякий раз, когда есть состояние загрузки
➡️ @FrontendPortal | #tutorial