frontendmasters
FrontendMasters - Одна из самых лучших площадок для изучения Frontend. Видеокурсы ведут ведущие люди в этой отрасли.
764
2
Популярное в frontendmasters
Создание Fullstack-приложения на Next.js, v4
Промт-инжиниринг для разработчиков
Современные основы CSS
Подготовка рабочего окружения для ИИ-разработки
Проектирование API на Node.js, v5
Производительность разработчика, V2
JavaScript: Жёсткие части, v3
Enterprise Java: основы Spring Boot
Функциональный JavaScript: первые шаги, v2
Курсы CSS от frontendmasters
Современные основы CSS
Modern CSS Fundamentals
Этот курс подойдёт всем, кто хочет по-настоящему разобраться в современном CSS - будь вы бэкенд-разработчик, переходящий во фронтенд, выпускник буткемпа, стремящийся выйти за рамки фреймворков, или самоучка, желающий строить интерфейсы с нуля.Вы узнаете не только как работают современные возможности CSS, но и почему язык устроен именно так. Мы разберём системные принципы, лежащие в основе адаптивной вёрстки, научимся уверенно строить гибкие макет
Tailwind CSS, v2
Этот насыщенный практический воркшоп поможет вам пройти путь от нуля до готового к продакшену проекта с использованием Tailwind CSS версии 4. Вы освоите подход utility-first, научитесь работать с цветовыми темами OKLCH, использовать container queries, строить адаптивные макеты, применять варианты взаимодействия (group/peer/has), а также добавлять анимации и создавать настоящие компоненты, которые сразу можно использовать в своих проектах.
Начало работы с CSS: Версия 2.0
Getting Started with CSS, v2
На этом курсе вы создадите одностраничный сайт-портфолио, используя семантическую разметку HTML, систему дизайна на базе CSS-переменных, сеточные макеты и адаптивный дизайн. Вы научитесь внедрять светлую и тёмную цветовые схемы, которые можно переключать по желанию пользователя, и освоите ключевые принципы организации контента, чтобы ваша история и навыки были представлены понятно и убедительно.
Создание веб-сайта с нуля
Build a Website from Scratch
На этом двухдневном воркшопе вы научитесь создавать полноценный адаптивный веб-сайт с нуля, используя современные методы веб-разработки. Под руководством Кевина Пауэлла вы пройдете весь процесс: от анализа дизайна и планирования до публикации сайта. Также будут рассмотрены лучшие практики и продвинутые темы, такие как анимации и переходы.
Проект веб-разработки: персональный сайт-портфолио
Web Development Project: Personal Portfolio Website
Создайте персональный сайт-портфолио, чтобы укрепить свои знания основ через практический проект. Реализуйте руководство по стилям и адаптивные макеты для настольных компьютеров, планшетов и мобильных устройств. Используйте новейшие техники CSS, такие как CSS-переменные, flexbox, grid и медиа-запросы, чтобы продемонстрировать свои лучшие работы!
CSS Grid & Flexbox, v3
Изучите макеты CSS в глубину, включая Grid и Subgrid, Flexbox, техники адаптивных изображений, медиа-запросы и запросы контейнера. Научитесь применять эти техники к вашему следующему веб-сайту, даже если вы раньше не работали с макетами CSS.
TailwindCSS
На этом семинаре вы узнаете, как использовать Tailwind CSS для создания адаптивных дизайнов, поддержки темной темы и стилизации компонентов в ваших веб-приложениях. Вы также научитесь расширять Tailwind CSS для создания собственных компонентов и утилит.
CSS-проекты
CSS Projects
Ищете практику верстки CSS? Присоединяйтесь к Джен Крамер и создайте несколько различных адаптивных макетов на основе предоставленных ресурсов, целей проекта и ожиданий. Для решения любой из этих проблем с макетом не требуется JavaScript. Каждое задание становится все сложнее. В первой задаче мы создадим некоторый базовый стиль, который поможет решить другие задачи. Последнее задание включает в себя 5 различных макетов с единой кодовой базой HTML
frontendmasters
8 июн. 2023 г., 00:53
Основы CSS (frontendmasters)
CSS Foundations
Вы изо всех сил пытаетесь применить стили к своим веб-сайтам? Вы беспокоитесь, когда вас просят воплотить дизайн в реальность? Хотите чувствовать себя уверенно при написании и отладке CSS? Этот курс для вас! Мы рассмотрим основы CSS, такие как цвет, типографика, позиционирование и z-индекс. Мы также узнаем, как смотреть на визуальный дизайн и превращать его в код.
Практические CSS Layouts
Practical CSS Layouts
Устали от обычных макетов? Неуверены, как сделать их более интересными? Этот семинар именно для вас! Присоединяйтесь к Джен на два насыщенных дня, в ходе которых вы создадите три различных отзывчивых веб-сайта для вымышленной группы Magenta Lime.