Modern HTML & CSS From The Beginning 2.0

Packt via Coursera Specialization

Go to class Write review

Overview

Coursera Flash Sale

40% Off Coursera Plus for 3 Months!

Grab it

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. This course will guide you from the basics of HTML and CSS to building fully functional, responsive websites. By the end of the course, you will be able to create and structure HTML documents, style elements using CSS, design responsive layouts with Flexbox and CSS Grid, and incorporate advanced features like animations and transitions. You will also understand the importance of web accessibility and how to implement it. This hands-on journey will help you build a solid foundation in web development. You'll begin by learning HTML fundamentals, including document structure, elements, tags, and creating forms. Then, you'll dive into CSS basics like text styling, colors, fonts, and the box model. You’ll also explore advanced concepts such as Flexbox, CSS Grid, and responsive design. The course includes practical projects where you’ll apply your knowledge to create real-world websites and layouts, helping reinforce your skills. Ideal for beginners, this course has no prerequisites and is perfect for anyone eager to start building websites or sharpen their HTML and CSS skills.

Syllabus

Course 1: Foundations of Modern HTML & CSS
Course 2: Advanced CSS & Responsive Web Design
Course 3: Real-World Projects & Advanced Animations

Courses

0 reviews
11 hours 59 minutes
View details

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. In this course, you’ll master advanced CSS techniques and responsive web design, enabling you to create modern, adaptive websites. By the end of the course, you'll be proficient in using Flexbox, CSS Grid, media queries, and container queries to build responsive layouts that adapt to various devices. You’ll also gain experience with rem, em, and viewport units for flexible typography and learn how to optimize your designs for mobile-first development. The course begins with foundational principles of responsive design, guiding you through layout flexibility using percentages and viewport units. You'll learn to implement responsive typography and effective media queries for device-specific styles. Next, you'll tackle practical projects like building a responsive pricing grid and a landing form, refining your skills with real-world challenges. Ideal for intermediate developers and designers, this course requires a basic understanding of HTML and CSS. By the end, you’ll have the confidence to design and implement responsive websites effectively.
0 reviews
11 hours 25 minutes
View details

Updated in May 2025. In this course, you will develop the foundational skills to build modern websites using HTML and CSS. By the end of the course, you’ll be able to create structured web pages, style them using CSS, and implement advanced layout techniques like Flexbox. You’ll also gain practical experience with HTML forms, input elements, and learn how to enhance your development workflow using tools like VS Code and browser developer tools. The course starts with an introduction to the web and the roles of HTML, CSS, and JavaScript in web development. You will learn the basics of HTML, including tags, attributes, and document structure, followed by hands-on challenges to apply your knowledge. You'll also dive into CSS fundamentals, including styling text, using colors, and managing layouts with Flexbox. As the course progresses, you'll tackle more advanced topics such as semantic HTML elements, accessibility, and responsive design principles. You will gain the confidence to build professional, user-friendly websites through a series of projects and challenges. This course is perfect for complete beginners, with no prior coding experience required. Basic knowledge of computers and web browsing is helpful but not necessary.
0 reviews
10 hours 52 minutes
View details

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. This course is designed to help you master advanced CSS animations, transitions, and JavaScript integration for real-world web projects. By the end, you will be able to create smooth, interactive animations, incorporate 3D transforms, and optimize your CSS using the BEM methodology. You will also learn to develop fully responsive websites, add dynamic effects with JavaScript, and deploy projects seamlessly. With hands-on lessons and practical projects, you’ll gain the skills needed to build engaging, user-friendly websites. The course starts by covering CSS transitions, keyframes, and transform properties, helping you create visually stunning elements. You'll then dive into integrating JavaScript for enhanced interactivity, such as building a hamburger menu and creating custom animations. Throughout the course, you'll work on real projects like the Tutor and Leno websites, designing layouts, navigation, and contact forms. You'll also implement advanced techniques like media queries and accessibility improvements. This course is ideal for intermediate developers looking to advance their front-end skills and create professional, dynamic websites.