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

Pluralsight

Semantic UI 2.0

via Pluralsight

Overview

In this course, you will learn the ins-and-outs of Semantic UI, a natural language alternative to Bootstrap. You will walkthrough all the Semantic UI components including real-world examples of how to implement them on a website.

Building a response UI can be tricky at times. Often times, after it's complete, the markup is difficult to read. Semantic UI is a framework that aims at beautiful, responsive layouts using human-friendly HTML. In this course, Semantic UI 2.0, you'll learn how to style your HTML using natural language concepts such as word order, or noun/modifier relationships. First, you'll learn why you would want to use Semantic UI, how it approaches styling and responsiveness. Next, you'll learn about the 6 Semantic "Collections" (Breadcrumbs, Forms, Grids, Menus, Messages, and Tables) and you'll integrate them into your demo application. Finally, you'll learn about the Semantic API, which allows developers to use their controls to interact with data on the server and not just data that is already stored client side. After finishing this course, you'll have the knowledge to use Semantic UI 2.0 in order to help you develop more consistent, readable, styling for your HTML.

Syllabus

  • Why Semantic UI? 13mins
  • Getting Started 12mins
  • Semantic UI Elements 61mins
  • Semantic UI Collections 41mins
  • Semantic UI Views 22mins
  • Semantic UI Modules 80mins
  • Semantic API 18mins

Taught by

Nate Taylor

Reviews

4.5 rating at Pluralsight based on 36 ratings

Start your review of Semantic UI 2.0

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.