Главная страницаКатегория cssОсвойте Bootstrap 5 и Создайте 6 Проектов (17 страниц)

Освойте Bootstrap 5 и Создайте 6 Проектов (17 страниц)

Name: Освойте Bootstrap 5 и Создайте 6 Проектов (17 страниц)
Price: 13 USD
Rating: 5 (12 reviews)

Master Bootstrap 5 with 6 projects and Sass customization

udemy

★5 (всего оценок - 12)

Продолжительность

22 ч 46 мин

Категория

CSS

Количество уроков

218 Видео

Дата добавления

1 мая 2021 г., 21:00

Язык

Английский

Дата выхода

13 апр. 2021 г., 03:00

Дата обновления

29 апр. 2026 г., 09:58

Хотите быстро и уверенно освоить Bootstrap 5?Этот курс поможет вам шаг за шагом пройти путь от основ к созданию полноценных современных интерфейсов.

О курсе

Курс детально разбирает последние возможности Bootstrap 5 Beta 2 — одного из самых популярных UI‑фреймворков в мире. Благодаря гибкости и продуманному дизайну, сайты на Bootstrap 5 выглядят современно, корректно работают на всех устройствах, браузерах и размерах экранов, обеспечивая высокую доступность.

Для кого предназначен курс

Материал подходит для новичков и тех, кто хочет структурировать свои знания. Каждая лекция подается в доступной форме и может просматриваться отдельно.

Что вы изучите

Все ключевые компоненты Bootstrap 5
Работу с сеткой, типографикой, формами и утилитами
Создание адаптивных интерфейсов
Методы кастомизации Bootstrap 5 с помощью Sass
Компиляцию Sass с помощью приложения Koala
Настройку глобальных переменных, цветовых схем, макета и компонентов

Практическая часть курса

После изучения теории вы перейдете к созданию шести реальных проектов, представляющих разные типы сайтов и интерфейсов.

Проекты, которые вы создадите

Проект 1: Портфолио — стильная персональная страница для демонстрации навыков.
Проект 2: Резюме и страница резюме — аккуратный и минималистичный шаблон для презентации опыта.
Проект 3: База знаний — структурированный информационный ресурс с удобной навигацией.
Проект 4: Survey — опросный веб‑интерфейс на Bootstrap 5.
Проект 5: Landing Page — эффективная промостраница с акцентом на визуализацию.
Проект 6: Веб-сайт для малого бизнеса — готовый шаблон для компании или услуги.

Почему этот курс полезен

Вы не только освоите популярный фреймворк, но и поймёте, как адаптировать его под собственные проекты. Курс сочетает теорию, демонстрации и практику, что помогает быстрее закреплять материал.

Ключевые преимущества

Пошаговое объяснение каждого компонента
Минимум теории — максимум практики
Создание реальных проектов своими руками
Навыки кастомизации, востребованные в веб‑разработке

