Шпаргалка по Nuxt.js от Vue Mastery: на заметку фронтенд-разработчику

➡️ @tips_frontend

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

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

➡️ @tips_frontend

Бесплатное IT-образование в 2024

Отобрали для вас полезные телеграм-каналы, которые помогут освоить программирование и другие IT-направления

Выбирайте нужное и подписывайтесь:

👩‍💻 Frontend: @FrontendPortal
⚙️ Backend: @BackendPortal
📱 GitHub: @git_developer
🤓 Книги айти: @portalToIT
👩‍💻 Python: @PythonPortal
👩‍💻 Java: @Java_Iibrary
👩‍💻 C#: @KodBlog
👩‍💻 С/С++: @Cpportal
🖥 Базы Данных & SQL: @SQL
👩‍💻 Golang: @juniorGolang
👩‍💻 PHP: @PHPortal
👩‍💻 Моб. разработка: @MobDev
👩‍💻 Разработка игр: @GameDevgx
👩‍💻 DevOps: @loose_code
🖥 Data Science: @DataSciencegx
🤔 Хакинг & ИБ: @cybersecinform
🐞 Тестирование: @QAPortal
📱 Маркетинг: @MarketingPortal
🖥 Дизайн: @PortalToDesign

➡️ Сохраняйте себе, чтобы не потерять

Простой способ форматирования числа в качестве валюты без использования сторонних библиотек

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

➡️ @tips_frontend

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

➡️ @tips_frontend

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

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

➡️ @tips_frontend

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

➡️ @tips_frontend

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

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

➡️ @tips_frontend

Псевдокласс :focus-visible вместо :focus в CSS применяется только тогда, когда фокусировка элемента происходит способами, видимыми для пользователя, например, через клавиатурный ввод.

Это помогает избегать ненужного выделения элементов при навигации с помощью мыши, что делает интерфейс менее загроможденным и более чистым.

➡️ @tips_frontend

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

👉 Подробнее

➡️ @tips_frontend

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

➡️ @tips_frontend

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

➡️ @tips_frontend

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

➡️ @tips_frontend

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


➡️ @tips_frontend

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

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

🔜 Читать

➡️ @tips_frontend

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

➡️ @tips_frontend

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

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

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

▶️ Смотреть

➡️ @tips_frontend