Курс BOOTSTRAP

Bootstrap - это популярный CSS фреймворк для создания сайтов. С помощью Bootstrap Вы научитесь верстать сайты быстро и эффективно, благодаря применению готовых компонентов фреймворка. В видеокурсе Вы изучите основы адаптивной верcтки на BOOTSTRAP с нуля и примените знания полученные в уроках на практике. Создавайте верстку собственных сайтов с применением Bootstrap в 5 раз быстрее!

5
Начать обучение Регистрация

О курсе - Чему Вы научитесь?

Посмотрите видео об онлайн курсе по верстке на BOOTSTRAP для начинающих. Вы узнаете, как эффективно построить обучение основам Bootstrap и научиться самому создавать адаптивную верстку веб сайтов с нуля в 5 раз быстрее.

В процессе обучения Вы получите знания и навыки:
  • Быстрая адаптивная верстка сайта
  • Основные классы и компоненты Bootstrap
  • Красивые формы для ввода логина и пароля
  • Галерея изображений на сайте за 2 минуты
  • “Умное” адаптивное меню для сайта
  • Одностраничные сайты за 1-3 дня
  • Красивые иконки для элементов за 1 минуту
  • Адаптивность изображений под любой экран
  • Полезные советы и материалы

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

Начать обучение

План курса

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


Free Level
В этом уроке мы познакомимся с фреймворком Bootstrap, установим его и создадим структуру каталогов для нашего будущего проекта
00:11:20
Free Level
В этом уроке вы научитесь работать с классами фреймворка Bootstrap, такими как .container и .container-fluid
00:05:44
Free Level
Пройдите тестирование
00:00:15
Free Level
Интерактивное упражнение
00:02:00
Free Level
В этом уроке вы узнаете для чего нужен класс row
00:01:12
Free Level
Пройдите тестирование
00:00:15
Free Level
Интерактивное упражнение
00:02:00
Free Level
В этом уроке мы рассмотрим классы для работы с позиционированием блоков в фреймворке Bootstrap
00:06:41
Free Level
Интерактивное упражнение
00:02:00
Free Level
Пройдите тестирование
00:00:15
Free Level
В этом уроке вы узнаете про еще несколько полезных классов фреймворка Bootstrap: hidden-*, show-*, push, pull
00:06:16
Free Level
Пройдите тестирование
00:00:15
Free Level
Интерактивное упражнение
00:02:00
Free Level
Интерактивное упражнение
00:03:00
Free Level
Начнем создавать верстку сайта Киномонстр. Изучим новые классы Bootstrap для создания меню сайта
00:07:58
Free Level
Интерактивное упражнение
00:02:00
Premium Level
Navbar. Продолжение
В этом уроке изучим еще несколько классов Bootstrap для работы с навигацией сайта
00:04:57
Premium Level
Navbar toggle
Интерактивное упражнение
00:03:00
Premium Level
Navbar. Логотип и слоган
В этом уроке мы продолжим создавать верхний блок сайта и сверстаем логотип и слоган
00:07:40
Premium Level
Задание 20: Тест
Пройдите тестирование
00:00:20
Premium Level
Navbar. Стили для пунктов меню
В этом уроке мы продолжим работать над верхним блоком сайта и напишем CSS-стили для меню
00:07:12
Premium Level
Header. Логотип и слоган
Интерактивное упражнение
00:00:30
Premium Level
Navbar. Продолжение
В этом уроке мы улучшим внешний вид меню для мобильных устройств
00:03:09
Premium Level
Задание 24: Тест
Пройдите тестирование
00:00:15
Premium Level
Navbar. Улучшим внешний вид для мобильного устройства
Интерактивное упражнение
00:02:00
Premium Level
Header. Заключительная часть
В этом уроке мы закончим создавать header
00:09:16
Premium Level
Header. Заключительная часть
Интерактивное упражнение
00:05:00
Premium Level
Структура шаблона страниц
В этом уроке мы создадим Footer (нижнюю часть сайта) и структуру для всех страниц
00:11:45
Premium Level
Структура шаблона страниц
Интерактивное упражнение
00:02:00
Premium Level
Задание 30: Тест
Пройдите тестирование
00:00:10
Premium Level
Главная страница. Блок с фильмами
В этом уроке мы начнем создавать блоки с фильмами
00:10:44
Premium Level
Главная страница. Блок с фильмами. CSS-стили
В этом уроке мы напишем стили к блоку с фильмами
00:04:57
Premium Level
Главная страница. Блок с фильмами
Интерактивное упражнение
00:05:00
Premium Level
Главная страница. Записи блога.
В этом уроке мы изучим еще несколько полезных классов фреймворка Bootstrap и создадим блок с постами
00:05:58
Premium Level
Главная страница. Классы кнопок
Интерактивное упражнение
00:02:00
Premium Level
Задание 36: Тест
Пройдите тестирование
00:00:30
Premium Level
Главная страница. Левый блок
В этом уроке начнем создавать левый блок сайта и изучим компонент фреймворка Bootstrap - panel
00:15:11
Premium Level
Panel
Интерактивное упражнение
00:03:00
Premium Level
Главная страница. Левый блок. Часть 2
В этом уроке продолжим создавать левую часть сайта и создадим панель для формы входа, а также изучим класс input-groups
00:05:17
Premium Level
Главная страница. Левый блок. Часть 3
В этом уроке мы создадим еще одну панель в левом блоке сайта, отображающая рейтинг фильмов, а также изучим новый компоненты фреймворка Bootstrap: list-group, badges
00:07:50
Premium Level
Panel. Part3
Интерактивное упражнение
00:05:00
Premium Level
Главная страница. Левый блок. Часть 4
В этом уроке мы закончим создавать главную страницу сайта Киномонстр и изучим еще несколько полезных классов фреймворка Boostrap
00:07:11
Premium Level
Panel. Part 4
Интерактивное упражнение
00:02:00
Premium Level
Страница просмотра фильмов. Адаптивный видеоплеер
В этом уроке мы начнем создавать страницу просмотра фильмов и изучим еще один полезный класс Bootstrap, который позволяет встроенное видео на сайт с популярных видеохостингов таких как Youtube, Vimeo сделать адаптивным
00:04:47
Premium Level
Страница просмотра фильмов. Часть 2
В этом уроке мы создадим следующий блок страницы просмотра фильмов и познакомимся с компонентом well фреймворка Bootstrap
00:06:11
Premium Level
Страница просмотра фильмов. Часть 3
В этом уроке мы завершим создание страницы просмотра фильмов на фреймворке Bootstrap
00:08:55
Premium Level
Страница просмотра фильмов. Блок отзывы
Интерактивное упражнение
00:03:00
Premium Level
Страница Films. Часть 1
В этом уроке мы создадим еще одну страницу films.html и при создании изучим еще несколько полезных компонентов фреймворка Bootstrap
00:12:48
Premium Level
Страница Рейтинг фильмов
В этом уроке мы создадим страницу с рейтингом фильмов, а также изучим новые компоненты фреймворка Boostrap
00:16:07
Premium Level
Заключительная часть
В этом уроке мы рассмотрим остальные компоненты фреймворка Bootstrap, которые не затронули ранее в данном курсе
00:08:58
Посмотреть весь план обучения

