Уроки по CSS-фреймворку Bootstrap 3

Присоединяйся, чтобы пройти курс


Уроки по CSS-фреймворку Bootstrap 3

135 отзывов
14.02.2014
5161 учеников
2 часа 45 минут
21 лекций

Курс "Уроки по Bootstrap 3" создан для тех, кто хочет разобраться, почему же css-фреймворки постоянно на слуху, а с недавних пор и пункт в вакансиях, в частности - знание Bootstrap 3.

Из урока в урок Вы изучите ключевые возможности Bootstrap 3. А именно:

  • адаптивная система сеток,
  • меню для сайта,
  • шрифтовые иконки,
  • слайдер контента и многое другое.

Курс рассчитан на пользователя с базовыми навыками HTML и CSS. Уверен Вы многое для себя откроете, если ранее не работали с этим фреймворком. Приятного изучения!

Что необходимо?

Что мне даст этот курс?

  • Понимание процесса работы с Bootstrap 3
  • Навыки создания современных веб-элементов без JS
  • Понимание адаптивной сетки Bootstrap 3
  • И много еще чего полезного в работе

Для кого этот курс?

  • Для начинающих веб-мастеров
  • Для HTML-верстальщиков
  • Для фронт-енд разработчиков
  1. Установка фрэймворка
  2. Система сеток
  3. Настройка сетки
  4. Адаптивная навигация
  5. Положение меню и выпадающее меню
  6. Слайдер контента
  7. Шрифтовые иконки
  8. Классы для кнопок
  9. Группировка кнопок
  10. Кнопки с выпадающим меню
  11. Создание вкладок
  12. Создание спойлера
  13. Создание аккордеона
  14. Создаем модальное окно
  15. Форма авторизации в навигации
  16. Индикаторы прогресса
  17. Создание страницы записей
  18. Создание сетки masonry
  19. Постраничная навигация
  20. Хлебные крошки и футер
  21. Подсказки и всплывающие окна
Без имени

Без имени

Спасибо очень большое. Отличный курс!


Vanya Pimenov

Vanya Pimenov

Спасибо!


Sergey Kaplich

Sergey Kaplich

Супер)


Андрей

Андрей

fine


Микола Антипенко

Микола Антипенко

Нету замечания!


Анастасия

Анастасия

Интересно и познавательно ;)


Ilya Gusar

Ilya Gusar

До этого момента я думал что земля плоская xD Теперь то я понял что она круглая. Спасибо за уроки! Обязательно просмотрю теперь все что есть на сайте.


Без имени

Без имени

Спасибо, изучаю с удовольствием


Без имени

Без имени

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


Андрей

Андрей

В целом курс понравился, но по-больше хочется разъяснения того что использует автор, например тэг nav - что он создает, зачем нужен хотя бы 2-мя предложениями


Вячеслав Кустов

Вячеслав Кустов

Огромное спасибо за Ваши труды.Все было очень интересно и доступно.


Без имени

Без имени

Более чем доступно и понятно!


Без имени

Без имени

Курс супер.


Человек для человека

Человек для человека

спасиба


Без имени

Без имени

Super!!!


Без имени

Без имени

все четко по полочках раставлено ) спасибо


Ігор Чех

Ігор Чех

Отличный курс! За 2 дня освоил его и сделал для себя огромный прорыв в верстке! Спасибо, Влад!


Без имени

Без имени

Отличные уроки! Спасибо!


Сергей

Сергей

Спасибо , просмотрел уроки все просто понятно , спасибо вам


Даниил Зинченко

Даниил Зинченко

Все отлично, много понял, все изложено понятно и просто. Спасибо!


Без имени

Без имени

Коротко, современно, без "выпендрежа" и прочей воды и шума. Реально помогает продвинуться в понимании и навыках работы с Bootstrap. Даже не знаю чего можно добавить еще в курс...


Konstantin Didenko

Konstantin Didenko

Очень не плохо


Без имени

Без имени

