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.

Горынин Николай Владимирович

6 years ago

Замечательно, это просто замечательно! Информация в голову вошла и осталась))))))))))))))))))))))))

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

6 years ago

Очень крутой!

Дмитрий Самоделов

6 years ago

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

Александр Шлома

6 years ago

Полезная штука

FelipeMassa2018

6 years ago

Рассказали основы, а также где и что искать, Курс имеет необъятные за эт время данные, так что хотелось бы, конечно, побольше знать, что bootstrap умеет, но вполне можно выучить самому на сайтах, которые были показаны в курсе

Igor Nagulo

6 years ago

На момент прохождения курса https://getbootstrap.com - видоизменился, некоторые плюшки представленные в уроке я даже по поиску не нашёл. Это не критично и на общую информацию никак не влияет, но времени на урок тратиться в три раза больше.

Yura Psyduck

6 years ago

Замечательно, но жаль что автор очень редко напоминает о том зачем нужны div классы просто предлагая пересмотреть уроки, если кто-то чего-то не помнит.

Dominika Lapun

6 years ago

Всё доступно и понятно.

Никита Евсеев

6 years ago

Очень интересно и позновательно!

Елизавета Рябоконь

6 years ago

Хороший курс, но жалко, что не объяснили на практике все компоненты и фишки

Кирилл Березин

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)