Отзывы студентов о курсе

Мы собрали отзывы учеников, прошедших онлайн курс. Оставьте свой отзыв после прохождения Курса верстки на BOOTSTRAP для начинающих.

25.05.2019
student_U7Cr3rDk

отлично!

22.05.2019
Филипп Кузякин

Все очень понравилось.

21.05.2019
Василий Высоцкий

Отличный курс, одну звезду снял только за то, что ссылка на англоязычный сайт бутстрап, да еще почему то всегда на главную страницу. Есть рускоязычный ресурс. Приходилось искать с переводчиком, так как техническим английским не владею, как и большинство пользователей,не удобно. Учиться интересно, прошёл с удовольтвием,отличный лектор!

18.05.2019
Всеволод Родионов

Круто! Не все понятно на 100%, дело в объеме практики использования. Наверное, можно было еще пару слов про пейджинатор, тоже частая тема. На сайте бутстрапа инфы по нему полно, конечно.

14.05.2019
Marina Stolupina

Также динамично, практично и доступно, как и в курсе HTML, CSS. Спасибо!

14.05.2019
Павел

Главное, что все доступно, просто и понятно.

12.05.2019
Иван Агафонов

Отличный курс, все понятно

11.05.2019
student_TQenrh_g

Очень интересно , спасибо!

10.05.2019
student_5uW4_YU9

Все понятно и это главное для обучения спасибо Сергей !

09.05.2019
Анна Поляхова

все доступно объяснено

07.05.2019
Николай Ефимов

Затягивает, интересно, советую.

07.05.2019
OLHA SELCİK

для меня оч много полезных знаний которые сразу же прохожу на практике и все замечательно!

07.05.2019
Вячеслав Городников

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

05.05.2019
student_fMfIT7eT

Спасибо. Для ознакомления с возможностями Bootstrap очень даже пойдет.

02.05.2019
Анатолий Тарабик

Отлично! Всё ясно и понятно!

25.04.2019
Равиль Шакеров

Курс отличный, показан на примере, но иногда хочется увидеть работы с каждым компонентом, но это уже придирки)

23.04.2019
Temirlan Khalmuratov

Отличный курс по Bootstrap

17.04.2019
Валерий Бирюков

Интересный курс! Преподаватель отличный!

17.04.2019
Виталий Герцовский

Мне очень всё понравилось, смог повторить ваш сайт, и параллельно ещё сделал свой)

15.04.2019
Ирина Алешина

Много полезного и интересного узнала в данном курсе. Все круто, как и прошлом модуле.

12.04.2019
Suhrob Daniev

Спасибо вам большое. Очень много знаний получил.

10.04.2019
Владислав Андрианов

Bootstrap действительно ускоряет верстку сайтов. Обучение по этому курсу как всегда на высоте!