Спасибо, очень помог. Все понятно.


Вячеслав Кислый

Вячеслав Кислый

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


Эмиль Беков

Эмиль Беков

-)


Без имени

Без имени

Хорошый курс. Хочется продолжения курса.Особенно интересует создание страницы с самого начала от нарезки макета к завершающему этапу.



Без имени

Без имени

Все супер. Отличный курс для начинающих. Хотелось бы увидеть больше практической части, например верстку PSD с помощью Bootsrap, а так же использование препроцессоров.


Владислав Корольчук

Владислав Корольчук

Благодарю за курс! Очень интересно и понятно)


Дмитрий Харланов

Дмитрий Харланов

Хороший курс для ознакомления с фреймворком, спасибо!


Nick

Nick

Супер! Курс очень понравился. Все доступно и доходчиво. Спасибо большое за работу.


Леонид Семенец

Леонид Семенец

Порядок !! То шо надо !!!!


Александр

Александр

!!!


Дмитрий Пешнин

Дмитрий Пешнин

Спасибо за замечательные курсы!


Филипп

Филипп

VI KA


Илья Рогулев

Илья Рогулев

Очень информативный курс. Спасибо большое


Без имени

Без имени

Спасибо, отличный курс - легко и быстро прошел. за пару, тройку часов


John Doloman

John Doloman

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


Владимир

Владимир

Ставлю пять баллов за расширенный урок, включающий Font Awesome.


Мурат Макаов

Мурат Макаов

Прекрасный курс, только благодаря вам разобрался в данном фреймворке)


Без имени

Без имени

Информативно, на простом языке, мне было все понятно. Спасибо. Надеюсь будут еще уроки


Rustem

Rustem

Очень нравится курс, ведь не всегда есть время читать документацию.Данный курс,как я считаю, раскрывает все основы работы с этим фреймворком.


Александр Ясько

Александр Ясько

Все понятно. Очень хорошие видео-уроки.



Станислав Данилюк

Станислав Данилюк

Замечательный курс !


Алёна Царегородцева

Алёна Царегородцева

Влад, спасибо за уроки, очень наглядно и по существу)


Без имени

Без имени

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


Без имени

Без имени

Курсы супер!!!! Смотрела на youtube, все перелайкала там:)) Влад - большое спасибо! Огромная экономия времени и доступно, и понятно! Начала с Бутстрап, обязательно хочу фотошоп пройти!


Без имени

Без имени

Огромное спасибо, все объясняют быстро и понятно)))


Евгения Михеева

Евгения Михеева

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


Dmitrii Pashutskii

Dmitrii Pashutskii

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


Сергей

Сергей

Спасибо, все супер.


Василий Петров

Василий Петров

Спасибо!


Matilda

Matilda

Курс отличный. Жду продолжения.


Anastasia Daineko

Anastasia Daineko

отлично


Без имени

Без имени

Хороший курс


Алексей Алещенко

Алексей Алещенко

все отлично, только в последнем уроке почему то не работает класс pagination


Евгений Мацкин

Евгений Мацкин

Спасибо, Владислав, курс очень полезный.


Владислав Липовец

Владислав Липовец

Автору 5, объясняет хорошо и доступно...


Мария Кирикова

Мария Кирикова

Спасибо.


Макс Томілович

Макс Томілович

Все красиво!!


Сергей Черевко

Сергей Черевко

хороший курс, автор доходчиво объясняет, рекомендую!


Oleg Zakharchuk

Oleg Zakharchuk

Спасибо. Курс очень помог.


Юрий М

Юрий М

Хорошие уроки для начинающих!!!!!


Маша

Маша

Только начала смотреть этот курс и не могу оторваться! Вы очень хорошо объясняете! Спасибо Вам большое!


Рустем Сабитов

Рустем Сабитов

отлично


Михаил Плотников

Михаил Плотников

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


jack jack

jack jack

Супер!!!


Sviatoslav Bodnaruk

Sviatoslav Bodnaruk

