/responsive-web-design

Responsive Web Design Certification at FreeCodeCamp

Primary LanguageHTML

Responsive Web Design Certification at freeCodeCamp

In this Responsive Web Design Certification, you'll learn the languages that developers use to build webpages: HTML (Hypertext Markup Language) for content, and CSS (Cascading Style Sheets) for design. First, you'll build a cat photo app to learn the basics of HTML and CSS. Later, you'll learn modern techniques like CSS variables by building a penguin, and best practices for accessibility by building a quiz site. Finally, you'll learn how to make webpages that respond to different screen sizes by building a photo gallery with Flexbox, and a magazine article layout with CSS Grid.

Demo

Netlify Status

Courses

progress-bar

Part 1: Basic HTML and HTML5

  • Learn HTML by Building a Cat Photo App

  • Learn Basic CSS by Building a Cafe Menu

  • Learn CSS Colors by Building a Set of Colored Markers

  • Learn HTML Forms by Building a Registration Form

  • Survey Form [Certification Project]

Part 2: Basic CSS

  • Learn the CSS Box Model by Building a Rothko Painting

  • Learn CSS Flexbox by Building a Photo Gallery

  • Learn Typography by Building a Nutrition Label

  • Learn Accessibility by Building a Quiz

  • Tribute Page [Certification Project]

Part 3: Applied Visual Design

  • Learn CSS Variables by Building a City Skyline

  • Learn CSS Grid by Building a Magazine

  • Product Landing Page [Certification Project]

Part 4: Applied Accessibility

  • Learn CSS Animation by Building a Ferris Wheel

  • Learn CSS Transforms by Building a Penguin

  • Personal Portfolio Webpage [Certification Project]

Certificate

certificate