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.

Айбек Асанкалиев

5 years ago

Сначала я думал что изучение bootstrap 3 будет очень сложным, что нужно будет запоминать тонны классов, но оказалось что это очень классный фреймворк, хотя с фреймворками я в первые знакомлюсь, но bootstrap мне очень понравился, с ним намного удобней, меньше кода и проще верстать. Спасибо Сергею.

Pavel Arhipov

6 years ago

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

Egor Degtyarev

6 years ago

Интересно, понятно! Доступно для восприятия)

Елена Туркова

6 years ago

Супер курс. Все понято и доходчиво!

Сергей Мащалгин

6 years ago

Познавательно. Большой по объёму материал изложен кратко со ссылками на документацию. Спасибо.

Andrey Klymenko

6 years ago

Мне понравилось! Спасибо!

Роман Алексеев

6 years ago

Интересный курс, рекомендую!

Eduard Bucari

6 years ago

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

Ruslan Ishimbaiev

6 years ago

Все отлично!

Михаил Округин

6 years ago

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

Anton

6 years ago

Спасибо за столь интересный и познавательный курс :)

Евгений Васильев

6 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)