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

Web development

18th July, 2024
Last date to join: 31st July, 2024

Lazy procrastinator , looking for some who can hold me accountable and has some knowledge about programming and web development.

Novice English

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
  • ....

Responsive Web Design

Start Learning
Online Courses

FreeCodeCamp

Free

300 hours

Free Certificate

Web development

18th July, 2024
Last date to join: 31st July, 2024
Start Learning
Affiliate notice

Lazy procrastinator , looking for some who can hold me accountable and has some knowledge about programming and web development.

Novice English

  • 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
  • ....

Learning is better with Cohorts

Active hands-on learning
Build assignments each week

Feedback loop
Submit your assignment, and receive feedback from your peers. Stuck on a problem?

Learn with a cohort of peers
Join a group of like-minded people who want to learn and grow alongside you

Frequently asked questions

Yes. Our study groups (all of them) are free to join

You join the group and study the MOOC together on a schedule. The exact dates, deadlines, are created by the host

This depends on the host of your group. Some groups have weekly video calls for accountability + doubt solving.

Moocable is a community where you can find study partners, mentors, or people to collaborate on projects. It's designed for people who want to upskill, but struggle with self-learning. Users often post about their skills, goals, and what they're looking to learn or work on, and others can respond to form partnerships or groups. You can join our community

31st July, 2024