Программирование [newline] Создание макетов в React (2022)

  • Автор темы Trinity
  • Дата начала
[newline] Создание макетов в React (2022)

1667327942428


В этом курсе мы покажем вам, как создавать сложные макеты в React, составив всего несколько основных примитивов макета. Попутно вы изучите современные инструменты CSS Layout, такие как Normal Flow, Flexbox и Grid.

Макет CSS вырос и превратился в надежный набор инструментов для создания фантастических современных макетов. Проблема в том, что мы до сих пор преподаем CSS как нечто, что «собирается» вместе с помощью «трюков» для получения желаемых веб-макетов. Подобное изучение CSS обычно ведет нас по одному из двух путей: либо мы создаем хрупкие макеты страниц, используя метод CSS «посмотри, что прилипнет», либо мы сдаемся и заявляем, что CSS слишком сложен, и вводим сетку X-колонок, например Начальная загрузка Твиттера.

Создание макетов страниц в CSS не должно быть сложным. Подобно тому, как вы делаете большую часть своей повседневной речи, используя всего лишь небольшое подмножество словарного запаса, составленного вместе, вы можете создавать сложные макеты, составляя простые низкоуровневые примитивы макета уникальными способами.

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

Этот курс не требует глубоких знаний CSS. Предполагается, что у вас есть базовое понимание блочной модели CSS, специфики CSS, селекторов CSS и единиц измерения размера CSS. Хотя вы можете применить принципы этого курса к любому современному веб-фреймворку, в том числе без разработки фреймворка, в этом курсе будет использоваться React и предполагается, что у вас есть базовое понимание React, JSX и React hooks.

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

Материал на английском языке

Подробнее:
Скачать:
 

Похожие темы

Trinity
Ответы
0
Просмотры
114
Trinity
Trinity
Ответы
0
Просмотры
188
Trinity
Trinity
Ответы
0
Просмотры
115
Trinity
Trinity
Ответы
0
Просмотры
232
Trinity
Trinity
Ответы
0
Просмотры
304
Trinity
Trinity
Ответы
0
Просмотры
73
Trinity
Trinity
Ответы
0
Просмотры
249
Trinity