[Tuts Plus] Getting Started with Semantic UI Video Tutorial-KTR

PUBLISHER....: Tuts Plus
LANGUAGE......: ENGLISH
AUTHOR.......: Lawrence Turton
RELEASE DATE..: 2014.10.07
RUNTIME......: 5.7 hours



About this course::

Semantic UI is a well-crafted front-end framework with professional features and a robust API. This course will guide you from start to finish through the process of building a four-page website with a wide range of user interface (UI) elements, using Semantic UI.

By the end of the course, you’ll be well acquainted with all the features and benefits of Semantic UI.


Topics include:

1.Introduction and Setting Up
1.1Introduction
1.2Working With Semantic UI
1.3Setting Up the Workspace


2.Developing a Header & Footer With Semantic UI
2.1Mobile Menu & Button UI
2.2Floating Menu
2.3Header Icon & Polish
2.4Header & Footer With Grid
2.5Footer Menu, Icons & Feed


3.Creating a Homepage With Semantic UI
3.1Home Page Grid, Icon, Image & Pop-Up
3.2Finishing Up the Home Page


4.Creating an About Page With Semantic UI
4.1Image & Full Page Dimmer
4.2Table & Comment Section


5.Creating a Portfolio With Semantic UI
5.1Portfolio Items, Label & Rating
5.2Step & Accordion
5.3Step & Accordion Communication


6.Creating a Contact Page With Semantic UI
6.1Contact Page Segment & Input
6.2Form Fields & Message Block
6.3Setting Up The Form
6.4Checkbox & Drop-Down
6.5Form Validation (Part One)
6.6Form Validation (Part Two): Segment Loader
6.7Form Validation (Part Three)
6.8Shape Module
6.9Finishing the Form & Adding a Modal Dialog


7.Finishing Touches & Conclusion
7.1Modal & Progress Bar
7.2Conclusion