Этот насыщенный практический воркшоп поможет вам пройти путь от нуля до готового к продакшену проекта с использованием Tailwind CSS версии 4. Вы освоите подход utility-first, научитесь работать с цветовыми темами OKLCH, использовать container queries, строить адаптивные макеты, применять варианты взаимодействия (group/peer/has), а также добавлять анимации и создавать настоящие компоненты, которые сразу можно использовать в своих проектах.
Этот курс поможет вам пройти путь от основ до экспертного уровня в Visual Studio Code. Мы разберём ключевые инструменты и возможности редактора, включая редактирование с несколькими курсорами, IntelliSense, работу с мульти-рабочими пространствами, а также продвинутые настройки отладки, Dev Containers и интеграцию инструментов тестирования.
На этом семинаре вы узнаете, как использовать Tailwind CSS для создания адаптивных дизайнов, поддержки темной темы и стилизации компонентов в ваших веб-приложениях. Вы также научитесь расширять Tailwind CSS для создания собственных компонентов и утилит.
React это быстро! Да. Но любое приложение, которое растет, начинает разрабатывать свои собственные пограничные случаи, которые требуют от нас выполнения детективной работы для достижения максимальной производительности. Мы рассмотрим некоторые распространенные ловушки приложений React, как их диагностировать и как измерить эффективность ваших решений. Вы узнаете, как использовать React Profiler, избегая ненужных повторных рендеров, влияние формы
Этот воркшоп предназначен для фронтенд-разработчиков и инженеров по JavaScript, чтобы предоставить им всестороннее понимание веб-безопасности. Охватывая темы от базовых принципов до передовых методов безопасности, участники узнают о распространенных уязвимостях, стратегиях их предотвращения и лучших практиках по защите своих веб-приложений. Воркшоп включает практические упражнения для применения изученных концепций в реальных сценариях.
Redux — это надежная библиотека для управления состоянием, которая обычно, но не всегда, используется в больших приложениях React. В этом курсе мы расскажем, как сделать ваше хранилище Redux более надежным с помощью TypeScript и применить общие шаблоны, используемые в крупномасштабных приложениях Redux. Redux также не имеет возможности асинхронно извлекать данные из серверной части, но имеет надежную архитектуру промежуточного программного
На этом курсе мы научимся ориентироваться в Figma. Мы также расскажем, как создавать прототипы интерфейсов, использовать Figma с адаптивными макетами и совместно работать над идеями. Этот курс ориентирован на разработчиков. Мы рассмотрим советы и рекомендации по реализации дизайна, созданного в Figma.
Научитесь настраивать и расширять Vite для создания современных веб-приложений. Оптимизируйте обработку статических ресурсов и производительность с помощью pre-bundling. Поймите продвинутые сценарии использования, такие как API-прокси и создание собственных плагинов Vite.
Electron - это платформа для создания нативных, кросс-платформенных приложений для настольных компьютеров с использованием веб-технологий (например, HTML, CSS и JavaScript). В этом курсе вы узнаете, как создавать несколько настольных приложений с помощью Electron. Мы обсудим, как реализовать функциональность операционной системы, интегрировать современные фреймворки фронтенда, а также как тестировать наши приложения. Наконец, мы упакуем и разверн