09.04.2019
Sergey

Просто нереально круто, я даже не мог себе представить что такое может Bootstrap

07.04.2019
Nadezhda Vlasova

Отличный курс, как и предыдущий, все на одном дыхании, бегу на следующий!

30.03.2019
Dani California

Очень интересный курс!

27.03.2019
Богдан Шавалиев

доступно и достойно. Большое спасибо

24.03.2019
Лара Коршик

Очень интересно и много полезной информации!

24.03.2019
Никита Сапего

Спасибо за модуль, много полезного и интересного для себя узнал.

23.03.2019
Эдвард Наумов

Очень интересно, хочется продолжать развиваться!

23.03.2019
Андрей Ленников

Получил множество новых знаний за короткое время.

16.03.2019
Вячеслав Есин

Всем кто начинает изучать bootstrap я бы порекомендовал начинать с этого курса, так новичкам сразу станет понятно что это такое и как он работает! Большое спасибо создателям курса и конечно Сергею Никонову!

16.03.2019
Илья Паршин

Всё доступно и понятно, автор оставляет ссылки на сторонний материал, который может пригодиться в будущем!

13.03.2019
student_Iq54Etw6

Интересно и доходчиво обьясняется о BOOTSTRAP фреймворке. Спасибо!

10.03.2019
Дмитрий Габов

очень понравилось правда не всегда понимал приходилось пересматривать

09.03.2019
Андрей Шанцев

Очень понятный и хороший курс

04.03.2019
student_75rnaB6f

класс

26.02.2019
Николай Николаев

Добрый день! Курс Bootstrap очень интересен, но пока для меня необъятен. Очень много компонентов и свойств надо изучить. Однако, желание познавать новое есть. Всем, кто хочет пройти этот увлекательный курс, желаю удачи!

26.02.2019
student_tCGg9Gfy

Просто в восторге

26.02.2019
Владимир Владимирови...

Интересный курс. Прошел на одном дыхании.

25.02.2019
Евгений Беляев

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

24.02.2019
Николай Михайлов

Очень крутой курс, всё кратко понятно!

24.02.2019
Юлия Копина

Отличный курс!

23.02.2019
Ильхан Тажибаев

Очень удобный курс. Особенно мне понравился тема с "коробками Bootstrap" (доп примеры с официального сайта). Думаю я научился понимать как делается верстка сайтов, но нужно научится использовать эти знания в практике. И я жду с не терпением когда мы запустим наш сайт на просторы интернета!)

21.02.2019
Лидия Емелина

Рекомендую этот курс. Было интересно и полезно.

20.02.2019
Alex Nozzi

Спасибо за Вашу работу. Курс пройден за 5 дней сверстан весь учебный макет, самостоятельно сделал страницы остальных фильмов, сериалы и сериалы по отдельности, все связано и кликабельно. Информация подана доступно и без лишней воды: даны источники, рассмотрены примеры. Желательно давать пару востребованых PSD-макетов для самостоятельной практики (магазин, новостной портал).

20.02.2019
student_DhEXPBs0

...Приветствую! ...Большое спасибо за курс коротко но очень содержательно! ...После 2х недель изучения css и html конечно bootstrap это в общем нет слов) Спасибо! ....Продолжаю учиться с вами думаю на 2 месяца у вас задержусь!

16.02.2019
Виктор Петровский

Удобная штука. Упрощает работу по созданию сайтов. Насколько теперь понимаю, есть другие похожие технологии. Будем пробовать.

11.02.2019
Андрей Кирилловых

Хороший курс

09.02.2019
Кирилл Лучко

Курс bootstrap мне очень понравился! Всё чётко и доходчиво объясняется. Сверстал сайт за несколько дней!

07.02.2019
Игорь Аксёнчиков

Всё понятно и доступно, автору огромное спасибо!

06.02.2019
Сергей

Супер!

03.02.2019
Денис Боголепов

Здорово! Великолепный курс!

02.02.2019
Павел Грошевский

Отлично мне все нравится

01.02.2019
Чумаков Климент

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

31.01.2019
student_MYflsZ6l

Понравилось обучение

29.01.2019
Дмитрий Семенченко

Спасибо за очередной курс. Буду продолжать !!!

Начать обучение

Преподаватель

Course Author
Сергей Никонов

- Опыт в веб-разработке более 10 лет 

- Работал над высоконагруженными веб-проектами в крупных компаниях США и ЕВРОПЫ 

- Провел несколько десятков оффлайн и онлайн семинаров на тему веб-разработки 

Всего заданий: 50

Видеоуроки: 25

Интерактивные задания: 17

Тесты: 8


Продолжительность: ~4 часа

  • Marina Stolupina
    1245 xp
    1
  • Medic
    1245 xp
    2
  • Анна Поляхова
    1245 xp
    3
  • Yana
    1245 xp
    4
  • Василий Высоцкий
    1245 xp
    5
  • У вас 0 XP за курс BOOTSTRAP
    Включайся!