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

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

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

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Advanced CSS Techniques & Responsive Design · LearnSpace
Назад в каталог
courseraПрограммирование

Advanced CSS Techniques & Responsive Design

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

О курсе

Advanced CSS Techniques & Responsive Design course is designed for complete beginners who want to learn how to create a web page, even with no prior coding experience. You’ll discover how to structure content using HTML, style your site with CSS, and apply responsive design principles with Bootstrap—all while building a real, shareable web page from scratch. In the first module, you’ll explore the fundamentals of HTML, including document structure, essential tags, and how to organize content for clarity and accessibility. You’ll learn how to use HTML to create headings, lists, images, links, tables, and forms, and understand the importance of clean, well-nested code. The second module focuses on CSS, teaching you how to style and format your web page using selectors, properties, and advanced features like Flexbox and Grid. You’ll master how to control layout, typography, and color, and see how CSS can transform a basic HTML page into a visually engaging website. The final module introduces Bootstrap, a powerful framework for building responsive, mobile-friendly websites. You’ll work with Bootstrap’s pre-built components, grid system, and utilities to create professional-looking layouts that adapt to any device. By the end, you’ll have a fully functional, modern web page and the foundational skills to start a website or pursue further web development. By the end of this course, you will confidently: 1. Build and structure web pages using HTML tags, elements, and attributes 2. Style and format your web page with CSS for layout, colors, and typography 3. Create responsive, professional websites using Bootstrap’s components and grid system 4. Apply web design best practices to ensure your site is visually appealing and accessible 5. Share a real, working web page as part of your portfolio or online presence This course is ideal for those who: - Want a step-by-step, hands-on introduction to how to create a web page and html and css - Are new to web development and eager to build foundational digital skills - Prefer learning by doing and applying knowledge to real projects - Are exploring web design for personal, school, or professional growth This course empowers you to start a website, code a web page, and build your confidence with practical, in-demand digital skills for today’s online world. Disclaimer: This is an independent educational resource created by Board Infinity for informational and educational purposes only. This course is not affiliated with, endorsed by, sponsored by, or officially associated with any company, organization, or certification body unless explicitly stated. The content provided is based on industry knowledge and best practices but does not constitute official training material for any specific employer or certification program. All company names, trademarks, service marks, and logos referenced are the property of their respective owners and are used solely for educational identification and comparison purposes.

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

Responsive Web DesignHypertext Markup Language (HTML)Bootstrap (Front-End Framework)UI ComponentsCascading Style Sheets (CSS)Front-End Web DevelopmentWeb DesignWeb DevelopmentApplication FrameworksHTML and CSSTypographyDesign Elements And PrinciplesWeb Design and DevelopmentMaintainability

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

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

01Introduction to HTML23 материалов

Introduction to HTML

Your First Step into Web DevelopmentDIALOGUEWhat you will learn in this LessonВидеоIntroduction to Web DevelopmentВидеоWhat is HTML?Видео

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

Board Infinity

Instructor

Advanced CSS Techniques & Responsive Design
В каталоге вашей программы

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

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

Начать на Coursera

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

Обучение на Coursera

≈ 19.5 ч

3 модулей

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

Часть программы вашего университета
Further Reading on HTMLЧтение
Practice Quiz: Introduction to HTMLЗадание

Basic HTML tags

What you will learn in this LessonВидеоHTML TagВидеоFormatting HTML TagВидеоForms and Input TagsВидеоIframe TagВидеоImage TagВидеоVideo TagВидеоAudio TagВидеоList TagВидеоTable TagsВидеоSemantic Tags and Non- Semantic TagsВидеоMeta TagВидеоRead more about Various HTML TagsЧтениеFrom Text to Structure: Wrapping Up HTML BasicsDIALOGUEPractice Quiz: Basic HTML TagsЗаданиеHTML Graded Quiz ЗаданиеQuick Course Check-InPLUGIN
02Introduction to CSS56 материалов

CSS Basics

