Simple play icon Course
Skills Expanded

Semantic UI 2.0

by Nate Taylor

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.

What you'll learn

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.

About the author

Nate's first program was written in QBasic on an 8086 clone his dad built. Since then he's written applications in C++, .NET, and Node.js. He spent the first 12 years of his career writing Windows applications before transitioning to write applications for the web. Regardless of the language or type of application he's written, he strives for writing clean, testable, and maintainable code. In addition to his day job as a developer, Nate also enjoys speaking at various conferences. He will typica... more

Ready to upskill? Get started