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

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

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

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Mastering CSS with Sass and Bootstrap - Ace Your Interviews · LearnSpace
Назад в каталог
courseraПрограммирование

Mastering CSS with Sass and Bootstrap - Ace Your Interviews

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

О курсе

This course 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. Are you looking to ace your web development interviews? This course will equip you with the essential skills in CSS, Sass, and Bootstrap. You will learn how to create highly interactive and visually appealing web pages that are not only functional but also responsive across devices. By mastering CSS fundamentals and advanced techniques like Sass and Bootstrap, you’ll be ready to tackle any interview challenge with confidence. The course begins by giving you a solid foundation in HTML, progressing through CSS basics, selectors, and advanced styling methods. You will learn how to use Sass to simplify and optimize your stylesheets, improving the maintainability of your code. Throughout the course, you will explore the Bootstrap framework, gaining hands-on experience with responsive layouts and UI components that make building modern web applications a breeze. As you advance, you’ll work on real-world projects such as building responsive navigation bars, menus, and form designs using Bootstrap. You’ll also dive into CSS transitions, animations, and flexbox layouts to create rich user experiences. The course is designed to build your skills progressively, ensuring that you are not just learning theory but also applying what you’ve learned through practical assignments and projects. By the end of the course, you will be prepared for web development interviews and capable of building well-structured, responsive websites from scratch. This course is ideal for those who want to deepen their web development expertise and demonstrate their skills to potential employers.

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

Cascading Style Sheets (CSS)Responsive Web DesignBootstrap (Front-End Framework)AnimationsTypographyHypertext Markup Language (HTML)HTML and CSSMaintainabilityWeb ApplicationsWeb DesignWeb DevelopmentFront-End Web DevelopmentInteractive Design

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

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

01Introduction2 материалов

Introduction

IntroductionВидеоFull Course ResourcesЧтение
02HTML Basics24 материалов

HTML Basics

HTML Page StructureВидеоThe Paragraph Tag

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

Packt - Course Instructors

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

Mastering CSS with Sass and Bootstrap - Ace Your Interviews
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 21.5 ч

15 модулей

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

Субтитры: Арабский, Французский, Итальянский, Бразильский португальский, Корейский, Индонезийский, Испанский, Японский

