Bootstrap 3

Name: Bootstrap 3
Price: 80 RUB
Availability: InStock
Rating: 2.5 (2 reviews)

2,5 64 участника

О чём курс

Курс Bootstrap 3 посвящён сборке прототипов веб-интерфейсов из готовых HTML-, CSS- и jQuery-компонентов. Для фронтенд-разработки вы разберёте навигацию, форму ввода и адаптивную сетку.

Программа курса

Сначала вы познакомитесь с возможностями Bootstrap 3 и создадите базовый шаблон страницы. Затем добавите верхнее меню Navbar и настроите его под проект.

Для главной страницы вы добавите блок Jumbotron и разберёте сетку Bootstrap. На примере классов row и container вы узнаете, как располагать элементы и строить вёрстку по принципу mobile first.

Форму регистрации вы соберёте с помощью Page header, текстовых полей и кнопок. Также настроите выбор пола с помощью radio button и размеры элементов формы. Окно входа создадите с помощью модального окна, подключив jQuery-плагины через атрибуты данных.

В завершение вы примените готовые решения: Bootswatch для смены темы оформления и Bootsnipp для поиска элементов под Twitter Bootstrap.

Программа обучения

Зачем нужен Bootstrap?
Введение в курс по Bootstrap. Основные возможности и преимущества этого фреймворка. Примеры сайтов, построенных с помощью Bootstrap. Внутреннее содержимое фреймворка.
Базовый шаблон и Navbar
- Создаем базовый шаблон Bootstrap. Добавляем верхнее меню Navbar и изменяем его под наш проект.
Jumbotron и Grid system. Принципы сеточной верстки в Bootstrap.
- Добавляем основной блок на главную страницу. Разбираемся с классами row и container. Изучаем mobile first сеточную верстку в bootstrap.
Форма регистрации с помощью Bootstrap
- Добавляем "Page header". Изучаем формы, тектовые поля и кнопки. Применяем radio button для выбора пола и help block для добавления подсказки в текстовые поля. Управляем размерами элементов формы.
Окно входа с помощью модального окна
- Используем модальные окна для создания окна входа. Подключаем jQuery плагины через data атрибуты.
Дополнительные инструменты для Bootstrap
- Используем сторонние сервисы для облегчения и ускорения процесса разработки. Применяем bootswatch для изменения темы оформления и bootsnipp для поиска готовых элементов под Twitter Bootstrap

Складчина создана 10 марта 2014 г. · описание обновлено 31 октября 2026 г.

W WebProgrammer 16 марта 2014 г.

Достоинства: Достоинства не указаны

Недостатки: курс сделан наспех

Соглашусь. Автор сделал его за день. Лучше взять курс на Линде за 250 рублей.

Р Рамана Махарши 16 марта 2014 г.

Достоинства: Плюсов автор не нашёл

Недостатки: только азы, нет создания подписной страницы

Просто показаны самые азы. Никакой подписной страницы не создано.

Почему полный курс стоит всего 80 ₽?

Влада Администратор сайта

Это не розничная цена — это ваш взнос в складчину. Мы собираем группу участников и делим между ними стоимость официального доступа: каждый платит только свою долю, а получает весь материал. Чем больше участников, тем меньше взнос. После того как сумма собрана, мы оформляем официальный доступ и раздаём материалы всем, кто участвовал.

Как получить курс?

Влада Администратор сайта

Нажмите кнопку «Получить доступ» на этой странице и следуйте инструкциям. Вас переведёт на форму оплаты — доступны все современные способы (карта, СБП, электронные кошельки). После оплаты на почту придёт письмо со ссылкой и инструкциями для доступа к материалам. Если ссылка не открывается, загляните в раздел «Помощь» или напишите в поддержку.

Можно ли скачать курс после покупки?

Влада Администратор сайта

Да, конечно. Все материалы — видео, PDF, дополнительные файлы — можно скачать к себе на компьютер и пользоваться ими сколько угодно, без ограничений по времени. Ссылки остаются активными в вашей библиотеке «Мои складчины».

Показывают ли в курсе примеры сайтов на Bootstrap?

Влада Администратор сайта

Да. Во вводной части разбирают примеры сайтов, созданных с помощью Bootstrap.

Разбирают ли в курсе подсказки для полей формы?

Влада Администратор сайта

Да. В занятии о форме регистрации используют help block для подсказок в текстовых полях.