Видеокурсы от Jen Kramer

Проект веб-разработки: персональный сайт-портфолио

Web Development Project: Personal Portfolio Website

Создайте персональный сайт-портфолио, чтобы укрепить свои знания основ через практический проект. Реализуйте руководство по стилям и адаптивные макеты для настольных компьютеров, планшетов и мобильных устройств. Используйте новейшие техники CSS, такие как CSS-переменные, flexbox, grid и медиа-запросы, чтобы продемонстрировать свои лучшие работы!

5 ч 4 мин 26 сек

English

frontendmasters, Jen Kramer

Премиум

Посмотреть

CSS Grid & Flexbox, v3

Изучите макеты CSS в глубину, включая Grid и Subgrid, Flexbox, техники адаптивных изображений, медиа-запросы и запросы контейнера. Научитесь применять эти техники к вашему следующему веб-сайту, даже если вы раньше не работали с макетами CSS.

6 ч 21 мин 51 сек

English

frontendmasters, Jen Kramer

Удален по просьбе правообладателя

Посмотреть

CSS-проекты

CSS Projects

Ищете практику верстки CSS? Присоединяйтесь к Джен Крамер и создайте несколько различных адаптивных макетов на основе предоставленных ресурсов, целей проекта и ожиданий. Для решения любой из этих проблем с макетом не требуется JavaScript. Каждое задание становится все сложнее. В первой задаче мы создадим некоторый базовый стиль, который поможет решить другие задачи. Последнее задание включает в себя 5 различных макетов с единой кодовой базой HTML

5 ч 2 мин 11 сек

English

frontendmasters, Jen Kramer

Удален по просьбе правообладателя

Посмотреть

Практические CSS Layouts

Practical CSS Layouts

Устали от обычных макетов? Неуверены, как сделать их более интересными? Этот семинар именно для вас! Присоединяйтесь к Джен на два насыщенных дня, в ходе которых вы создадите три различных отзывчивых веб-сайта для вымышленной группы Magenta Lime.

8 ч 58 мин 56 сек

English

frontendmasters, Jen Kramer

Удален по просьбе правообладателя

Посмотреть

Семантика HTML и селекторы CSS

HTML Semantics & CSS Selectors

HTML - это мост между контентом и кодом. Большая буква «С» в CSS означает каскад. К сожалению, мало времени тратится на изучение того, что означает любое из этих понятий, или их влияние на ваш код. В этом курсе вы научитесь использовать семантический HTML, селекторы, наследование и каскадирование для создания веб-страниц с более компактным кодом и более эффективным стилем.

5 ч 38 мин 3 сек

English

frontendmasters, Jen Kramer

Удален по просьбе правообладателя

Посмотреть

Адаптивный веб-дизайн с помощью Flexbox и CSS Grid, v2

Responsive Web Design with Flexbox & CSS Grid, v2

Макеты страниц - это сердце любого веб-сайта или приложения. В современной сети есть несколько вариантов создания макетов, каждый со своими положительными и отрицательными характеристиками. Выполнив множество упражнений и попрактиковавшись, вы освоите спецификации Flexbox и Grid, а также адаптивные изображения, применяя их к повседневным макетам страниц.

5 ч 49 мин 49 сек

English

frontendmasters, Jen Kramer

Удален по просьбе правообладателя

Посмотреть

Начало работы с CSS

Getting Started with CSS

Из трех основных технологий, обеспечивающих работу внешнего интерфейса веб-сайтов, каскадные таблицы стилей (CSS) являются наиболее часто упускаемыми и неправильно понятыми. Имея решающее значение для цветов, шрифтов, макета и многого другого, CSS кажется технологией, которую разработчики любят ненавидеть.

3 ч 19 мин 51 сек

English

frontendmasters, Jen Kramer

Удален по просьбе правообладателя

Посмотреть

Продвинутые CCS Макеты

Advanced CSS Layouts

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

3 ч 46 мин 48 сек

English

frontendmasters, Jen Kramer

Удален по просьбе правообладателя

Посмотреть