Итог

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

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:02:58
About the course
Урок 2. 00:08:34
Understanding Bootstrap 5
Урок 3. 00:07:32
Downloading and installing Bootstrap 5
Урок 4. 00:05:54
Guide to taking this course
Урок 5. 00:06:12
Bootstrap 5 Learning Kit
Урок 6. 00:00:49
About this section
Урок 7. 00:03:10
Understanding layout
Урок 8. 00:03:16
Container
Урок 9. 00:18:17
Grid
Урок 10. 00:15:28
Columns
Урок 11. 00:08:56
Gutters
Урок 12. 00:01:00
About this section
Урок 13. 00:14:59
Typography
Урок 14. 00:08:17
Images
Урок 15. 00:16:51
Tables
Урок 16. 00:02:45
Figures
Урок 17. 00:01:39
About this section
Урок 18. 00:09:53
Overview
Урок 19. 00:09:26
Form control
Урок 20. 00:06:22
Select
Урок 21. 00:15:35
Checks and radios
Урок 22. 00:03:17
Range
Урок 23. 00:19:26
Input group
Урок 24. 00:07:52
Floating labels
Урок 25. 00:18:57
Layout
Урок 26. 00:14:24
Validation
Урок 27. 00:04:02
About this section
Урок 28. 00:07:51
Accordion
Урок 29. 00:13:37
Alerts
Урок 30. 00:05:32
Badge
Урок 31. 00:05:06
Breadcrumb
Урок 32. 00:14:58
Buttons
Урок 33. 00:09:26
Button group
Урок 34. 00:30:50
Card
Урок 35. 00:16:39
Carousel
Урок 36. 00:02:40
Close button
Урок 37. 00:07:33
Collapse
Урок 38. 00:20:27
Dropdowns
Урок 39. 00:19:32
List group
Урок 40. 00:19:05
Modal
Урок 41. 00:20:15
Navs and tabs
Урок 42. 00:33:56
Navbar
Урок 43. 00:11:43
Offcanvas
Урок 44. 00:08:33
Pagination
Урок 45. 00:13:32
Placeholders
Урок 46. 00:13:10
Popovers
Урок 47. 00:09:38
Progress
Урок 48. 00:07:56
Scrollspy
Урок 49. 00:10:29
Spinners
Урок 50. 00:14:44
Toasts
Урок 51. 00:11:10
Tooltips
Урок 52. 00:01:36
About this section
Урок 53. 00:01:47
Clearfix
Урок 54. 00:04:54
Color and background
Урок 55. 00:02:09
Colored links
Урок 56. 00:07:19
Ratio
Урок 57. 00:05:38
Position
Урок 58. 00:03:48
Stacks
Урок 59. 00:02:31
Visually hidden
Урок 60. 00:03:06
Stretched link
Урок 61. 00:01:35
Text truncation
Урок 62. 00:02:27
Vertical rule
Урок 63. 00:02:44
About this section
Урок 64. 00:04:07
Background
Урок 65. 00:09:11
Borders
Урок 66. 00:02:26
Colors
Урок 67. 00:09:17
Display
Урок 68. 00:27:23
Flex
Урок 69. 00:04:28
Float
Урок 70. 00:05:05
Interactions
Урок 71. 00:01:24
Opacity
Урок 72. 00:03:07
Overflow
Урок 73. 00:22:45
Position
Урок 74. 00:02:03
Shadows
Урок 75. 00:12:49
Sizing
Урок 76. 00:09:54
Spacing
Урок 77. 00:11:16
Text
Урок 78. 00:04:02
Vertical align
Урок 79. 00:01:47
Visibility
Урок 80. 00:03:44
About this section
Урок 81. 00:03:34
Compiling Sass with Koala App
Урок 82. 00:00:39
Scout App as alternative to Koala App
Урок 83. 00:04:02
Introduction to the Bootstrap Sass files
Урок 84. 00:04:45
Default import and compilation
Урок 85. 00:02:02
Global options: Spacer
Урок 86. 00:01:30
Global options: Border radius
Урок 87. 00:02:16
Global options: Box shadow
Урок 88. 00:01:47
Global options: Gradients
Урок 89. 00:01:26
Global options: Transitions
Урок 90. 00:01:26
Global options: Caret
Урок 91. 00:01:07
Global options: Button pointers
Урок 92. 00:01:31
Global options: Validation icons
Урок 93. 00:02:02
Global options: Negative margins
Урок 94. 00:02:48
Global options: Important utilities
Урок 95. 00:08:15
Colors: Colors overview
Урок 96. 00:03:53
Colors: Add to theme colors
Урок 97. 00:01:58
Colors: Remove from theme colors
Урок 98. 00:02:58
Colors: Defining color palette
Урок 99. 00:03:16
Layout: Breakpoints
Урок 100. 00:02:12
Layout: Container
Урок 101. 00:02:16
Layout: Grid
Урок 102. 00:01:17
Content: Figures
Урок 103. 00:01:46
Content: Images
Урок 104. 00:02:35
Content: Tables
Урок 105. 00:09:05
Content: Typograhy
Урок 106. 00:01:31
Forms: Range
Урок 107. 00:01:21
Components: Breadcrumb
Урок 108. 00:01:27
Components: Card
Урок 109. 00:01:24
Components: Carousel
Урок 110. 00:02:48
Components: Modal
Урок 111. 00:01:20
Components: Progress
Урок 112. 00:01:13
Components: Spinners
Урок 113. 00:02:50
Helpers: Ratio
Урок 114. 00:02:27
Utilities: Borders
Урок 115. 00:02:46
Utilities: Position
Урок 116. 00:02:57
Utilities: Sizing
Урок 117. 00:03:03
Utilities: Spacing
Урок 118. 00:17:46
Utility API
Урок 119. 00:18:00
Bootstrap Icons
Урок 120. 00:03:57
How to use the project resources
Урок 121. 00:00:44
Keeping projects up to date
Урок 122. 00:04:50
Downloading and installing Font Awesome
Урок 123. 00:01:32
About the Porfolio Project
Урок 124. 00:06:15
Index - Navbar
Урок 125. 00:03:17
Index - About
Урок 126. 00:03:52
Index - Featured Projects
Урок 127. 00:02:41
Index - Testimonials
Урок 128. 00:04:46
Index - Contact
Урок 129. 00:08:31
Index - Footer
Урок 130. 00:06:59
Overview
Урок 131. 00:03:05
Item - Project Heading
Урок 132. 00:07:26
Item - Project Carousel
Урок 133. 00:03:51
Item - Project Description
Урок 134. 00:02:54
Item - Related Projects
Урок 135. 00:01:41
About the Resume and CV Page Project
Урок 136. 00:06:33
Introduction
Урок 137. 00:11:36
Work Experience
Урок 138. 00:04:11
Education
Урок 139. 00:05:46
Testimonials
Урок 140. 00:14:27
Contact Info
Урок 141. 00:05:02
Portfolio
Урок 142. 00:07:56
Skills
Урок 143. 00:01:22
About the Knowledge Base Project
Урок 144. 00:04:50
Index - Navigation
Урок 145. 00:02:17
Index - Search
Урок 146. 00:03:57
Index - Articles
Урок 147. 00:02:39
Index - Categories
Урок 148. 00:06:16
Index - Footer
Урок 149. 00:04:49
Category - Search and Breadcrumb
Урок 150. 00:02:37
Category - Page Navigation
Урок 151. 00:02:15
Category - Main
Урок 152. 00:01:50
Category - Aside
Урок 153. 00:03:13
Category - Smooth Scroll
Урок 154. 00:01:50
Article - Search and Breadcrumb
Урок 155. 00:00:36
Article - Page Navigation
Урок 156. 00:02:09
Article - Content
Урок 157. 00:03:28
Article - Highlight JS
Урок 158. 00:03:48
Article - Feedback
Урок 159. 00:01:50
Article - Aside
Урок 160. 00:01:48
About the Survey Project
Урок 161. 00:07:16
Index - Tab Navigation
Урок 162. 00:09:48
Index - Personal Info
Урок 163. 00:08:33
Index - Answer Radio
Урок 164. 00:02:37
Index - Answer Checkbox
Урок 165. 00:06:53
Index - Rating Radio
Урок 166. 00:04:52
Index - Rating Toggle
Урок 167. 00:05:25
Index - Rating Range
Урок 168. 00:09:27
Index - Custom JavaScript
Урок 169. 00:08:54
Results - Percentages
Урок 170. 00:06:05
Results - Answer Distribution
Урок 171. 00:04:49
Results - Ratings
Урок 172. 00:01:28
About the Landing Page Project
Урок 173. 00:06:45
Navigation
Урок 174. 00:06:53
Hero
Урок 175. 00:01:58
Description
Урок 176. 00:02:43
Trailer
Урок 177. 00:06:19
Showcase
Урок 178. 00:04:51
Features
Урок 179. 00:06:26
Pricing
Урок 180. 00:05:43
Reviews
Урок 181. 00:10:33
Newsletter
Урок 182. 00:12:46
Footer
Урок 183. 00:03:02
Smooth Scroll
Урок 184. 00:01:24
About the Small Business Website Project
Урок 185. 00:09:11
Home - Navigation
Урок 186. 00:04:30
Home - Hero
Урок 187. 00:02:13
Home - Alert
Урок 188. 00:05:08
Home - What
Урок 189. 00:05:02
Home - News
Урок 190. 00:07:35
Home - Footer
Урок 191. 00:05:44
Services
Урок 192. 00:03:19
About - Story
Урок 193. 00:03:11
About - Office
Урок 194. 00:02:17
About - Clients
Урок 195. 00:06:04
Team
Урок 196. 00:03:40
Contact - Address
Урок 197. 00:01:58
Contact - Hours
Урок 198. 00:09:20
Contact - Message
Урок 199. 00:02:42
Contact - Map
Урок 200. 00:02:53
About the Forum Project
Урок 201. 00:08:14
Index - Navigation
Урок 202. 00:10:54
Index - Board index
Урок 203. 00:09:53
Index - Aside
Урок 204. 00:03:18
Index - Footer
Урок 205. 00:02:57
Forum category - Navigation
Урок 206. 00:02:46
Forum category - Board
Урок 207. 00:02:40
Forum name - Navigation
Урок 208. 00:11:09
Forum name - Board
Урок 209. 00:05:32
Forum name - Pagination
Урок 210. 00:08:41
Forum name - Filter and sort
Урок 211. 00:01:34
Forum name - New topic
Урок 212. 00:03:22
Forum topic - Navigation
Урок 213. 00:10:08
Forum topic - Board
Урок 214. 00:04:41
Forum topic - Pagination
Урок 215. 00:02:38
Forum topic - Comment
Урок 216. 00:07:36
Forum topic - Login
Урок 217. 00:02:07
New topic - Navigation
Урок 218. 00:05:04
New topic - New topic

Автор - udemy

udemy

Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф

+198

Комментарии

SKS
16 мар. 2023 г., 19:42
Please update this course. Thank you.
dev.lubinets
2 июл. 2022 г., 11:47
чекнуть frontendworkshop.com после прохождения курса