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