VOOZH about

URL: https://www.coursera.org/learn/advanced-css-techniques-and-responsive-design

⇱ Advanced CSS Techniques & Responsive Design | Coursera


Advanced CSS Techniques & Responsive Design

Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.

Advanced CSS Techniques & Responsive Design

Included with

Gain insight into a topic and learn the fundamentals.
Beginner level

Recommended experience

2 weeks to complete
at 10 hours a week
Flexible schedule
Learn at your own pace

Gain insight into a topic and learn the fundamentals.
Beginner level

Recommended experience

2 weeks to complete
at 10 hours a week
Flexible schedule
Learn at your own pace

What you'll learn

  • Build and structure web pages using HTML tags, elements, and attributes

  • Style and format your web page with CSS for layout, colors, and typography

  • Create responsive, professional websites using Bootstrap’s components and grid system

  • Apply web design best practices to ensure your site is visually appealing and accessible

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

14 assignments

Taught in English

Build your subject-matter expertise

This course is part of the Modern Web Development: Advanced HTML & CSS Specialization
When you enroll in this course, you'll also be enrolled in this Specialization.
  • Learn new concepts from industry experts
  • Gain a foundational understanding of a subject or tool
  • Develop job-relevant skills with hands-on projects
  • Earn a shareable career certificate

There are 3 modules in this course

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.

Begin your web development journey by learning the essentials of HTML, the language that structures all web content. This module covers the anatomy of an HTML document, how to use tags and attributes, and best practices for organizing and nesting your code. You’ll gain hands-on experience creating headings, lists, links, images, tables, and forms, building a strong foundation for any website.

What's included

15 videos3 readings3 assignments1 discussion prompt1 plugin

15 videosTotal 85 minutes
  • What you will learn in this Lesson1 minute
  • Introduction to Web Development7 minutes
  • What is HTML?5 minutes
  • What you will learn in this Lesson1 minute
  • HTML Tag5 minutes
  • Formatting HTML Tag10 minutes
  • Forms and Input Tags13 minutes
  • Iframe Tag5 minutes
  • Image Tag4 minutes
  • Video Tag5 minutes
  • Audio Tag5 minutes
  • List Tag4 minutes
  • Table Tags8 minutes
  • Semantic Tags and Non- Semantic Tags4 minutes
  • Meta Tag6 minutes
3 readingsTotal 70 minutes
  • Syllabus10 minutes
  • Further Reading on HTML30 minutes
  • Read more about Various HTML Tags30 minutes
3 assignmentsTotal 90 minutes
  • Practice Quiz: Introduction to HTML15 minutes
  • Practice Quiz: Basic HTML Tags15 minutes
  • HTML Graded Quiz 60 minutes
1 discussion promptTotal 10 minutes
  • Meet & Greet10 minutes
1 pluginTotal 5 minutes
  • Quick Course Check-In5 minutes

Transform plain HTML pages into visually engaging websites by mastering CSS. This module introduces CSS syntax, selectors, and properties, teaching you how to style text, adjust layout, and add color and spacing. You’ll also explore responsive design concepts and learn how to make your site look great on any device.

What's included

44 videos5 readings6 assignments

44 videosTotal 235 minutes
  • What you will learn in this Lesson1 minute
  • What is CSS?3 minutes
  • CSS Syntax4 minutes
  • CSS Simple Selector6 minutes
  • CSS Combined Selectors - Part 15 minutes
  • CSS Combined Selectors - Part 25 minutes
  • What you will learn in this Lesson1 minute
  • Pseudo-class selectors - Part 16 minutes
  • Pseudo-class selectors - Part 26 minutes
  • Pseudo Elements8 minutes
  • Attribute Selectors6 minutes
  • What you will learn in this Lesson1 minute
  • CSS Fonts property5 minutes
  • CSS Positions8 minutes
  • CSS Float4 minutes
  • CSS Display4 minutes
  • CSS Units7 minutes
  • What you will learn in this Lesson1 minute
  • CSS Colors5 minutes
  • CSS Background Colors4 minutes
  • CSS Box Model9 minutes
  • CSS Box-Sizing5 minutes
  • CSS Style Table6 minutes
  • CSS Icons4 minutes
  • CSS Display Grid - Part 19 minutes
  • CSS Display Grid - Part 210 minutes
  • CSS Navigation Bar8 minutes
  • CSS Dropdowns7 minutes
  • CSS Image Gallery and Sprites8 minutes
  • CSS Styling Images & Image Reflections7 minutes
  • CSS Forms7 minutes
  • CSS Text Effects7 minutes
  • CSS Object Fit & Position4 minutes
  • What you will learn in this Lesson1 minute
  • CSS Flexbox - Part 16 minutes
  • CSS Flexbox - Part 26 minutes
  • CSS Gradient4 minutes
  • CSS 2D & 3D Transform5 minutes
  • CSS Transitions6 minutes
  • CSS Animation8 minutes
  • CSS Media Queries4 minutes
  • CSS Pagination5 minutes
  • CSS Multiple Columns5 minutes
  • CSS Variables4 minutes