Спасибо)


Женя Савич

Женя Савич

Замечательный курс) Очень довольный , что за 3 часа смог так много узнать о Bootstrap 3) Всё очень просто и доходчиво) Большое спасибо Владу)


Евгений Тарапатов

Евгений Тарапатов

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


Роман Ляхович

Роман Ляхович

Отличный курс!!! Спасибо за труд!


Алексей ХХХ

Алексей ХХХ

Спасибо Вам огромное! Все очень хорошо и доходчив! Хотелось бы еще конечно увидеть на каком нибудь примере курс построить сайт "под ключ" :)


Без имени

Без имени

Отличный курс. Спасибо. Принцип BootStrap стал ясен.


Екатерина

Екатерина

Спасибо, Владислав, за Ваш труд! Уроки отличные! Это именно то, что я искала. А остановилась именно на Вашем курсе, так как по сравнению с аналогичными предложениями у Вас самый красивый и приятный сам сайт для обучения http://www.magisters.org/


Роман

Роман

как обычно, всё доступно и понятно


Александр 0

Александр 0

Благодарю за проделанную работу


Юрий Чернышов

Юрий Чернышов

Замечательный курс.


Денис

Денис

Очень хороший и понятный курс! Жду продолжения!


Антон Аверин

Антон Аверин

Мощно


0leg 0

0leg 0

Спасибо за курс. Познал новый для себя фреймворк.


0 0

0 0

Все просто и понятно!)))) Спасибо тебе за твои уроки)))


Юлик LOC-TAR

Юлик LOC-TAR

Нравится, занимаюсь. Все лёгко, понятно, интересно Лайк


Vlad Husti

Vlad Husti

Спасибо за курс! До этого не использовал этот фремворк. Он делает работу более легкой)


Без имени

Без имени

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


Без имени

Без имени

классно!


Екатерина

Екатерина

Отличный курс. Быстро, чётко и понятно!


Vladimir Lapchinsky

Vladimir Lapchinsky

Спасли мне кучу времени и часть зарплаты на прошлой неделе) Спасибо!


Бек

Бек

Отлично!


Денис Ильин

Денис Ильин

Классные уроки. Планируется продолжение? Когда?



Ахмад Бостанов

Ахмад Бостанов

Хотим продолжения;)


Иван Александрович

Иван Александрович

Спасибо за отличные и познавательные уроки!


Юрий Макаров

Юрий Макаров

Полезные уроки


0 0

0 0

Замечательно


Александр Пивоваров

Александр Пивоваров

Не плохой, но незаконченный курс.


Без имени

Без имени

Грамотно быстро и доступно объясняет. Молодца.


Без имени

Без имени

Замечательный курс, большое спасибо автору! Было бы здорово включить в каждый урок практические задания. К примеру в конце каждого урока показывать страницу или элемент созданный с применением описанных в уроке приёмов(отличный от собственно создаваемого в процессе урока), для того что бы ученики могли попробовать повторить его самостоятельно. А под роликом выкладывать код для проверки. Это бы очень помогло закреплению материала. В целом же, курс отличный, очень жду продолжения.


Ислам Мавлянов

Ислам Мавлянов

Нашёл для себя много полезного. Из пожеланий: объяснение алгоритма написания кода, готовая работа по теме доступная для скачивания, уменьшение длительности уроков, побольше ссылок на сторонние сайты по теме урока. Спасибо


Без имени

Без имени

Спасибо огромное за уроки! Адаптивная верстка - это нечто!


Алина Мигалина

Алина Мигалина

Курс хороший, спасибо! Хочется еще уроков.


Павел Молокин

Павел Молокин

Ну ОЧЕНЬ удобный курс, позволяет практически с нуля освоить данный фреймворк.


Дмитрий

Дмитрий

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


Без имени

Без имени

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


Denis Savchuk

Denis Savchuk

Очень интересно и полезно. В избранное.


Stas Shmargunov

Stas Shmargunov

