0 added
0 removed
Original
2026-01-01
Modified
2026-02-26
1
<p>В этом курсе познакомимся с фреймворком для верстальщиков - Bootstrap. С помощью него возможно быстро создавать адаптивные сайты и веб-приложения. Появившись в 2011 году внутри компании<em>Twitter</em>быстро обрел популярность среди разработчиков других приложений и сайтов. По мере развития, Bootstrap привнес множество техник и компонентов, которые и по сей день используют компании.</p>
1
<p>В этом курсе познакомимся с фреймворком для верстальщиков - Bootstrap. С помощью него возможно быстро создавать адаптивные сайты и веб-приложения. Появившись в 2011 году внутри компании<em>Twitter</em>быстро обрел популярность среди разработчиков других приложений и сайтов. По мере развития, Bootstrap привнес множество техник и компонентов, которые и по сей день используют компании.</p>
2
<p>Bootstrap использует:</p>
2
<p>Bootstrap использует:</p>
3
<ul><li>Компоненты - набор готовых блоков, которые можно использовать в проекте. Это пользовательские сообщения, меню, карточки и так далее. Компоненты используют готовый нейтральный дизайн, что позволяет быстро начать использовать компоненты внутри проектов.</li>
3
<ul><li>Компоненты - набор готовых блоков, которые можно использовать в проекте. Это пользовательские сообщения, меню, карточки и так далее. Компоненты используют готовый нейтральный дизайн, что позволяет быстро начать использовать компоненты внутри проектов.</li>
4
<li>Утилиты - набор классов для указания стилей CSS. Эти классы по концепции схожи с<em>Atomic CSS</em>.</li>
4
<li>Утилиты - набор классов для указания стилей CSS. Эти классы по концепции схожи с<em>Atomic CSS</em>.</li>
5
<li>Сетка - преимущество Bootstrap. С помощью готовой сетки выстраиваются блоки на странице при использовании Bootstrap.</li>
5
<li>Сетка - преимущество Bootstrap. С помощью готовой сетки выстраиваются блоки на странице при использовании Bootstrap.</li>
6
</ul><p>В курсе будет рассмотрено:</p>
6
</ul><p>В курсе будет рассмотрено:</p>
7
<ul><li>Подключение Bootstrap к проекту.</li>
7
<ul><li>Подключение Bootstrap к проекту.</li>
8
<li>Использование сетки.</li>
8
<li>Использование сетки.</li>
9
<li>Работа с текстом, таблицами и формами.</li>
9
<li>Работа с текстом, таблицами и формами.</li>
10
<li>Создание адаптивной страницы.</li>
10
<li>Создание адаптивной страницы.</li>
11
<li>Устройство компонентов и утилит.</li>
11
<li>Устройство компонентов и утилит.</li>
12
</ul><h2>Практика</h2>
12
</ul><h2>Практика</h2>
13
<p>Многие из уроков в курсе будут иметь практики с возможностью перехода в веб-доступ. Старайтесь не просто выполнять задание, а после успешного прохождения также экспериментируйте с кодом и возможностями, которые вы узнали.</p>
13
<p>Многие из уроков в курсе будут иметь практики с возможностью перехода в веб-доступ. Старайтесь не просто выполнять задание, а после успешного прохождения также экспериментируйте с кодом и возможностями, которые вы узнали.</p>
14
<p>В течение курса вы будете встречать самостоятельные задания. При необходимости вы можете попрактиковаться в задачах, представленных в заданиях. Также в них будут примеры кода, в которые можно подглядывать или просто изучать.</p>
14
<p>В течение курса вы будете встречать самостоятельные задания. При необходимости вы можете попрактиковаться в задачах, представленных в заданиях. Также в них будут примеры кода, в которые можно подглядывать или просто изучать.</p>
15
<h2>Документация</h2>
15
<h2>Документация</h2>
16
<p>Фреймворк Bootstrap имеет одну из лучших документаций в своем роде. В ней вы можете подробно изучить все возможные компоненты и утилиты. Документация оперативно обновляется при выходе каждой новой версии фреймворка. Советуем держать ее всегда при себе.</p>
16
<p>Фреймворк Bootstrap имеет одну из лучших документаций в своем роде. В ней вы можете подробно изучить все возможные компоненты и утилиты. Документация оперативно обновляется при выходе каждой новой версии фреймворка. Советуем держать ее всегда при себе.</p>
17
<h2>GitHub</h2>
17
<h2>GitHub</h2>
18
<p>Помимо документации, Bootstrap можно найти на сервисе GitHub. Фреймворк является открытым для пользователей. В коде можно обнаружить множество функций и миксинов, с помощью которых вы сможете создавать свои компоненты.</p>
18
<p>Помимо документации, Bootstrap можно найти на сервисе GitHub. Фреймворк является открытым для пользователей. В коде можно обнаружить множество функций и миксинов, с помощью которых вы сможете создавать свои компоненты.</p>