5 readingsTotal 165 minutes
  • Learn more about CSS30 minutes
  • Further reads on Selectors30 minutes
  • Learn more about Font & Property30 minutes
  • Read more about CSS Designs45 minutes
  • Learn More about CSS Advance Concepts30 minutes
6 assignmentsTotal 135 minutes
  • Practice Quiz: CSS Basics15 minutes
  • Practice Quiz: CSS Pseudo-class selectors15 minutes
  • Practice Quiz: CSS Fonts and Properties15 minutes
  • Practice Quiz: CSS Design15 minutes
  • Practice Quiz: CSS Advanced Features15 minutes
  • CSS Advanced Graded Quiz60 minutes

Accelerate your web development with Bootstrap, a powerful framework for building responsive and professional-looking websites. This module covers the Bootstrap grid system, pre-built UI components, and utilities for rapid prototyping. You’ll practice building layouts that adapt seamlessly to desktops, tablets, and smartphones.

What's included

26 videos3 readings5 assignments

26 videosTotal 163 minutes
  • What you will learn in this Lesson1 minute
  • Introduction to Bootstrap4 minutes
  • Bootstrap Colors4 minutes
  • Bootstrap Containers5 minutes
  • Bootstrap columns6 minutes
  • Bootstrap Display - Part 17 minutes
  • Bootstrap Display - Part 26 minutes
  • What you will learn in this Lesson1 minute
  • Bootstrap Images3 minutes
  • Bootstrap Buttons4 minutes
  • Bootstrap Spacing4 minutes
  • What you will learn in this Lesson1 minute
  • Bootstrap Carousel11 minutes
  • Bootstrap NavBar8 minutes
  • Bootstrap Cards6 minutes
  • Bootstrap Badges & Progress bar8 minutes
  • Pagination4 minutes
  • Bootstrap Dropdowns8 minutes
  • Bootstrap Modal9 minutes
  • Bootstrap Tooltip & Popover5 minutes
  • Bootstrap Scrollspy3 minutes
  • Project Building Part 1: Instagram Clone5 minutes
  • Project Building Part 2: Instagram Clone16 minutes
  • Project Building Part 3: Instagram Clone13 minutes
  • Project Building Part 4: Instagram Clone13 minutes
  • Project Building Part 5: Instagram Clone8 minutes
3 readingsTotal 90 minutes
  • Read more about basic of Bootstrap30 minutes
  • Learn more about Bootstrap Design30 minutes
  • Learn more about Layouts and Plugins30 minutes
5 assignmentsTotal 120 minutes
  • Practice Quiz: Basics of Bootstrap15 minutes
  • Practice Quiz: Design with Bootstrap15 minutes
  • Practice Quiz: Bootstrap Layout & Plugins15 minutes
  • Practice Quiz: Project Building15 minutes
  • Graded Quiz - Bootstrap Mastery60 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

Board Infinity
264 Courses434,320 learners

Explore more from Mobile and Web Development

Why people choose Coursera for their career

👁 Image

Felipe M.

Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
👁 Image

Jennifer J.

Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
👁 Image

Larry W.

Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
👁 Image

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Frequently asked questions

Yes, this course is designed for complete beginners who want to learn how to create a web page from scratch. You’ll start with the basics of HTML and CSS, and each lesson uses simple language and step-by-step guidance. No prior coding or web development experience is required.

All you need is a computer, a modern web browser like Chrome or Firefox, and a free code editor such as Visual Studio Code or Sublime Text. The course provides setup instructions so you can start coding HTML and CSS right away. No paid software or advanced hardware is necessary.

Yes, each module features hands-on exercises and downloadable html web page examples with source code. You’ll build your own web page step-by-step and practice coding with real-world scenarios.

Yes, the course covers responsive web design using CSS and Bootstrap. You’ll learn how to create layouts that adapt to different screen sizes, ensuring your site looks great on phones, tablets, and desktops.

Yes, each module includes quizzes and practical exercises to help reinforce your learning. These assessments ensure you understand how to code a website and apply HTML and CSS concepts effectively.

Most learners complete the course in 2-4 weeks, depending on their schedule and pace. The course is self-paced, so you can learn how to create a web page at your own speed.

Yes, the course covers how to style images, buttons, navigation bars, and other UI elements using CSS and Bootstrap. This ensures your web pages are attractive and user-friendly.

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

Financial aid available,