Moocable is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Responsive Web Design

Description

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 web form.

Finally, you'll learn how to make webpages that respond to different screen sizes by building a Twitter card with Flexbox, and a complex blog layout with CSS Grid.

Major Topics:

  • Basic HTML and HTML5
  • Basic CSS
  • Applied Visual Design
  • Applied Accessibility
  • Responsive Web Design Principles
  • CSS Flexbox
  • CSS Grid
  • Responsive Web Design Projects

Syllabus

  • Say Hello to HTML Elements
  • Headline with the strong Element
  • Inform with the Paragraph Element
  • Fill in the Blank with Placeholder Text
  • Uncomment HTML
  • Comment out HTML
  • Delete HTML Elements
  • Introduction to HTML5 Elements
  • Add Images to Your Website
  • Link to External Pages with Anchor Elements
  • Link to Internal Sections of a Page with Anchor Elements
  • Nest an Anchor Element within a Paragraph
  • Make Dead Links Using the Hash Symbol
  • Turn an Image into a Link
  • Create a Bulleted Unordered List
  • Create an Ordered List
  • Create a Text Field
  • Add Placeholder Text to a Text Field
  • Create a Form Element
  • Add a Submit Button to a Form
  • Use HTML5 to Require a Field
  • Create a Set of Radio Buttons
  • Create a Set of Checkboxes
  • Use the value attribute with Radio Buttons and Checkboxes
  • Check Radio Buttons and Checkboxes by Default
  • Nest Many Elements within a Single div Element
  • Declare the Doctype of an HTML Document
  • Define the Head and Body of an HTML Document
  • Change the Color of Text
  • ....

Online Courses

FreeCodeCamp

Free

300 hours

Free Certificate

  • Type
    Online Courses
  • Provider
    FreeCodeCamp
  • Pricing
    Free
  • Duration
    300 hours
  • Certificate
    Free Certificate

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 web form.

Finally, you'll learn how to make webpages that respond to different screen sizes by building a Twitter card with Flexbox, and a complex blog layout with CSS Grid.

Major Topics:

  • Basic HTML and HTML5
  • Basic CSS
  • Applied Visual Design
  • Applied Accessibility
  • Responsive Web Design Principles
  • CSS Flexbox
  • CSS Grid
  • Responsive Web Design Projects

  • Say Hello to HTML Elements
  • Headline with the strong Element
  • Inform with the Paragraph Element
  • Fill in the Blank with Placeholder Text
  • Uncomment HTML
  • Comment out HTML
  • Delete HTML Elements
  • Introduction to HTML5 Elements
  • Add Images to Your Website
  • Link to External Pages with Anchor Elements
  • Link to Internal Sections of a Page with Anchor Elements
  • Nest an Anchor Element within a Paragraph
  • Make Dead Links Using the Hash Symbol
  • Turn an Image into a Link
  • Create a Bulleted Unordered List
  • Create an Ordered List
  • Create a Text Field
  • Add Placeholder Text to a Text Field
  • Create a Form Element
  • Add a Submit Button to a Form
  • Use HTML5 to Require a Field
  • Create a Set of Radio Buttons
  • Create a Set of Checkboxes
  • Use the value attribute with Radio Buttons and Checkboxes
  • Check Radio Buttons and Checkboxes by Default
  • Nest Many Elements within a Single div Element
  • Declare the Doctype of an HTML Document
  • Define the Head and Body of an HTML Document
  • Change the Color of Text
  • ....