Отличный курс! Жду новых видеоуроков!


Богдан Носик

Богдан Носик

Хорошие курсы, было б хорошо если снимали бы в качестве 1080р


Андрей Полох

Андрей Полох

Все очень просто и понятно. Спасибо за этот набор уроков.


Данила Мантуров

Данила Мантуров

Как убрать outline у кнопок?


Без имени

Без имени

Спасибо!


Богдан Петрук

Богдан Петрук

Весьма удобный фреймворк и очень хороший курс.


Алексей Приходько

Алексей Приходько

Очень хороший курс, большое спасибо автору!Хотелось бы увидеть более подробно тему "оживления" страницы, анимации появления форм и т.д., но в целом, отлично!


Без имени

Без имени

Норм


Без имени

Без имени

Мой сенсей <3


Валерий Пономаренко

Валерий Пономаренко

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


Ярослав Янковский

Ярослав Янковский

Информативно и доступно. Огромная благодарность за ваши курсы!


Никита Пыль

Никита Пыль

Спасибо за курс, много чего вынес, нравится что в среднем обсуждение темы занимает 7-10 минут, можно в свободное время смотреть.


Камил Акбаров

Камил Акбаров

Хороший курс. Спасибо! Было бы еще лучше, если, дополнили бы уроком по <form>, как на вашем курсе по bootstrap 2.


Герман Носов

Герман Носов

Премного благодарен за такое понятное, пошаговое руководство.


Максим Виноградов

Максим Виноградов

Хороший курс, все ясно-понятно) Хотелось-бы увидеть продолжение.


Дмитрий Сержант

Дмитрий Сержант

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


Armen Baldryan

Armen Baldryan

СПасибо очень за видеоуроки , хотел бы увидеть видеоуроки по ajax )


Иван Бакшаев

Иван Бакшаев

Влад,спасибо за эти курсы. Мне понравилось как ты преподносишь информацию. Продолжай в том же духе!


Владимир

Владимир

Большое спасибо за курс, за науку!


Александр Мишин

Александр Мишин

Очень крутой курс. Такого грамотного разбора Bootstrap 3, я еще не встречал.


Евгений Залесский

Евгений Залесский

Спасибо!! Все понятно. Жду продолжения


Без имени

Без имени

Круто, сам бекэнд. Давно хотел быстренько разобраться с красивостями.)


Vladyslav Rysich

Vladyslav Rysich

Здравствуй, Владислав! Спасибо за ваши труды, мне очень нравится! Есть некие замечания/предложения, которые немного повысят удобство обучения. На странице курса, хочется видеть общую продолжительность курса и продолжительность каждого урока в списке. Можно ещё изменить цвет ссылок уроков в списке которые уже пройдены, а то начинаешь перелистывать все, пока найдёшь на чем остановился позавчера. Это если у кого с памятью слабовато, как у меня, например=). Спасибо еще раз за правое дело! Последовательность и тактичность подачи информации просто на высшем уровне!


Андрей

Андрей

Спасибо! Было понятно и интересно


Жекич Кривенко

Жекич Кривенко

Доступно, понятно. Единственное, хотелось бы поболее)


Без имени

Без имени

Спасибо.


Без имени

Без имени

Круто! Молодец.


Алексей Дубинин

Алексей Дубинин

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


Triangle Error

Triangle Error

Ну что сказать, все пройдено удачно и без каких-либо потерь времени на бессмысленное "втыкивание" в некорректно написанных классификаторах. Советую создавать шаблоны каждого урока по-отдельности, на будущее. В целом, Влад постарался на славу, молодец!


Максим Вовк

Максим Вовк

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


Инструктор курса

Преподаватель: Владислав Гриценко Владислав Гриценко
Веб-разработчик

Что Вы получите?

  • Пожизненный доступ к курсу
  • 2 часа 45 минут обучающего видео в HD
  • Сообщество из 5161 учеников
  • 465 обсуждений
  • Все файлы исходников
  • Бонусные уроки и материалы