Learn frontend tips @tips_frontend Channel on Telegram

Learn frontend tips

@tips_frontend

В канале вы найдёте подсказки для frontend разработчиков
✓ HTML
✓ CSS
✓ JavaScript
✓ UX/UI

Авторские права, сотрудничество: @deathwarlock

Learn frontend tips (Russian)

В постоянно развивающемся мире веб-разработки, быть в курсе последних тенденций и технологий является ключевым фактором успеха. Именно для этого был создан наш Telegram канал под названием "tips_frontend". Здесь вы найдёте множество полезных советов и рекомендаций для frontend разработчиков, которые помогут вам улучшить свои навыки и стать более востребованными на рынке труда.

В канале представлены подсказки по таким темам, как:
✓ HTML
✓ CSS
✓ JavaScript
✓ UX/UI

Мы постоянно обновляем контент канала, чтобы держать вас в курсе последних изменений и новинок в мире frontend разработки. Кроме того, у нас вы сможете найти интересные статьи, видеоуроки и ресурсы, которые помогут вам расширить свои знания и навыки.

Если у вас есть какие-то вопросы или вы хотите поделиться своими знаниями с другими участниками канала, не стесняйтесь обращаться к администратору канала @deathwarlock. Он всегда готов помочь вам и ответить на все ваши вопросы. Присоединяйтесь к нашему каналу "tips_frontend" прямо сейчас и станьте лучшим frontend разработчиком! 🚀

Learn frontend tips

21 Nov, 13:51

Не нужно ждать изменений от backend API. Мы можем легко переопределить ответ на любой запрос локально, чтобы продолжить работу с помощью Dev Tools

➡️ @tips_frontend
84
Learn frontend tips

21 Nov, 11:04

Совет фронтендерам: уважайте свое время

В Html Gram собраны готовые и уникальные codepen решения на каждый день. От эффектов при наведении до 3D анимации.

Учитесь, практикуйтесь и прокачивайте свое портфолио вместе с @HtmlGram
106
Learn frontend tips

21 Nov, 06:34

Простой кейс реализации паузы/старта видео в зависимости от состояния видимости страницы

🔜 Поиграть можно здесь

➡️ @tips_frontend
121
Learn frontend tips

20 Nov, 16:45

7 способов скрыть элемент с помощью CSS: на заметку фронтенд-разработчику

➡️ @tips_frontend
143
Learn frontend tips

20 Nov, 07:52

Знаете ли вы, почему мы не можем создавать новые инстансы из стрелочной функции в JavaScript? 👆

➡️ @tips_frontend
122
Learn frontend tips

19 Nov, 08:04

Что нужно знать о современном CSS: на заметку фронтенд-разработчику

Подборка современных дополнений к CSS: container queries, nesting, scroll-driven animations, view transitions, :has() и многие другие.

🔜 Читать

➡️ @tips_frontend
136
Learn frontend tips

18 Nov, 17:05

🔥 Awesome React — поддерживаемый список ресурсов, относящихся к экосистеме React.

Начав свою историю как коллекция из нескольких сотен пунктов, с тех пор её сократили до менее чем 200 за счет удаления всех устаревших проектов и сосредоточения внимания на самом главном.

🔜 Awesome React Components — еще одна отличная коллекция для добавления в закладки.

➡️ @tips_frontend
146
Learn frontend tips

18 Nov, 05:58

Знаете ли вы, что мы можем разместить кнопку отправки формы за пределами формы?

В большинстве случаев кнопка отправки находится внутри тега <form>, но иногда, из-за особенностей макета или других причин, её можно разместить снаружи. Просто используйте атрибуты form и id.

➡️ @tips_frontend
173
Learn frontend tips

17 Nov, 04:18

Простой способ сортировки без учета регистра в JavaScript: на заметку фронтенд-разработчику

➡️ @tips_frontend
175
Learn frontend tips

16 Nov, 06:53

React + структуры данных = суперкод: 7 примеров для практики

Представляешь, оказывается, если правильно подобрать структуру данных, можно не только заставить приложение летать, но и сделать код настолько чистым и красивым, что глаз не оторвать. Серьезно, это как убраться в квартире — и жить приятнее, и гостей не стыдно позвать. Причем, это не какая-то там магия — это просто грамотный подход, который может освоить каждый разработчик, было бы желание!

🔜 Читать статью

➡️ @tips_frontend
202
Learn frontend tips

14 Nov, 13:04

Тестирование React-приложений на практике

Запись 5-часового воркшопа о TDD и тестировании React приложений, в рамках которого Александр Беспоясов написал конвертер валют и покрыл его тестами. Вы узнаете, как:

☑️ Выделять и тестировать бизнес-логику
☑️ Разделять код на модули так, чтобы их было удобно тестировать
☑️ Применять разные стратегии моков, готовить стабы и тестовые данные
☑️ Тестировать сайд-эффекты и React-хуки
☑️ Работать с асинхронными функциями и тестировать их
☑️ Подключать сторонние библиотеки через адаптеры для удобного тестирования

▶️ Смотреть

➡️ @tips_frontend
236
Learn frontend tips

13 Nov, 17:04

HTML-элемент <meter> в действии: на заметку фронтенд-разработчику

➡️ @tips_frontend
254
Learn frontend tips

11 Nov, 14:17

Как устроена асинхронность в JavaScript: гайд для фронтенд-разработчика

⏩ Что такое Event loop и очередь событий?
⏩ При чём здесь Web API?
⏩ Как работают промисы и async/await?

🔜 Читать

➡️ @tips_frontend
266
Learn frontend tips

08 Nov, 03:58

Простой способ изменения числового представления упорядоченного списка в CSS: на заметку фронтенд-разработчику


➡️ @tips_frontend
353
Learn frontend tips

07 Nov, 05:46

Руководство по Next.js: пополняемая серия для фронтенд-разработчика

⏩ Часть 1
⏩ Часть 2
⏩ Часть 3

➡️ @tips_frontend
347
Learn frontend tips

06 Nov, 08:25

Простой способ упрощения CSS селекторов с использованием :where(): на заметку фронтенд-разработчику

➡️ @tips_frontend
268

2024 All Right Reserved

Disclaimer: The content displayed on this website is solely provided by the respective Telegram channels. We hold no ownership or responsibility for the content shared by these channels.