Вайб-кодинг

Тестирование React-приложений на практике Запись 5-часового воркшопа о TDD и тестировании React приложений, в рамках которого Александр Беспоясов написал конвертер валют и покрыл его тестами. Вы узнаете, как: ☑️ Выделять и тестировать бизнес-логику ☑️ Разделять код на модули так, чтобы их было удобно тестировать ☑️ Применять разные стратегии моков, готовить стабы и тестовые данные ☑️ Тестировать сайд-эффекты и React-хуки ☑️ Работать с асинхронными функциями и тестировать их ☑️ Подключать сторонние библиотеки через адаптеры для удобного тестирования ▶️ Смотреть ➡️ @tips_frontend

♨️ Прокачивай свои навыки вместе с Java | Фишки и трюки Ежедневные порции Java-фишек, полезные советы и трюки от опытных разработчиков. 👉🏼 Присоединиться

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

📌Есть только 2 способа стать JavaScript Senior: 1. Часами просматривать видео на YouTube, документацию и решать сложные задачи, так и не  достигнув ощутимого прогресса 2. Следить за каналом «JavaScript Senior» и сократить 70% времени на подготовку к собеседованиям и улучшение навыков! Получай полезные сниппеты, актуальные вопросы с собеседований и будь в курсе последних новинок – подпишись @JavaScriptSenior!

Как устроена асинхронность в JavaScript: гайд для фронтенд-разработчика ⏩ Что такое Event loop и очередь событий? ⏩ При чём здесь Web API? ⏩ Как работают промисы и async/await? 🔜 Читать ➡️ @tips_frontend

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

Руководство по Next.js: пополняемая серия для фронтенд-разработчика ⏩ Часть 1 ⏩ Часть 2 ⏩ Часть 3 ➡️ @tips_frontend

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

Простая шпаргалка по поисковой оптимизации для веб-разработчика ➡️ @tips_frontend

Простой способ использования свойства gap ➡️ @tips_frontend

❗️Крупнейшая библиотека 📲 @BIG_Disk снова в Telegram совершенно БЕСПЛАТНО Подборка 3500++ редких книг по: ✍️Информационным Технологиям и безопасности ✍️Osint ✍️Программирование ✍️Этичный хакинг ✍️Администрирование ✍️ SEO, маркетинг, НЛП, социальная инженерия и многое другое... то что важно в любое время знать ✅ Сохрани точно пригодится 👉@BIG_Disk ❗️А в нашем Боте 🤖 @books_max_bot вы также найдете найдет и скачаете более 1миллиона книг 👻 "Информация и знания должны быть доступны и бесплатны для всех.." Администрация 👻 Max Open Source

Если вы добавляете символы кавычек, используйте в качестве содержимого open-quote и close-quote, поскольку они учитывают язык документа. 👉 Подробнее ➡️ @tips_frontend

🔝 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) Залетай в наш канал ➡️ "Фронтенд заметки" за этой подборкой.

Псевдокласс :focus-visible вместо :focus в CSS применяется только тогда, когда фокусировка элемента происходит способами, видимыми для пользователя, например, через клавиатурный ввод. Это помогает избегать ненужного выделения элементов при навигации с помощью мыши, что делает интерфейс менее загроможденным и более чистым. ➡️ @tips_frontend

Полезный сниппет, позволяющий скрыть контент, но оставить его доступным для скрин-ридеров Поиграть можно здесь ➡️ @tips_frontend

⚡️ Вся база знаний по IT в одном месте! 🧑‍💻 IT База — всё про Python/C++/Java, главные новости мира IT и лайфхаки для работы и собеседований; 🖥 Frontend База — всё для фронтенда: готовые решения, курсы по JS/HTML/CSS, роадмапы для освоения профессии и карьерного роста; 👣 Backend База — всё для бэкендеров: работа c SQL, Golang, Kafka и PHP, полные курсы и идеи для пет-проектов на каждый день; 🖥 База Знаний — склад полезных курсов и материалов, где легко найти что-то нужное по хэштегам. Если вам что-то интересно про IT, то оно уже лежит на Базе, проверяйте. ⏲ Успей подписаться, чтобы не потерять!

Мы не можем изменить цвет внешней SVG-иконки с помощью свойств fill/storke, но есть способ сделать это с помощью CSS mask ➡️ @tips_frontend

Поговорим о проджектах Из опыта, проджекты бывают разными: Первые — толкатели тасок в джире, от которых примерно ноль пользы. Вторые — душнилы, которые научились играть в скрам и аджайл и теперь чинят препятствия бизнесу, потому что хотят все сделать идеально. Третьи — пиздаболы мечтатели, которые продают светлое будущее, работают в разных крутых компаниях, но при этом проекты не умеют доводить до конца. The last but not list — настоящие решалы, которые организуют команды, процессы и делают крутые штуки. Хочу познакомить вас с Артемом — он руководит проектным и продуктовым офисом, который разивает технлогическую платформу для разработчиков в Яндексе. Вы когда-нибудь задумывались, каково это, когда ты продакт и разрабатываешь фреймворк для C++? А раньше Артем отвечал за технологическое развитие в Сбере. Чтобы становиться проджектами, которые двигают мир вперед, а не таски, читайте, как стать тем: → кто умеет решать проблемы → кто умеет задавать вопросы → кто умеет в work life balance → кто понимает продукт и его техническую сторону не хуже какого-нибудь архитектора Подписывайтесь и будьте решалой🔥

Простой способ изменения стиля кнопки выбора файлов с помощью CSS: на заметку фронтенд-разработку ➡️ Поиграть можно здесь ➡️ @tips_frontend

Знаете ли вы, что к числам в упорядоченном списке можно добавить 0? ➡️ @tips_frontend