К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Bootstrap 5 From Scratch - Build 5 Modern Websites · LearnSpace
Назад в каталог
courseraПрограммирование

Bootstrap 5 From Scratch - Build 5 Modern Websites

Курс от Packt
Начальный≈ 19.7 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

Updated in May 2025. This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. Master Bootstrap 5 by building five modern, fully responsive websites from scratch. This hands-on course takes you from the fundamentals of Bootstrap, including its grid system, typography, and UI components, to advanced features like dynamic JavaScript elements, Sass customization, and deployment strategies. By the end, you'll have a deep understanding of Bootstrap and practical experience in crafting real-world websites. You'll begin with an introduction to Bootstrap and its essential components, learning how to structure layouts, apply styling, and utilize Bootstrap’s powerful utilities. Next, you’ll dive into interactive JavaScript-driven features such as carousels, modals, tooltips, and dark mode toggles. As you progress, you'll refine your front-end development skills with mini-project challenges that reinforce core concepts. The heart of this course is the creation of five diverse websites, including an eBook store, a training platform, a personal portfolio, an office design firm site, and a software solutions company page. Each project will help you master different aspects of Bootstrap, from navigation bars to form validation, animations, and responsive design techniques. You'll also learn how to deploy your sites using modern hosting platforms. Perfect for beginners and intermediate web developers, this course requires basic HTML and CSS knowledge. If you're looking to level up your front-end development skills with Bootstrap 5, this is the course for you.

Навыки, которые вы освоите

Bootstrap (Front-End Framework)Responsive Web DesignUI ComponentsHTML and CSSUser Interface (UI)Front-End Web DevelopmentCascading Style Sheets (CSS)TypographyApplication DeploymentAnimationsWeb DesignCloud HostingCloud DeploymentJavascriptWeb DevelopmentHypertext Markup Language (HTML)

Программа курса

11 модулей · 115 учебных материалов

01Getting Started8 материалов

Getting Started

Welcome To The CourseВидеоFull Course ResourcesЧтениеProjects OverviewВидеоWhat Is Bootstrap?Видео

Учитесь у экспертов

Packt - Course Instructors

Преподаватель курса

Bootstrap 5 From Scratch - Build 5 Modern Websites
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 19.7 ч

11 модулей

Язык: Английский

Субтитры: Казахский

Часть программы вашего университета
How To Use BootstrapВидео
Basic Environment SetupВидео
Bootstrap Sandbox SetupВидео
Getting Started - AssessmentЗадание
02Bootstrap Fundamentals - Part 112 материалов

Bootstrap Fundamentals - Part 1

ContainersВидеоTypographyВидеоDisplay & PositionВидеоBackground & Text ColorsВидеоSpacingВидеоSizing, Borders & ShadowsВидеоBreakpointsВидеоButtonsВидеоNavbarВидеоDark Mode & VariablesВидеоUnderstanding Bootstrap ContainersDIALOGUEBootstrap Fundamentals - Part 1 - AssessmentЗадание
03Bootstrap Fundamentals - Part 212 материалов

Bootstrap Fundamentals - Part 2

Bootstrap Grid & ColumnsВидеоFlexbox ClassesВидеоCardsВидеоList Groups & BadgesВидеоForms & InputВидеоForm Validation & DisplayВидеоAlerts & Progress BarsВидеоTablesВидеоBreadcrumbs & PaginationВидеоOther CSS UtilitiesВидеоUsing Bootstrap GridDIALOGUEBootstrap Fundamentals - Part 2 -AssessmentЗадание
04Dynamic JavaScript Components10 материалов

Dynamic JavaScript Components

DropdownsВидеоAccordions & CollapseВидеоCarouselВидеоToast NotificationВидеоSpinnersВидеоModalsВидеоPopovers & TooltipsВидеоDark mode ToggleВидеоCreating Dropdowns in BootstrapDIALOGUEDynamic JavaScript Components - AssessmentЗадание
05Mini-Project Challenges6 материалов

Mini-Project Challenges

Intro & Mini-Project StarterВидеоPricing CardsВидеоRatings ComponentВидеоUser ListВидеоCreating Pricing Cards with BootstrapDIALOGUEMini-Project Challenges - AssessmentЗадание
06Custom Sass Workflow & Starter Template6 материалов

Custom Sass Workflow & Starter Template

What Is Sass?ВидеоInstall & Setup SassВидеоInstall, Setup & Customize BootstrapВидеоInstall & Setup Font AwesomeВидеоCustomizing Bootstrap with SASSDIALOGUECustom Sass Workflow & Starter Template - AssessmentЗадание
07Website 1 - eBook Website13 материалов

Website 1 - eBook Website

Project IntroВидеоProject SetupВидеоNavigation & Sass VariablesВидеоHeader/Hero SectionВидеоIcon SectionВидеоNavbar Scroll EffectВидеоDetails Sections With ModalsВидеоTestimonials, Download Section & FooterВидеоContact PageВидеоDeploy To VercelВидеоFormspree For Contact FormsВидеоDeploying a Static Website ProjectDIALOGUE Website 1 - eBook Website - AssessmentЗадание
08Website 2 - Corso Training Website10 материалов

Website 2 - Corso Training Website

Project IntroВидеоProject SetupВидеоNav & HeaderВидеоImage CarouselВидеоRegister Area, Nav Scroll & DetailsВидеоPoints & Summary SectionsВидеоInvitation & TakeawaysВидеоSubscribe & FooterВидеоBuilding Responsive Layouts with BootstrapDIALOGUEWebsite 2 - Corso Training Website - AssessmentЗадание
09Website 3 - Portfolio Website11 материалов

Website 3 - Portfolio Website

Project IntroВидеоProject SetupВидеоHeader With OverlayВидеоTyping Effect JavaScriptВидеоAbout & Skills SectionsВидеоProjects & LightboxВидеоStyleShout & ServicesВидеоStats & FormsВидеоDeploy To NetlifyВидеоDesigning a Portfolio WebsiteDIALOGUEWebsite 3 - Portfolio Website - AssessmentЗадание
10Website 4 - Yavin Office Design12 материалов

Website 4 - Yavin Office Design

Project IntroВидеоProject SetupВидеоNavigation & HeaderВидеоStats & JavaScript IncrementВидеоIntro, Details & ServicesВидео3 Middle SectionsВидеоProjects & TestimonialsВидеоContact Form & FooterВидеоBack To Top ButtonВидеоInner Article PageВидеоCreating a Dynamic Website with JavaScript EffectsDIALOGUEWebsite 4 - Yavin Office Design - AssessmentЗадание
11Website 5 - Vera Software Solutions15 материалов

Website 5 - Vera Software Solutions

Project IntroВидеоProject SetupВидеоHeader & Rotating Text ScriptВидеоPartners & FormВидеоNav Scroll & SolutionsВидеоDetails & ExpertiseВидеоVideo Section & Animated ButtonВидеоVideo ModalВидеоPricing & Project SectionsВидеоProject ModalsВидеоNewsletter Section & FooterВидеоPrivacy PageВидеоWebsite 5 - Vera Software Solutions - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание