Создание адаптивного сайта с Bootstrap 3

О курсе

Bootstrap являет собой набор инструментов для облегчения разработки веб-приложений и сайтов. Он использует HTML и CSS для типографии, форм, кнопок, таблиц, сеток, навигации и т. д., а также дополнительные расширения JavaScript, упрощающие работу веб-разработчика.

Данный курс призван продемонстрировать создание эффективного адаптивного веб-приложения с помощью Bootstrap 3 и рассчитан как на начинающих веб-разработчиков, владеющих HTML, CSS и JavaScript на продвинутом уровне, а также основами jQuery, так и на программистов с опытом, которые занимаются Frontend-разработкой и хотят усовершенствовать свои навыки верстки.

Этот курс входит в специальности:

Frontend Developer Верстальщик сайтов

Предварительные Требования

Владение HTML, CSS и JavaScript на продвинутом уровне. Знание основ библиотеки jQuery

Вы научитесь

использовать Bootstrap 3 в создании сайтов;
применять адаптивную колоночную верстку;
работать с различными компонентами на веб-странице (изображения, таблицы, формы, кнопки и т. д.);
реализовывать выпадающие списки, навигационное меню, шапку сайта, панели и прочие элементы сайта;
использовать JavaScript для создания модальных окон.

Скачать материалы курса Для получения материалов курса нужно авторизоваться

Получить сертификат Для получения сертификата нужно авторизоваться

Александр Пономаренко

Тренер – консультант. Web-разработчик

Другие курсы автора

Длительность: 3 ч 22 м
Курс создан: 23.12.2015
Уроков: 5
Обновлен: 17.03.2018
Язык: русский

Что входит в курс

5 видео уроков
Домашние задания

СМОТРЕТЬ

Войдите или зарегестрируйтесь для того чтоб продолжить просмотр бесплатного видео

№1

Введение в Bootstrap

0:30:30

Материалы урока Домашние задания Тестирование

Данный видео урок состоит из следующих тем:

Структура курса
Краткий обзор Bootstrap
Подключение Bootstrap к сайту
Колоночная верстка на примерах
Форматирование текстовых элементов
Отображение фрагментов кода на странице

Системы сеток Bootstrap

0:40:40

Материалы урока Домашние задания Тестирование

В данном видео уроке будет рассмотрено что такое сетки в Bootstrap, как адаптировать сетку под все устройства, а также использование классов для работы с изображением.

Верстка адаптивного макета на Bootstrap. Часть 1

0:44:02

Материалы урока Домашние задания Тестирование

В данном виде уроке рассматривается процесс создания адаптивной панели навигации при помощи Bootstrap.

Верстка адаптивного макета на Bootstrap. Часть 2

0:49:11

Материалы урока Домашние задания Тестирование

В данном видео уроке рассматривается использование адаптивной сетки, а также подключение иконок.

Верстка адаптивного макета на Bootstrap. Часть 3