udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Продолжительность
11 ч 42 мин
Категория
CSSКоличество уроков
85 Видео
Дата добавления
30 нояб. 2018 г., 20:08
Язык
Английский
Дата выхода
16 окт. 2018 г., 10:00
Дата обновления
29 апр. 2026 г., 01:52
Освойте Bootstrap 4 и начните создавать современные, адаптивные и быстрые веб‑сайты. Этот курс поможет вам уверенно работать с Bootstrap 4.1.3, Flexbox, HTML5 и CSS3, чтобы ускорить разработку и улучшить внешний вид ваших проектов.
О курсе
Курс подходит как для новичков, так и для тех, кто уже работал с предыдущими версиями Bootstrap. Вы шаг за шагом освоите все основные компоненты фреймворка, научитесь создавать сетки, использовать flex‑модули и кастомизировать Bootstrap через SASS. Каждый пройденный модуль приближает вас к созданию профессиональных интерфейсов, которые адаптируются под любое устройство.
Что вы изучите
- Основные принципы работы с Bootstrap 4 и его обновлёнными компонентами.
- Создание адаптивной сетки на Flexbox и работа с расширенными классами.
- Настройку Bootstrap с помощью SASS и создание собственной темы.
- Построение полноценных отзывчивых веб‑страниц от макета до результата.
Почему этот курс особенный
В отличие от типичных обучающих курсов, которые предлагают лишь повторять код за преподавателем, этот курс построен вокруг активной практики. Вы не просто наблюдаете — вы создаёте.
Практические задания
В каждой секции вас ждут упражнения, мини‑проекты и викторины, которые помогут закрепить навыки. Формат заданий разнообразный:
- создание макета по предоставленному дизайну;
- исправление намеренно «сломанного» кода;
- разработка собственных компонент с нуля.
Подход, основанный на реальном опыте
Задания и структура курса разработаны на основе многолетнего опыта обучения студентов Bootstrap в очных группах. Такая методика позволяет быстрее усвоить материал и избежать типичных ошибок новичков.
Результат обучения
К завершению курса вы сможете уверенно работать с Bootstrap 4, понимать структуру фреймворка и адаптировать его под любые задачи. Вы сможете создавать полноценные, красиво оформленные, быстрые и адаптивные сайты, используя современные инструменты фронтенд‑разработки.
Этот курс создан, чтобы стать вашим лучшим путеводителем по Bootstrap 4.
- Урок 1.00:02:49Course Welcome and Introduction
- Урок 2.00:08:17Intro To Bootstrap
- Урок 3.00:05:54Do Bootstrap Sites All Look The Same?!
- Урок 4.00:05:41Comparing Bootstrap 3 and 4
- Урок 5.00:05:34Intro to My Editor: VSCode
- Урок 6.00:05:27Using Emmet
- Урок 7.00:06:06The Live Server Extension
- Урок 8.00:03:57Optional: My Theme and Colors
- Урок 9.00:02:55The Bootstrap 4 Documentation
- Урок 10.00:11:21Including Bootstrap 4
- Урок 11.00:03:47Your First Exercise: Intro
- Урок 12.00:03:58Your First Exercise: Solution
- Урок 13.00:09:28Colors
- Урок 14.00:09:54Buttons
- Урок 15.00:14:05Typography
- Урок 16.00:10:47Jumbotrons
- Урок 17.00:05:21Exercise Intro
- Урок 18.00:09:22Exercise Solution
- Урок 19.00:07:12Bootstrap 4 Breakpoints
- Урок 20.00:11:17The Display Utility
- Урок 21.00:06:50Borders and Shadows
- Урок 22.00:12:47Margin and Padding
- Урок 23.00:03:11Exercise Intro
- Урок 24.00:04:23Exercise Solution
- Урок 25.00:14:21Form Controls
- Урок 26.00:05:48Checkboxes/Form Checks
- Урок 27.00:08:31Custom Inputs
- Урок 28.00:10:41Input Groups and Icons
- Урок 29.00:04:25Inline Forms
- Урок 30.00:04:46Exercise Intro
- Урок 31.00:18:23Exercise Solution
- Урок 32.00:06:12The Nav Component
- Урок 33.00:13:19Flexbox and Navs
- Урок 34.00:08:09OPTIONAL Flexbox Review
- Урок 35.00:13:40Navbars
- Урок 36.00:10:06More About Navbars
- Урок 37.00:05:40Even More About Navbars
- Урок 38.00:02:32Exercise Intro
- Урок 39.00:10:49Exercise Solution
- Урок 40.00:10:57Intro To The Grid
- Урок 41.00:07:40The Responsive Grid
- Урок 42.00:09:45Grid Alignment
- Урок 43.00:10:06Offsets and Nesting
- Урок 44.00:08:30Forms And The Grid
- Урок 45.00:05:34Exercise Intro
- Урок 46.00:06:19Exercise Solution
- Урок 47.00:09:10List Groups
- Урок 48.00:13:59Cards Basics
- Урок 49.00:08:40Cards With Images
- Урок 50.00:07:27Cards Layout
- Урок 51.00:05:23Badges
- Урок 52.00:03:57Breadcrumbs
- Урок 53.00:05:22Button Groups
- Урок 54.00:06:24Pagination
- Урок 55.00:06:21Progress Bars
- Урок 56.00:07:27Alerts
- Урок 57.00:07:35Tooltips
- Урок 58.00:05:36Popovers
- Урок 59.00:10:13Dropdowns
- Урок 60.00:13:46Collapse and Accordions
- Урок 61.00:06:59Modals
- Урок 62.00:07:53Scrollspy
- Урок 63.00:14:13Carousels
- Урок 64.00:04:35Exercise Intro
- Урок 65.00:09:52Exercise Solution
- Урок 66.00:07:22Intro to SASS and Koala
- Урок 67.00:09:16Meet the Bootstrap Source Files
- Урок 68.00:12:43Customizing Colors
- Урок 69.00:04:29Intro to Aurora Grove
- Урок 70.00:08:02SASS Setup
- Урок 71.00:13:14Adding the Navbar
- Урок 72.00:11:48Building the Showcase
- Урок 73.00:06:03Adding an Overlay
- Урок 74.00:05:56The Icons and About Section
- Урок 75.00:05:09Explore/Experience
- Урок 76.00:05:13Adding in Quotes
- Урок 77.00:07:31Image Carousel
- Урок 78.00:05:09Social Media Gallery
- Урок 79.00:08:22Footer and Contact Form
- Урок 80.00:12:42The Booking Modal
- Урок 81.00:05:17Museum of Candy Part 1
- Урок 82.00:14:02Museum of Candy Part 2
- Урок 83.00:12:42Museum of Candy Part 3
- Урок 84.00:16:40Museum of Candy Part 4
- Урок 85.00:09:42Museum of Candy Part 5
Автор - udemy
Комментарии