Часть программы вашего университета
Видео
Tags, Empty Tags & ElementsВидео
AttributesВидео
div & spanВидео
H1 to H6Видео
The Unordered List Tag ulВидео
The Ordered List Tag olВидео
a Anchor TagВидео
a - Advanced Concept (#)Видео
img TagВидео
Relative Path vs. Absolute PathВидео
The input Tag - Text, Numeric & EmailВидео
input - Checkbox & RadioВидео
The select TagВидео
HTML vs. XHTMLВидео
Semantic Tags - Address, Footer, Section, HeaderВидео
Concept of Accessibility in Web ApplicationsВидео
ARIA - AttributeВидео
Meta Tags (The SEO Friendly Tags)Видео
Installing Google AnalyticsВидео
Understanding DOMВидео
HTML Basics and Page StructureDIALOGUE
HTML Basics - AssessmentЗадание
03CSS Basics & Selectors14 материалов

CSS Basics & Selectors

IntroductionВидеоInline Styling and Basic CSS SyntaxВидеоInternal Styling with style TagВидеоExternal Styling - link TagВидеоElement SelectorВидеоClass SelectorВидеоelement.class SelectorВидеоID SelectorВидеоGroup SelectorВидеоUniversal SelectorВидеоCSS SpecificityВидеоUniversal Selector & CSS ResetВидеоUnderstanding CSS Selectors and SpecificityDIALOGUECSS Basics & Selectors - AssessmentЗадание
04Combinators - Advanced Selectors (Part 1)12 материалов

Combinators - Advanced Selectors (Part 1)

IntroductionВидеоDescendant Selector (space)ВидеоChild Selector (>)ВидеоAdjacent Selector (+)ВидеоAttribute Selector - element[attribute]ВидеоAttribute Spaced Selector (~)ВидеоAttribute Selector (^) - Prefixed ValueВидеоAttribute Selector ($) - Suffixed ValueВидеоAttribute Contains Selector (*)ВидеоAttribute Hyphenated Selector (|)ВидеоMastering CSS Combinators and Attribute SelectorsDIALOGUECombinators - Advanced Selectors (Part 1) - AssessmentЗадание
05Pseudo-classes & Elements - Advanced Selectors (Part 2)22 материалов

Pseudo-classes & Elements - Advanced Selectors (Part 2)

IntroductionВидеоLinguistic Pseudo-classesВидеоLocation Pseudo-classesВидео:hover - User Action Pseudo-classes (Part 1)Видео:active - User Action Pseudo-classes (Part 2)Видео:focus - User Action Pseudo-classes (Part 3)Видео:focus-within - User Action Pseudo-classes (Part 4)Видео:enabled / :disabled - Input Pseudo-classesВидеоreadonly / contenteditable AttributesВидео:read-only / :read-write - Input Pseudo-classesВидео:placeholder-shown - Input Pseudo-classВидео:valid / :invalid & :required - Input Pseudo-classesВидеоHTML/CSS Live Preview ExtensionВидео:nth-child() Selector - Tree Structural Pseudo-classВидео:nth-child() Selector - Complex ArgumentsВидеоPseudo-element (pseudo-class vs. pseudo-element)Видео::first-line - Pseudo-element (Part 1)Видео::first-letter - Pseudo-element (Part 2)Видео::before / ::after - Pseudo-element (Part 3)Видео::before / ::after - Pseudo-element (Part 4)ВидеоCSS Pseudo Classes and Elements PracticeDIALOGUEPseudo-classes & Elements - Advanced Selectors (Part 2) - AssessmentЗадание
06Text Formatting13 материалов

Text Formatting

font-familyВидео@font-faceВидеоfont-weightВидеоline-heightВидеоfont-styleВидеоtext-transformВидеоfont-variantВидеоtext-decorationВидеоtext-alignВидеоIndenting TextВидеоcolor Property - Applying Foreground ColorВидеоUnderstanding CSS Font and Text PropertiesDIALOGUEText Formatting - AssessmentЗадание
07Working with Colors & Gradients10 материалов

Working with Colors & Gradients

Introduction - Different Ways to Assign ColorsВидеоUsing RGB ValuesВидеоHexadecimal NotationsВидеоUsing HSL ValuesВидеоWorking with OpacityВидеоCSS Gradients - linear-gradient()ВидеоCSS Gradients - radial-gradient()ВидеоCSS Gradients - conic-gradient()ВидеоUnderstanding CSS Color Properties and MethodsDIALOGUEWorking with Colors & Gradients - AssessmentЗадание
08CSS Units19 материалов

CSS Units

IntroductionВидеоAbsolute Units - pxВидеоAbsolute Units - ptВидеоAbsolute Units - cmВидеоAbsolute Units - mmВидеоAbsolute Units - inВидеоAbsolute Units - Pica (pc)ВидеоRelative Units - emВидеоRelative Units - remВидеоRelative Units - % (Percentage)ВидеоRelative Units - ex (x-height)ВидеоRelative Units - ch (Character Width)ВидеоRelative Units - vwВидеоRelative Units - vhВидеоRelative Units - vmin / vmaxВидеоAngle Measurement Units - deg, grad, rad & turnВидеоTime Measurement Units - ms / sВидеоUnderstanding CSS Units for Responsive DesignDIALOGUECSS Units - AssessmentЗадание
09CSS Page Layout Fundamentals27 материалов

CSS Page Layout Fundamentals

IntroductionВидеоCSS Box ModelВидеоApplying Border in CSSВидеоApplying Padding in CSSВидеоApplying Margin in CSSВидеоCollapsing Margins and Negative MarginsВидеоUnderstanding FloatВидеоClearing FloatsВидеоContainer/Float CollapsingВидеоClearfix - Modern Way to Clear FloatsВидеоCreating Multiple Columns Floated LayoutВидеоdisplay PropertyВидеоFixed, Fluid & Responsive LayoutsВидеоUnderstanding GridsВидеоSpanning Rows and Columns in GridВидеоIntroduction to CSS FlexboxВидеоFlex Container PropertiesВидеоFlex Item PropertiesВидеоCalculation of flex-growВидео@media Query - IntroductionВидеоAssignment - Implementation of @media QueryВидеоMedia Type - allВидеоMedia Type - screenВидеоMedia Type - printВидеоCreating a Basic Responsive Form Using Media Query with BreakpointВидеоUnderstanding CSS Layout Techniques and PositioningDIALOGUECSS Page Layout Fundamentals - AssessmentЗадание
10CSS Transform11 материалов

CSS Transform

IntroductionВидеоMove Element With translate() MethodВидеоrotate() MethodВидеоAssignment - rotate() MethodВидеоResizing Elements Using scale() FunctionВидеоTransforming Elements Using skew() FunctionВидеоAssignment - skew() on TextВидеоmatrix() - The All-in-One MethodВидео3D Card Flip Design Using transform MethodВидеоMastering CSS 2D & 3D Transforms and AnimationsDIALOGUECSS Transform - AssessmentЗадание
11CSS Transitions7 материалов

CSS Transitions

Introduction to CSS TransitionsВидеоTransitioning CSS PropertiesВидеоSpecifying Speed & Curve with transition-timing-functionВидеоDelaying the Transition with transition-delayВидеоCombining Transform with TransitionВидеоUnderstanding and Applying CSS TransitionsDIALOGUECSS Transitions - AssessmentЗадание
12CSS Animations14 материалов

CSS Animations

IntroductionВидео@keyframes RuleВидеоAssignment - Creating a Bouncing Ball AnimationВидеоanimation-name & animation-duration - The First StepВидеоanimation-delayВидеоControlling Iterations with animation-iteration-count PropertyВидеоAssignment - Controlling IterationsВидеоChanging Animation Direction with animation-direction PropertyВидеоDefining Speed Curve with animation-timing-function PropertyВидеоAssignment - Creating Background AnimationВидеоanimation-fill-mode PropertyВидеоAssignment - Sunset AnimationВидеоMastering CSS Keyframe Animations and Animation PropertiesDIALOGUECSS Animations - AssessmentЗадание
13SASS12 материалов

SASS

IntroductionВидеоConfiguring SASS in ProjectВидеоSASS VariablesВидеоNesting in SASSВидеоSASS PartialsВидеоSASS ModulesВидеоSASS MixinsВидеоInheritance with SASS - @extend RuleВидеоOperatorsВидеоAssignment - Responsive Sidebar with SASSВидеоWorking with SASS: Variables, Nesting, and MixinsDIALOGUESASS - AssessmentЗадание
14Bootstrap16 материалов

Bootstrap

IntroductionВидеоConfiguring BootstrapВидеоContainersВидеоUtilities/Helper ClassesВидеоJumbotron (Not!) in Bootstrap 5ВидеоButtonsВидеоGrouped Buttons and SpinnersВидеоGrid System LayoutВидеоLogin Form Using BootstrapВидеоPagination with AssignmentВидеоModalВидеоModal Assignment for Email RegistrationВидеоBreadcrumbВидеоNavigation BarВидеоCreating and Understanding Bootstrap Components and LayoutsDIALOGUEBootstrap - AssessmentЗадание
15Practical Assignments15 материалов

Practical Assignments

Basic Menu - Top Navigation BarВидеоAdding Split Menu ItemsВидеоResponsive MenuВидеоHorizontal AccordionВидеоVertical AccordionsВидеоCSS Hamburger Sidebar MenuВидеоSubscribe FormВидеоVertical Carousel with SCSSВидеоResponsive Card Layout - CSSВидеоResponsive Shopping CartВидеоCSS ParallaxВидеоResponsive Footer with BootstrapВидеоPractical Assignments - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание