0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<p>Концепция Flex молниеносно ворвалась в мир верстки, заняв одну из лидирующих позиций среди средств для верстки макетов. Главной проблемой при верстке макетов всегда была сложная реализация распределения мест между множеством блоков, а также выравнивание их по осям x и y. Ранее для центровки блока по вертикали и горизонтали приходилось использовать множество средств и хитростей и постоянно следить за тем, чтобы на разных разрешениях экрана все смотрелось хорошо. С приходом мобильных устройств данное требование стало необходимым, в связи с чем появилась потребность в новом механизме, легком и понятном.</p>
1
<p>Концепция Flex молниеносно ворвалась в мир верстки, заняв одну из лидирующих позиций среди средств для верстки макетов. Главной проблемой при верстке макетов всегда была сложная реализация распределения мест между множеством блоков, а также выравнивание их по осям x и y. Ранее для центровки блока по вертикали и горизонтали приходилось использовать множество средств и хитростей и постоянно следить за тем, чтобы на разных разрешениях экрана все смотрелось хорошо. С приходом мобильных устройств данное требование стало необходимым, в связи с чем появилась потребность в новом механизме, легком и понятном.</p>
2
<p>Таким механизмом стал Flex - концепция, объединенная новым подходом к позиционированию элементов, а также гибкой работой с их высотой и шириной. Название образовано от слова<em>flexible</em>, которое переводится как<em>гибкий</em>, что целиком описывает новый подход.</p>
2
<p>Таким механизмом стал Flex - концепция, объединенная новым подходом к позиционированию элементов, а также гибкой работой с их высотой и шириной. Название образовано от слова<em>flexible</em>, которое переводится как<em>гибкий</em>, что целиком описывает новый подход.</p>
3
<p>В этом курсе мы познакомимся с основными свойствами Flex. Научимся работать с элементами по вертикали и горизонтали, задавать им гибкие значения ширины и высоты.</p>
3
<p>В этом курсе мы познакомимся с основными свойствами Flex. Научимся работать с элементами по вертикали и горизонтали, задавать им гибкие значения ширины и высоты.</p>
4
<h3>Практика</h3>
4
<h3>Практика</h3>
5
<p>Многие из уроков в данном курсе будут иметь практики с возможностью перехода в веб-доступ. Старайтесь не просто выполнять задание, а после успешного прохождения также экспериментируйте с кодом и возможностями, которые вы узнали.</p>
5
<p>Многие из уроков в данном курсе будут иметь практики с возможностью перехода в веб-доступ. Старайтесь не просто выполнять задание, а после успешного прохождения также экспериментируйте с кодом и возможностями, которые вы узнали.</p>
6
<p>В течение курса вы будете встречать самостоятельные задания. При необходимости вы можете попрактиковаться в задачах, представленных в заданиях. Также в них будут примеры кода, в которые можно подглядывать или просто изучать.</p>
6
<p>В течение курса вы будете встречать самостоятельные задания. При необходимости вы можете попрактиковаться в задачах, представленных в заданиях. Также в них будут примеры кода, в которые можно подглядывать или просто изучать.</p>
7
<h4>CodePen</h4>
7
<h4>CodePen</h4>
8
<p>Другая возможность применить навыки, полученные при работе с курсом - использование сервиса<a>CodePen</a>. Вы можете создать свой<strong>pen</strong>, внутри которого экспериментировать с позиционированием.</p>
8
<p>Другая возможность применить навыки, полученные при работе с курсом - использование сервиса<a>CodePen</a>. Вы можете создать свой<strong>pen</strong>, внутри которого экспериментировать с позиционированием.</p>
9
<p>Также в каждом уроке курса будут представлены примеры, которые подгружаются с<strong>CodePen</strong>. Они доступны для изучения, а также вы имеете возможность в режиме реального времени вносить правки и следить за результатом. Не пропускайте такую возможность.</p>
9
<p>Также в каждом уроке курса будут представлены примеры, которые подгружаются с<strong>CodePen</strong>. Они доступны для изучения, а также вы имеете возможность в режиме реального времени вносить правки и следить за результатом. Не пропускайте такую возможность.</p>