Frontend Tests & Tasks
8.82K subscribers
2K photos
69 videos
4 files
1.25K links
Тесты и задачи по фронтенду (js, html, css)

Ссылка для друга: https://t.me/+OZ7Q4OwhuDRmMWMy

Сотрудничество: @rterekhov, @shmyzna

Купить рекламу: https://telega.in/c/Frontend_Task
(или в личку)

РКН: http://surl.li/poxcru
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Фронтендеры, для вас: добавляем хайповый эффект жидкого стекла (и не только) к своим проектам.

Нашёл бесплатный онлайн-генератор с кучей настроек, который рендерит объекты с нужной степенью отражений, преломлений и бликов. На выходе дает готовый экспорт CSS — отправляем в Figma, Canvas или сразу прямо на сайт.

Экономит время

Frontend Tests & Tasks
1
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
⭐️ Шпаргалка по CSS

Frontend Tests & Tasks
Please open Telegram to view this post
VIEW IN TELEGRAM
3
Media is too big
VIEW IN TELEGRAM
От сердца отрываю: self-hosted менеджер закладок в духе Notion

Простой, быстрый и полностью open-source:

— Цветные и вложенные теги;
— Импорт из браузера и Pocket в один клик;
— Мини-виджет для сохранения ссылок без расширений;
— Тёмная тема, сортировка, мгновенный поиск;
— Все данные хранятся локально, на вашем сервере;
— Разворачивается одной Docker-командой.

Удобнее еще не было

Frontend Tests & Tasks
1
This media is not supported in your browser
VIEW IN TELEGRAM
Разница между джуном, мидлом и сеньором наглядно

Frontend Tests & Tasks
🔥7👍1
📌 Шпаргалка по CSS

Frontend Tests & Tasks
Please open Telegram to view this post
VIEW IN TELEGRAM
5
Фронты, полезная находка: удобнейший инструмент для создания и настройки красивых тем под shadcn/ui

Отличный способ быстро накидать палитру и проверить, как она живёт прямо в интерфейсе:
— Визуальный редактор с поддержкой OKLCH-цветов;
Мгновенные превью всех компонентов;
— Работа в светлой и тёмной теме одновременно;
Импорт и форк готовых тем из комьюнити;
— Поддержка Google Fonts и настройка закруглений;
— Экспорт в CSS или формат shadcn CLI.

Делайте красиво

Frontend Tests & Tasks
3
Please open Telegram to view this post
VIEW IN TELEGRAM
👍1👏1
Please open Telegram to view this post
VIEW IN TELEGRAM
1
This media is not supported in your browser
VIEW IN TELEGRAM
Чел из Твиттера пилит шедевральный редактор кода — смотрю на эти анимации и сразу хочется удалить пару строк 😂

Кода пока нет, по я нашёл похожий редактор в стиле Doom.

Frontend Tests & Tasks
Please open Telegram to view this post
VIEW IN TELEGRAM
6😁2🔥1
📌 Шпаргалка по React

Frontend Tests & Tasks
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
Будни вайб-кодеров 💀

Frontend Tests & Tasks
Please open Telegram to view this post
VIEW IN TELEGRAM
😁17
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5
Media is too big
VIEW IN TELEGRAM
Сейчас будет залипательно: наткнулся на ИИ-поисковик Rabbithole, который эксплуатирует вашу жажду знаний.

Название говорящее: вы ищете что-то, нажимаете на ссылки с интересной инфой (как в Википедии), но вместо новой страницы начинает строиться майндмап с всё новыми и новыми статьями. И так до тех пор, пока не ощутите, что проваливаетесь в кроличью нору

В день дают три запроса, но внутри одного «дерева» можно кликать сколько душе угодно.

Frontend Tests & Tasks
👍3🌚1
Айтишники ловите сборник бесплатных курсов, полезных инструментов и книг

Проект «TERMINAL» стал крупнейшей библиотекой бесплатного образования. В одном канале собраны курсы, книги, полезные инструменты и практические тренажёры для всех разработчиков

🎓 Практические курсы и задания

🪽 Книги и статьи известных авторов

😮‍💨 Полезные инструменты и ресурсы

🌟 IT-новости и инсайды

Обучение по всем направлениям: SQL, Python, Frontend, PHP, C++, Golang, GIT, Linux, QA, Java, кибербезопасность и др.

Ценишь знания, подпишись: Terminal_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
Нашёл интерактивный справочник по 21 закону хорошего интерфейса

Каждое правило — не просто совет из Твиттера, а результат реальных исследований о том, как люди воспринимают интерфейсы, внимание и визуальные паттерны.

Кратко, чётко и с примерами — от закона Фиттса до принципа эстетико-эргономического восприятия.

Красотища

Frontend Tests & Tasks
🔥2
Совет на ближайшие годы — изучайте ВАЙБ-КОДИНГ

ИИ уже пишет код, чинит баги, генерирует тесты, документацию и помогает запускать продукты быстрее, чем это делали классические команды разработки. И это уже не "будущее когда-нибудь", а реальность, которая меняет рынок уже сегодня

И те, кто научится вайбкодить сейчас, будут увереннее конкурировать на рынке и зарабатывать больше тех, кто по-прежнему делает всё вручную.

Стартовать с нуля поможет канал Вайб-кодинг. Там ребята круглосуточно мониторят более 320 российских и зарубежных источников и публикуют только главное: релизы, инструменты, гайды, курсы и практические кейсы.

Подписывайтесь, нас уже 35 тысяч: @vibecoding_tg
🔥2😁1
📌 Шпаргалка по CSS

Frontend Tests & Tasks
Please open Telegram to view this post
VIEW IN TELEGRAM