What you will learn in this LessonВидеоWhat is CSS?ВидеоCSS SyntaxВидеоCSS Simple SelectorВидеоCSS Combined Selectors - Part 1ВидеоCSS Combined Selectors - Part 2ВидеоLearn more about CSSЧтениеPractice Quiz: CSS BasicsЗадание

CSS Pseudo-class selectors

What you will learn in this LessonВидеоPseudo-class selectors - Part 1ВидеоPseudo-class selectors - Part 2ВидеоPseudo ElementsВидеоAttribute SelectorsВидеоFurther reads on SelectorsЧтениеPractice Quiz: CSS Pseudo-class selectors

CSS Fonts and Properties

What you will learn in this LessonВидеоCSS Fonts propertyВидеоCSS PositionsВидеоCSS FloatВидеоCSS DisplayВидеоCSS UnitsВидеоLearn more about Font & Property

CSS Design

What you will learn in this LessonВидеоCSS ColorsВидеоCSS Background ColorsВидеоCSS Box ModelВидеоCSS Box-SizingВидеоCSS Style TableВидеоCSS IconsВидео

CSS Advanced Features

What you will learn in this LessonВидеоCSS Flexbox - Part 1ВидеоCSS Flexbox - Part 2ВидеоCSS GradientВидеоCSS 2D & 3D TransformВидеоCSS TransitionsВидеоCSS Animation
03Introduction to Bootstrap35 материалов

Basics of Bootstrap

What you will learn in this LessonВидеоIntroduction to BootstrapВидеоBootstrap ColorsВидеоBootstrap ContainersВидеоBootstrap columnsВидеоBootstrap Display - Part 1ВидеоBootstrap Display - Part 2ВидеоRead more about basic of BootstrapЧтениеPractice Quiz: Basics of BootstrapЗадание

Design with Bootstrap

What you will learn in this LessonВидеоBootstrap ImagesВидеоBootstrap ButtonsВидеоBootstrap SpacingВидеоLearn more about Bootstrap DesignЧтениеPractice Quiz: Design with BootstrapЗадание

Bootstrap Layout & Plugins

What you will learn in this LessonВидеоBootstrap CarouselВидеоBootstrap NavBarВидеоBootstrap CardsВидеоLearn more about Layouts and PluginsЧтениеBootstrap Badges & Progress barВидеоPagination

Project Building

Project Building Part 1: Instagram CloneВидеоProject Building Part 2: Instagram CloneВидеоProject Building Part 3: Instagram CloneВидеоProject Building Part 4: Instagram CloneВидеоProject Building Part 5: Instagram CloneВидеоFrom Basics to a Complete Webpage: Wrapping Up Your First Web Development JourneyDIALOGUE
Задание
Чтение
Practice Quiz: CSS Fonts and PropertiesЗадание
CSS Display Grid - Part 1Видео
CSS Display Grid - Part 2Видео
CSS Navigation BarВидео
CSS DropdownsВидео
Read more about CSS DesignsЧтение
CSS Image Gallery and SpritesВидео
CSS Styling Images & Image ReflectionsВидео
CSS FormsВидео
CSS Text EffectsВидео
CSS Object Fit & PositionВидео
Practice Quiz: CSS DesignЗадание
Видео
CSS Media QueriesВидео
CSS PaginationВидео
CSS Multiple ColumnsВидео
CSS VariablesВидео
Learn More about CSS Advance ConceptsЧтение
Bringing Style to Structure: Wrapping Up CSS BasicsDIALOGUE
Practice Quiz: CSS Advanced FeaturesЗадание
CSS Advanced Graded QuizЗадание
Видео
Bootstrap DropdownsВидео
Bootstrap ModalВидео
Bootstrap Tooltip & PopoverВидео
Bootstrap ScrollspyВидео
Practice Quiz: Bootstrap Layout & PluginsЗадание
Practice Quiz: Project BuildingЗадание
Graded Quiz - Bootstrap MasteryЗадание