Курс 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 для начинающих.

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
Дмитрий Семенченко

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

28.01.2019
Александр Живяков

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

20.01.2019
Кирилл Корсаков

Круто

20.01.2019
Павел Комаров

Отличное описание верстки на бутстрап.

17.01.2019
Олег Корягин

Научился создавать верстку еще быстрее, очень полезный курс

09.01.2019
Захар Посайда

Все вообще классно очень надеюсь с помощью ваших уроков повысить свои знания

08.01.2019
Дмитрий Сидоров

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

05.01.2019
Иван

Очень здорово! Особенно понравилось увеличение экрана при написании кода - очень удобно. Правда в 48 или 49 уроке этого увеличения не было, приходилось постоянно паузу ставить для того, чтобы писать свой код параллельно. Спасибо!

02.01.2019
Владислав Ходаковски...

Удобство фреймворка в основном выражается в сборке сайта из уже готовых и стилизованных блоков, плюс суперудобно делать адаптивную верстку. Все основные модули были рассмотрены в курсе, это большой буст к навыкам верстки, спасибо за курс! Жаль, что вся документация на английском, может быть крайне неудобно для людей со слабым/не техническим английским.

23.12.2018
student_ANNA

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

19.12.2018
Данил Медведев

Классный, понятливый курс

17.12.2018
Андрей Пакселев

Очень доволен, что нашел такие курсы) Параллельно читаю книги по Web ........ и в них зачастую хорошо описывается синтаксис.... но порой не хватает конкретики....--- где и как можно это использовать....-- А Сергей Никонов -- просто спасает в этом вопросе -- ПОТОМУ ЧТО КУРС ЗАПИСАН НА КОНКРЕТНОМ ПРИМЕРЕ С разъяснением компонентов и способов их реализации на сайте!!!! Благодарю!!!!

11.12.2018
Сергей Никитинский

все круто, понятно и доходчиво, идем дальше..

07.12.2018
Денис Солодов

Как курс для ознакомления с возможностями Bootstrap и постановки ориентиров, вполне.

06.12.2018
Максим Лисенецкий

Отличный курс. Попробую все применить.

05.12.2018
student_-qwOmu1t

Курс очень интересный, спасибо, Сергею Никонову.

03.12.2018
Леонид Лапшин

Спасибо за учёбу.

25.11.2018
Михаил Рожко

очень даже не плохой курс

22.11.2018
Дмитрий Осипов

Все отлично, доступно и понятно. Спасибо.

22.11.2018
Марина Корнеева

отлично

19.11.2018
Александр Пастух

Как всегда - отлично. Информативно и интересно.

16.11.2018
Хабаров Никикта

Очень круто!

15.11.2018
Антон Кондратович

Супер

13.11.2018
student_0sWmDOEo

Прекрасный курс, все ясно и понятно

12.11.2018
Сергей Тимошин

Все супер! Спасибо большое!

04.11.2018
Михаил Цуркан

- Обучение прошло быстро и хорошо - Больше всего понравилось информативность и доступность всего курса - Я получил хорошие результаты

01.11.2018
Святослав Детков

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

26.10.2018
Аркадий Джалогония

спасибо за отличный от всех курс

26.10.2018
Роман Бурлака

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

18.10.2018
Vladislav Shevikhov

Отличный проект. Спасибо вам огромное за данный курс.

17.10.2018
Bespalov Viktor

Отличный курс, теперь многое по силам

17.10.2018
Иван Рогожин

Всё лучшее из web-программирования собрано здесь, спасибо вам разработчики!!!

16.10.2018
Иван Сорокин

Здравствуйте, очень полезная информация была предоставлена в этом модуле, честно скажу если человек не изучал прошлый модуль html/css то в этом будет сложнее ему понять, а так очень просто

13.10.2018
Рамзан Висханов

Очень упрощает верстку, не нужно писать много стилей, класс!

12.10.2018
Любавский Сергей

Спасибо Вам за такие классные курсы, я прошёл все 6 блоков, желаю удачи всем кто ещё только в начале пути, удачи.

09.10.2018
Евгений Рябчиков

Отличный базовый курс. Все предельно понятно. Для закрепления знаний остаётся просто написать пару своих примеров и все ок.

03.10.2018
Руслан Шакиров

Мозг немного поломал, конечно)))) Но, это новое для меня, и это самое новое - доступно! Главное иметь желание)

23.09.2018
Даша Степанова

Вообще раньше не знала, что есть HTML/CSS фреймворк Bootstrap! Изучаю с нуля, уроки верстки становятся все интереснее и интереснее. Я стала понимать что значит быть настоящим профессионалом! Здорово, что есть такие курсы, где заявленная программа подтверждается делом.

19.08.2018
Андрей Купцов

Интересный курс

18.08.2018
Евгения Брагина

Хороший курс.

14.08.2018
Андрей Гильгенберг

Узнал много нового и полезного, супер

22.07.2018
Polina Andreeva

О действительно круто! Фреймворк Bootstrap отличный инструмент. Я удивлена, верстать реально быстрее в разы и еще адаптивная верстка сразу. Это гораздо интереснее, чем ручная верстка HTML и CSS.

13.06.2018
student_Mz8pkGnC

Хороший курс

10.06.2018
Юля Мамонтова

Открыла для себя столько нового! Фреймворк сильно упрощает жизнь. Спасибо огромное.

31.05.2018
Андрей Климов

Изучаю с нуля, нормальная понятная основа. Раньше не знал про бутстрап. Все понятно и интересно.

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

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

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

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

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

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

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

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

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

Тесты: 8


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

  • student_K5735Lr9
    1245 xp
    1
  • Ольга Николаевна Кол...
    1245 xp
    2
  • Андрей Ленников
    1245 xp
    3
  • Наталия Бондаренко
    1245 xp
    4
  • Никита Сапего
    1245 xp
    5
  • У вас 0 XP за курс BOOTSTRAP
    Включайся!