Курс Bootstrap 3

CSS фреймворк Bootstrap - это популярный инструмент для создания сайтов. С Bootstrap вам не придется верстать сайты с нуля благодаря готовым компонентам. Начните смотреть уроки Bootstrap и вы увидите как просто сделать верстку веб-сайта.

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

  • 50 заданий
  • 4 часа видео
  • Сертификат об окончании

О курсе

Bootstrap — это css-фреймворк с готовыми css-классами и html/jquery компонентами, с помощью которых, вы очень быстро сможете создать интерфейс веб-сайта, способный адаптироваться под мобильных устройства.

В уроках Bootstrap вы узнаете:

  • Что такое Grid-system и как позиционировать блоки на сайте
  • Как быстро сверстать веб-сайт с помощью Bootstrap
  • Как сделать горизонтальное и вертикальное меню
  • Какие существуют компоненты в Bootstrap
  • Как встроить адаптивный видеоплеер на сайт
  • Как вставить картинку на страницу и сделать ее адаптивной
  • Как быстро сделать карусель изображений на сайте

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

С помощью Bootstrap, верстка сайтов становиться похожа на сборку конструктора из деталей. Вы сможете за несколько минут встроить верстку на ваш сайт следующих популярных компонентов: Адаптивное горизонтальное меню, красивые кнопки, html-формы с дополнительными элементами, прогресс бар, каталог товаров и многое другое!

Создание сайтов на Bootstrap относится к Frontend(фронтенд) и специалисты со знанием Bootstrap ценятся на рынке труда. После завершения курса Bootstrap, мы рекомендуем проходить курс PHP/MySQL.

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

План курса

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


1
Знакомство и установка

8
Страницы Фильмы и Рейтинг фильмов

9
Заключительная часть

  • После успешного прохождения уроков и заданий курса Bootstrap 3 вы получите сертификат на пяти языках!

    Получение сертификата об окончании курса



Отзывы(511)

Отзывы о курсе по фреймворку Bootstap. Оставьте ваш отзыв после прохождения курса верстки на Bootstrap.

03.08.2019
Дмитрий Христофоров

Это был очень интересный модуль! Основы закреплена и спокойной идти за более подробной информации на просторы сайта. С FructCode понять и освоить будет все гораздо легче. Все понравилось ! Жаль что не возможности освоить все элементы Bootstrap

01.08.2019
Елена Ерофеева

В общем всё достаточно понятно. Нас учат не каждой возможности Bootstrap, а именно как и зачем это встраивается в код. Дальше можно почитать на сайте Bootstrap. Там достаточно всё понятно

31.07.2019
student_ZvJF-vo8

Спасибо.

31.07.2019
Андрей Ботвенко

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

30.07.2019
Rasim Ahadov

Хороший модуль, значительно облегчает работу

30.07.2019
Анатолий Тарасенко

Круто, намного проще.

30.07.2019
Maxim Kucher

Cуховато

29.07.2019
Максим Турбуляк

Жду выхода курса по Bootstrap 4 :) Курс отличный, позволяет понять как устроен функционал фреймворка.

29.07.2019
Никита

Хорошее дополнение к курсу HTML/CSS.

28.07.2019
Андрей Дедюкин

Хороший курс много чего узнал о Bootstrap.

26.07.2019
Сергй Ходжаев

Интересный Урок. Но немного сложнее чем просто HTML/CSS с таблицами немного не понятно, куда и как эту таблицу сделать. В общем нужно разбираться. Спасибо за уроки

25.07.2019
Дмитрий Устименко

Хороший и полезный курс

25.07.2019
Парвиз Ибодов

Все на понятном языке, Спасибо...

22.07.2019
Владислав Беда

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

22.07.2019
student_KV1p7_Gi

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

22.07.2019
Виталий Сидорук

Все очень круто! Но есть небольшое замечание. Здадание №9: С помощью системы Grid System фреймворка Bootstap, задайте классы таким образом, чтобы при увеличении размера браузера (больше 992px), блоки выстроились один слева, другой справа. Выдает ошибку при любом варианте решения. Тут либо ошибка в алгоритме проверки либо не достаточно конкретики в самом задании.

21.07.2019
Бейбарыс Туймебек

Курс очень полезен спасибо теперь ждем фрейворк yii2

20.07.2019
Михайло Косташ

Спасибо за курс

19.07.2019
Тимофей Матвеев

Спасибо!

17.07.2019
Viktoriya Orlova

Спасибо

17.07.2019
student_rxaLPuVv

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

17.07.2019
Анжелика Покрасенко

Супер! Крутой метод верстки, я довольна курсом.

16.07.2019
Vasile Cristel

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

16.07.2019
Алена Жлуктарева

Хороший курс

16.07.2019
Михаил Лазарев

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

15.07.2019
Татьяна

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

11.07.2019
Бакытбек Изатулла

Все отлично, я рад!!!

08.07.2019
Артем Горлин

Интересный курс. Bootstrap гораздо эффективнее и быстрее. Мне все понравилось. Хотелось бы рассмотреть больше компонентов Bootstrap на практике.

08.07.2019
student_i45dCD6Y

