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

egghead.io

Style an Application from Start to Finish

via egghead.io

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Looking at snippets of CSS is a great way to learn how to use it, but some details can fall through the cracks. This course demonstrates the process of styling an application from start to finish.
We will take a basic un-styled todo-list application written in React and use CSS to get the application to look like how we want. The first steps will be to apply static styles to the app based on a mock up, then we will incrementally add user interactivity as well as make the app responsive.

Syllabus

  • Prep HTML for Styling with Flat Class Names
  • Prep HTML for Styling with Flat Class Names
  • Prep HTML for Styling with Flat Class Names
  • Keep Styles Portable and Maintainable with Basic Classes
  • Reduce Ambiguity in Class Names using a Naming Convention
  • Style a Form with Plain CSS
  • Understand Semantic Markup in relation to CSS
  • Use CSS to Inform Users of Interactivity
  • Draw Simple Icons with CSS
  • Use Media Queries to Make an Existing Application Responsive
  • Inform the User of Interactions with CSS Transitions
  • Keep Styles Portable and Maintainable with Basic Classes
  • Keep Styles Portable and Maintainable with Basic Classes
  • Reduce Ambiguity in Class Names using a Naming Convention
  • Reduce Ambiguity in Class Names using a Naming Convention
  • Style a Form with Plain CSS
  • Style a Form with Plain CSS
  • Understand Semantic Markup in relation to CSS
  • Understand Semantic Markup in relation to CSS
  • Use CSS to Inform Users of Interactivity
  • Use CSS to Inform Users of Interactivity
  • Draw Simple Icons with CSS
  • Draw Simple Icons with CSS
  • Use Media Queries to Make an Existing Application Responsive
  • Use Media Queries to Make an Existing Application Responsive
  • Inform the User of Interactions with CSS Transitions
  • Inform the User of Interactions with CSS Transitions

Taught by

Garth Braithwaite

Reviews

Start your review of Style an Application from Start to Finish

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.