Bootstrap Website Programming Course for Beginner Frontend Developers with Interactive Browser-Based Tasks

What you'll learn

Bootstrap is a CSS framework with ready-made CSS classes and html/jquery components, with the help of which you can very quickly create a website interface that can adapt to mobile devices.

In Bootstrap lessons you will learn:

What is Grid-system and how to position blocks on the site
How to quickly design a website using Bootstrap
How to make a horizontal and vertical menu
What components exist in Bootstrap
How to embed a responsive video player on a website
How to insert a picture on a page and make it responsive
How to quickly create an image carousel on a website

Bootstrap layout lessons are built in such a way that you can create the basis of a website framework in just a few Bootstrap lessons!

With the help of Bootstrap, website layout becomes similar to assembling a constructor from parts. In just a few minutes you can embed the following popular components into your website: Adaptive horizontal menu, beautiful buttons, html forms with additional elements, progress bar, product catalog and much more!

Creating websites on Bootstrap refers to Frontend (frontend) and specialists with knowledge of Bootstrap are valued in the labor market. After completing the Bootstrap course, we recommend taking the course PHP/MySQL.

Lessons

The program comprises video tutorials covering the Bootstrap framework. It also incorporates interactive tests and lessons on Bootstrap layout, providing a comprehensive understanding of Bootstrap programming and website creation

1
Знакомство и установка
- 1
  Знакомство с Bootstrap. Установка11:20
2
Позиционирование блоков (Grid System)
- 2
  Классы container и container-fluid05:44
- 3
  Complete a Test00:15
- 4
  Grid System02:00
- 5
  Grid System. Класс row01:12
- 6
  Complete a Test00:15
- 7
  Grid Stystem. Класс .row02:00
- 8
  Grid System. Позиционирование блоков06:41
- 9
  Grid System. Классы .col-lg-*, .col-md-*, col-xs-*, col-sm-*02:00
- 10
  Complete a Test00:15
- 11
  Классы для позиционирования при разных размерах экрана06:16
- 12
  Complete a Test00:15
- 13
  Класс hidden-*02:00
- 14
  Классы push и pull03:00
3
Главная страница. Верхняя часть сайта
- 15
  Navbar07:58
- 16
  Navbar02:00
- 17
  Navbar. Продолжение04:57
- 18
  Navbar toggle03:00
- 19
  Navbar. Логотип и слоган07:40
- 20
  Complete a Test00:20
- 21
  Navbar. Стили для пунктов меню07:12
- 22
  Header. Логотип и слоган00:30
- 23
  Navbar. Продолжение03:09
- 24
  Complete a Test00:15
- 25
  Navbar. Улучшим внешний вид для мобильного устройства02:00
- 26
  Header. Заключительная часть09:16
- 27
  Header. Заключительная часть05:00
4
Главная страница. Шаблон страницы
- 28
  Структура шаблона страниц11:45
- 29
  Структура шаблона страниц02:00
- 30
  Complete a Test00:10
5
Главная страница. Фильмы, сериалы, блог
6
Главная страница. Левая часть сайта.
- 37
  Главная страница. Левый блок15:11
- 38
  Panel03:00
- 39
  Главная страница. Левый блок. Часть 205:17
- 40
  Главная страница. Левый блок. Часть 307:50
- 41
  Panel. Part305:00
- 42
  Главная страница. Левый блок. Часть 407:11
- 43
  Panel. Part 402:00
7
Страница просмотра фильмов и сериалов
8
Страницы Фильмы и Рейтинг фильмов
- 48
  Страница Films. Часть 112:48
- 49
  Страница Рейтинг фильмов16:07
9
Заключительная часть
- 50
  Заключительная часть08:58
Being awarded a course completion certificate

Reviews (1264)

Reviews for the Bootstrap Framework Course. Please share your feedback after completing the Bootstrap coding course.

TheQweek

5 years ago

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

Влад Мамонов

5 years ago

Великолепно!!)

Родион Глушков

5 years ago

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

Sergey Salov

5 years ago

Курс понравился, но тяжело воспринимается при первом изучении. Если в чистом HTML учишь теги и на основе их создаешь что-то, к примеру заголовки, списки формы, то да получается громоздкий код; в Bootstrap 3 же нужно учить готовые компоненты и классы к ним, а их слишком много у каждого, хотя имеют некую закономерность и повторяются, но Bootstrap 3 все-таки облегчает создавать сайт если покопаться как следует в документации. Дерзайте не пожалеете!!!

Pozdnyakov Dmitry

5 years ago

Доступно и понятно

Александр Донцу

5 years ago

Отлично, за 3 ночи прошел без особой предварительной подготовки

Беатриса Тикона

5 years ago

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

student_WHJ9x4jH

5 years ago

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

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

5 years ago

Весьма удобный фреймворк!

Василий Сотников

5 years ago

Очень хороший курс, спасибо большое.

Батрадз Санакоев

5 years ago

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

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

5 years ago

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

FREQUENTLY ASKED QUESTIONS

The training is divided into video lectures, interactive tasks and tests. In video lectures you receive theoretical material and, with the help of interactive tasks, reinforce the theory in practice. You write code directly in the browser and instantly get the result of checking your code - whether it is correct or not. Almost every lesson has links to additional materials and source code.

Author

Сергей Никонов. Автор курса программирования HTML/CSS | FructCode

Sergei Nikonov

Founder of the FructCode project
Boasts over 15 years of expertise in web development
Worked in large companies in the USA and Europe on high-load web projects
Led numerous in-person and online seminars on web development

Course Bootstrap 3

Interactive Bootstrap Website Layout Course - Learn Website Layout Design

What you'll learn

In Bootstrap lessons you will learn:

Lessons

Reviews (1264)

FREQUENTLY ASKED QUESTIONS

Author

Leaders of the week (TOP 5)