11 added
53 removed
Original
2026-01-01
Modified
2026-02-26
1
-
<p>CSS3</p>
1
+
<p>ООО "<a>Хекслет Рус</a>"</p>
2
-
<p>Grid</p>
2
+
<p>108813 г. Москва, вн.тер.г. поселение Московский,</p>
3
-
<p>Сетки</p>
3
+
<p>г. Московский, ул. Солнечная, д. 3А, стр. 1, помещ. 20Б/3</p>
4
-
<p>Адаптивность</p>
4
+
<p>ОГРН 1217300010476</p>
5
-
<p>Последнее обновление: 26 декабря 2025 г.</p>
5
+
<p>ИНН 7325174845</p>
6
-
<p>Включено в курс</p>
6
+
<p>АНО ДПО "<a>Учебный центр "Хекслет</a>"</p>
7
-
<p>7 уроков (видео и/или текст)</p>
7
+
<p>119331 г. Москва, вн. тер. г. муниципальный округ</p>
8
-
<h2>Описание</h2>
8
+
<p>Ломоносовский, пр-кт Вернадского, д. 29</p>
9
-
<p>На этом курсе вы изучите позиционирование с помощью CSS Grid. Вы узнаете больше о создании сеток и управлении элементами внутри них. В итоге вы научитесь распределять пространство внутри ячеек, адаптировать сетки под разные размеры экрана и создавать свои собственные сетки. CSS Grid пригодится, если вы решите создавать сложные сеточные шаблоны, в которых необходимо одновременно управлять элементами по двум осям. Знания из этого курса помогают программистам быстро создавать сложные журнальные шаблоны. Этот курс подойдет всем веб-разработчикам, которые хотят использовать современные стандарты.</p>
9
+
<p>ОГРН 1247700712390</p>
10
-
<h2>Чему вы научитесь</h2>
10
+
<p>ИНН 7736364948</p>
11
-
<ul><li><p>Базовым свойствам CSS Grid Layout.</p>
11
+
12
-
</li>
13
-
<li><p>Создавать сетки и управлять пространством внутри них.</p>
14
-
</li>
15
-
<li><p>Управлять расположением HTML-элементов внутри сетки.</p>
16
-
</li>
17
-
<li><p>Адаптировать сетки для разных разрешений экрана.</p>
18
-
</li>
19
-
</ul><h2>Программа</h2>
20
-
<p>1</p>
21
-
<a>Введение</a><p>Знакомимся с концепцией Grid, говорим о ключевых моментах и отличиях от Flex</p>
22
-
<p>2</p>
23
-
<a>Терминология</a><p>Знакомимся с понятиями сеток и их составлящими в CSS Grid Layout</p>
24
-
<p>3</p>
25
-
<a>Первая сетка</a><p>Поговорим о свойствах, позволяющие создавать сетки с помощью CSS Grid Layout</p>
26
-
<p>4</p>
27
-
<a>Расположение элементов в сетке</a><p>Изучаем свойства, позволяющие произвольно располагать элементы внутри сетки</p>
28
-
<p>5</p>
29
-
<a>Работа с сеткой</a><p>Изучаем отступы между полосами и выравнивание полос сетки</p>
30
-
<p>6</p>
31
-
<a>Неявная сетка</a><p>Поговорим отличия явной и неявной сетки, изучим свойства grid-auto-rows и grid-auto-columns</p>
32
-
<p>7</p>
33
-
<a>Позиционирование и Grid</a><p>Изучаем влияние свойств позиционирования и z-index при использовании внутри сетки</p>
34
-
<h2>Формат обучения</h2>
35
-
<h2>Испытания</h2>
36
-
<p>1</p>
37
-
<p>Швейцарский плакат</p>
38
-
<p>2</p>
39
-
<p>Pictagram</p>
40
-
<p>3</p>
41
-
<p>Футуристический плакат</p>
42
-
<p>4</p>
43
-
<p>Компонент "Клавиатура"</p>
44
-
<p>5</p>
45
-
<p>Неопластицизм</p>
46
-
<h2>Рекомендуемые программы</h2>
47
-
<ul><li><p>Тренажер с практикой</p>
48
-
</li>
49
-
<li><p>Бессрочный доступ к теории</p>
50
-
</li>
51
-
<li><p>Асинхронный формат</p>
52
-
</li>
53
-
</ul>