Понравился очень курс!

08.07.2019
Вячеслав Утенков

Отлично! В интернете есть много курсов по Bootstrap, но они настолько растянуты, что проходить их можно месяцами. Ваш курс - краткий и ёмкий.

07.07.2019
Евгений Воробей

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

07.07.2019
Max Erickson

Задания нужно выполнять строго по ответу, (ни единого лишнего пробела, идентично одинаково), жутко неудобно. Сергей обещает вернутся к темам позже, в итоге не возвращается к ним. Много делает, мало объясняет.

07.07.2019
Александр Масалов

Достаточно информативный курс, с ссылками на документацию, хорошо подойдёт для новичка, рекомендую!:)

07.07.2019
Алексей Алексеев

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

04.07.2019
Вадим Заславский

Отличный блок!

04.07.2019
student_DWzpNt3o

Курс был очень полезен! Теперь написание кода будет происходить быстрей и проще.

04.07.2019
Борис Эквилибрист

Курс отличный, но сумбурная подача информации (особенно последнее видео) чуточку его портит.

03.07.2019
Александр Зюзин

Отлично!

02.07.2019
Mihail Istrati

Super dohodchivo! Spasibo!

02.07.2019
TheQweek

Становится все яснее, во время прохождения html/css было мутное понимание, сейчас уже все воспринимается налегке. Ну и также как и в первом курсе никакой воды, все понятно, к тому же сразу опыт нарабатываешь)

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

Часто задаваемые вопросы

Почему такая низкая цена?

Одна из миссий проекта FructCode сделать дорогое ИТ-образование доступным для всех!

Когда начнется обучение? Нужно ли ждать когда наберется группа?

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

Получу ли я после прохождения курса сертификат?

Да! За успешное прохождение каждого курса, вы получите сертификат на нескольких языках: Русский, Английский, Немецкий, Французский, Итальянский. Все сертификаты, полученные за курсы, вы можете найти в вашем профиле

Как проходит обучение?

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

Актуальны ли курсы?

Да! Курсы на платформе FructCode достаточно часто обновляются, в том числе исходные коды.

Какое оборудование нужно для прохождения курса?

Курсы FructCode вы можете проходить в любой операционной системе - Windows, Mac OS или Linux, а также в мобильных устройствах. Тем не менее, для комфортного прохождения курсов FructCode, мы рекомендуем иметь монитор с разрешением экрана 1920x1080.

При прохождении курса я не знаю как выполнить задание, что делать?

Если в процессе прохождения курса у вас возникла проблема с выполнением задания и вопрос по пройденной теме курса, вы можете задать его в комьюнити FructCode - https://fructcode.com/ru/qa/, где другие студенты, которые успешно решили задание, вам обязательно помогут.

Что такое XP? Что оно дает?

XP - это сокращение от английского слова experience и переводится как опыт. За успешное прохождение задания вы получаете определенное количество XP. Чем больше XP вы накапливаете, тем больше опыта в программировании у вас становится.

Как участвовать в рейтинге? Я набрал достаточно XP, но не показываюсь в рейтингах курса, почему?

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

Что если мне не подойдет или не понравится курс?

Если в процессе прохождения курса вы поймете, что вам не подходит данный курс - в течении 30 дней с даты покупки, вы можете вернуть деньги в полном объеме. Для возврата средств напишите в службу поддержки на почту [email protected]

У меня не работает видео лекция или не открывается задание, что делать?

Наиболее частая причина, если что-то не работает - это установленные некоторые расширения для браузера, например Adblock. Если у вас возникает техническая проблема, напишите пожалуйста в нашу службу поддержки на почту [email protected] и мы в кратчайшее время постараемся помочь

У меня остались вопросы о курсе, кому я могу их задать?

Если у вас остались дополнительные вопросы о курсах FructCode, пожалуйста напишите в нашу службу поддержки на почту [email protected] и мы постараемся ответить в ближайшее время.

Я находил ваши курсы на других сайтах. Есть ли разница где учиться?

Да! Только на сайте FructCode.com вы можете найти актуальные версии моих курсов. На других сайтах вы можете найти пиратские старые версии моих курсов или неактуальные версии моих курсов, в процессе прохождения которых, вы столкнетесь с ошибками, так как программы уже давно изменились. Покупая мои курсы на сайте FructCode.com вы инвестируете не только в свои знания, но и инвестируете в создание новых курсов.

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

Сергей Никонов. Автор курса программирования Bootstrap 3 | FructCode
Сергей Никонов
  • Основатель проекта FructCode
  • Опыт в веб-разработке более 10 лет
  • Работал над высоконагруженными веб-проектами в крупных компаниях США и ЕВРОПЫ
  • Провел несколько десятков оффлайн и онлайн семинаров на тему веб-разработки
  • Alexei Dupont
    1245 xp
    1
  • Valentin Gavrilenko
    1245 xp
    2
  • Artyom Lod55
    918 xp
    3
  • Эдуард Беляев
    743 xp
    4
  • Дмитрий Noor
    587 xp
    5
  • У вас 0 XP за курс Bootstrap 3

    Бросить вызов?