udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Освойте CSS-фреймворк Bulma и создайте 4 проекта с 14 страницами
Master Bulma CSS framework and code 4 projects with 14 pages
★5 (всего оценок - 2)
Продолжительность
13 ч 21 мин
Категория
CSSКоличество уроков
127 Видео
Дата добавления
18 июл. 2022 г., 11:02
Язык
Английский
Дата выхода
11 февр. 2021 г., 01:00
Дата обновления
29 апр. 2026 г., 15:30
Освойте Bulma с нуля и создайте современные адаптивные веб-интерфейсы без лишней сложности. Курс идеально подходит новичкам, которые хотят быстро перейти от теории к практике и научиться создавать полноценные проекты на основе одного из самых популярных CSS‑фреймворков.
Почему стоит изучать Bulma
Bulma — это легковесный и мощный CSS-фреймворк, который позволяет строить интерфейсы без написания сложного JavaScript. Он полностью модульный, работает на Flexbox и обеспечивает чистый, современный дизайн на любом устройстве.
- Полностью адаптивная сетка
- Стильные компоненты интерфейса
- Быстрая разработка без зависимостей
- Отличная документация и большое сообщество
Для кого создан этот курс
Материал идеально подойдет тем, кто:
- делает первые шаги в вёрстке;
- хочет быстро освоить современный CSS-фреймворк;
- предпочитает учиться на реальных проектах;
- ценит структурированные уроки и пошаговый формат.
Что вы изучите в процессе обучения
Каждый модуль курса посвящён отдельным элементам Bulma: сетке, типографике, компонентам, формам, карточкам и другим UI‑частям. Уроки можно смотреть последовательно или избирательно.
Основные разделы
- Понимание структуры Bulma
- Работа с колонками и контейнерами
- Создание элементов навигации
- Использование готовых компонентов
- Стилизация контента и макетов
Практические проекты, которые вы создадите
Важная часть курса ― практика. Вас ждёт пошаговое создание четырёх адаптивных, полностью завершённых проектов.
Проект 1: Резюме и страница биографии
Научитесь оформлять личную страницу, подбирать компоненты и выстраивать чистый профессиональный макет.
Проект 2: Веб‑сайт для малого бизнеса
Создадите главную страницу, разделы услуг, контактный блок и адаптивную навигацию.
Проект 3: База знаний
Сформируете страницу со структурированным контентом, удобной типографикой и карточками статей.
Проект 4: Интернет‑форум
Соберёте многосекционную страницу с элементами списков, блоков и сообщениями пользователей.
Итог: что вы получите после прохождения курса
- Уверенное владение Bulma, включая сетку и все ключевые компоненты;
- Четыре готовых проекта в портфолио;
- Навык создания современного адаптивного UI с нуля;
- Понимание принципов быстрой и чистой вёрстки.
Присоединяйтесь и освоите Bulma с практической стороны, создавая реальные проекты прямо в процессе обучения!
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:02:24About the course
- Урок 2. 00:03:34Understanding Bulma
- Урок 3. 00:01:56Responsiveness
- Урок 4. 00:02:07Colors
- Урок 5. 00:02:45Downloading and installing Bulma v0.9.1
- Урок 6. 00:04:50Downloading and installing Font Awesome v5.1.0
- Урок 7. 00:03:46Bulma Learning Kit
- Урок 8. 00:09:15Color
- Урок 9. 00:03:36Spacing
- Урок 10. 00:10:22Typography
- Урок 11. 00:10:40Visibility
- Урок 12. 00:10:50Flexbox
- Урок 13. 00:06:58Other
- Урок 14. 00:01:47Basics
- Урок 15. 00:10:24Sizes
- Урок 16. 00:07:27Responsiveness
- Урок 17. 00:02:45Nesting
- Урок 18. 00:05:28Gap
- Урок 19. 00:03:57Options
- Урок 20. 00:23:05Columns
- Урок 21. 00:02:45Container
- Урок 22. 00:10:53Hero
- Урок 23. 00:01:20Section
- Урок 24. 00:01:13Footer
- Урок 25. 00:04:05Level
- Урок 26. 00:05:51Media Object
- Урок 27. 00:07:25Tiles
- Урок 28. 00:22:37General
- Урок 29. 00:11:27Input
- Урок 30. 00:07:10Textarea
- Урок 31. 00:08:13Select
- Урок 32. 00:06:58Checkbox & Radio Button
- Урок 33. 00:09:39File
- Урок 34. 00:01:25Block
- Урок 35. 00:01:13Box
- Урок 36. 00:17:37Button
- Урок 37. 00:03:42Content
- Урок 38. 00:03:17Delete
- Урок 39. 00:04:29Icon
- Урок 40. 00:07:08Image
- Урок 41. 00:03:21Notification
- Урок 42. 00:03:56Progress
- Урок 43. 00:07:28Table
- Урок 44. 00:08:43Tag
- Урок 45. 00:04:52Title
- Урок 46. 00:07:06Breadcrumb
- Урок 47. 00:07:14Card
- Урок 48. 00:08:38Dropdown
- Урок 49. 00:05:37Menu
- Урок 50. 00:03:57Message
- Урок 51. 00:10:19Modal
- Урок 52. 00:11:39Navbar
- Урок 53. 00:07:47Pagination
- Урок 54. 00:08:09Panel
- Урок 55. 00:07:06Tabs
- Урок 56. 00:01:49Extensions – Overview
- Урок 57. 00:05:52Accordion
- Урок 58. 00:05:38Badge
- Урок 59. 00:11:43Calendar
- Урок 60. 00:07:23Carousel
- Урок 61. 00:13:41Checkradio
- Урок 62. 00:03:08Divider
- Урок 63. 00:04:38Page Loader
- Урок 64. 00:11:17Pricing Table
- Урок 65. 00:04:56Quickview
- Урок 66. 00:05:24Slider
- Урок 67. 00:07:22Steps
- Урок 68. 00:09:44Switch
- Урок 69. 00:03:29Tags Input
- Урок 70. 00:08:56Timeline
- Урок 71. 00:16:30Toast
- Урок 72. 00:05:24Tooltip
- Урок 73. 00:02:03About the Project
- Урок 74. 00:05:20Setup and Basic Structure
- Урок 75. 00:03:55Box – Introduction
- Урок 76. 00:08:59Box – Work Experience
- Урок 77. 00:03:38Box – Education
- Урок 78. 00:02:35Box – Testimonials
- Урок 79. 00:13:48Box – Contact Info
- Урок 80. 00:06:30Box – Portfolio
- Урок 81. 00:07:51Box – Skills
- Урок 82. 00:03:36About the Project
- Урок 83. 00:03:47Installing Bulma and Font Awesome
- Урок 84. 00:09:56Home – Navigation
- Урок 85. 00:04:48Home – Hero
- Урок 86. 00:01:49Home – Notification
- Урок 87. 00:05:21Home – What We Do
- Урок 88. 00:06:43Home – News
- Урок 89. 00:10:12Home – Footer
- Урок 90. 00:04:15Services
- Урок 91. 00:02:24About – Our Story
- Урок 92. 00:02:57About – Our Office
- Урок 93. 00:04:25About – Our Clients
- Урок 94. 00:06:11Team
- Урок 95. 00:04:58Contact – Address
- Урок 96. 00:01:20Contact – Opening Hours
- Урок 97. 00:11:34Contact – Message
- Урок 98. 00:03:05Contact – Map
- Урок 99. 00:03:26About the Project
- Урок 100. 00:06:49Index – Navigation
- Урок 101. 00:03:13Index – Search
- Урок 102. 00:04:57Index – Articles
- Урок 103. 00:03:21Index – Categories
- Урок 104. 00:03:25Index – Footer
- Урок 105. 00:04:50Category – Top Bar
- Урок 106. 00:03:30Category – Page Navigation
- Урок 107. 00:03:22Category – Main
- Урок 108. 00:02:12Category – Aside
- Урок 109. 00:04:58Category – Smooth Scroll
- Урок 110. 00:01:26Article – Top Bar
- Урок 111. 00:00:59Article – Page Navigation
- Урок 112. 00:05:33Article – Content
- Урок 113. 00:01:28Article – Aside
- Урок 114. 00:04:25Article – Feedback
- Урок 115. 00:01:46Article – Smooth Scroll
- Урок 116. 00:02:57About the project
- Урок 117. 00:12:34Index – Navbar and Breadcrumb
- Урок 118. 00:13:03Index – Board Overview
- Урок 119. 00:11:01Index – Members and Statistics
- Урок 120. 00:02:31Index - Footer
- Урок 121. 00:03:41Forum Category Overview
- Урок 122. 00:09:52Topics Overview
- Урок 123. 00:05:17Pagination
- Урок 124. 00:09:17Filter and Sorting Widget
- Урок 125. 00:11:25Post – Content
- Урок 126. 00:10:53Post – Comment and Login
- Урок 127. 00:08:13New Topic
Автор - udemy
Комментарии