FREELessons: 26Length: 5.7 hours
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.
1.Introduction and Setting Up3 lessons, 22:02
3 lessons, 22:02
1.1Introduction01:26
1.1
Introduction
01:26
1.2Working With Semantic UI12:35
1.2
Working With Semantic UI
12:35
1.3Setting Up the Workspace08:01
1.3
Setting Up the Workspace
08:01
2.Developing a Header & Footer With Semantic UI5 lessons, 1:13:21
5 lessons, 1:13:21
2.1Mobile Menu & Button UI14:51
2.1
Mobile Menu & Button UI
14:51
2.2Floating Menu14:55
2.2
Floating Menu
14:55
2.3Header Icon & Polish15:13
2.3
Header Icon & Polish
15:13
2.4Header & Footer With Grid14:56
2.4
Header & Footer With Grid
14:56
2.5Footer Menu, Icons & Feed13:26
2.5
Footer Menu, Icons & Feed
13:26
3.Creating a Homepage With Semantic UI2 lessons, 28:32
2 lessons, 28:32
3.1Home Page Grid, Icon, Image & Pop-Up13:41
3.1
Home Page Grid, Icon, Image & Pop-Up
13:41
3.2Finishing Up the Home Page14:51
3.2
Finishing Up the Home Page
14:51
4.Creating an About Page With Semantic UI2 lessons, 29:43
2 lessons, 29:43
4.1Image & Full Page Dimmer14:38
4.1
Image & Full Page Dimmer
14:38
4.2Table & Comment Section15:05
4.2
Table & Comment Section
15:05
5.Creating a Portfolio With Semantic UI3 lessons, 40:37
3 lessons, 40:37
5.1Portfolio Items, Label & Rating14:45
5.1
Portfolio Items, Label & Rating
14:45
5.2Step & Accordion13:43
5.2
Step & Accordion
13:43
5.3Step & Accordion Communication12:09
5.3
Step & Accordion Communication
12:09
6.Creating a Contact Page With Semantic UI9 lessons, 2:10:55
9 lessons, 2:10:55
6.1Contact Page Segment & Input14:12
6.1
Contact Page Segment & Input
14:12
6.2Form Fields & Message Block14:33
6.2
Form Fields & Message Block
14:33
6.3Setting Up The Form14:58
6.3
Setting Up The Form
14:58
6.4Checkbox & Drop-Down14:58
6.4
Checkbox & Drop-Down
14:58
6.5Form Validation (Part One)14:39
6.5
Form Validation (Part One)
14:39
6.6Form Validation (Part Two): Segment Loader14:47
6.6
Form Validation (Part Two): Segment Loader
14:47
6.7Form Validation (Part Three)13:43
6.7
Form Validation (Part Three)
13:43
6.8Shape Module14:46
6.8
Shape Module
14:46
6.9Finishing the Form & Adding a Modal Dialog14:19
6.9
Finishing the Form & Adding a Modal Dialog
14:19
7.Finishing Touches & Conclusion2 lessons, 18:37
2 lessons, 18:37
7.1Modal & Progress Bar14:39
7.1
Modal & Progress Bar
14:39
7.2Conclusion03:58
7.2
Conclusion
03:58
I am a trainer from Cartoonsmart. I love to learn and teach in the graphic and web design area. I am also a developer coding CSS, HTML, PHP, and JavaScript.