Semantic UI - A Complete Beginners Guide

Name: Semantic UI - A Complete Beginners Guide
Rating: 4.4 (611 reviews)

Learn to create simple website with basics

Created byAditya Giri

Last updated 11/2016

English

English [Auto],

What you'll learn

Use semantic UI more confidently
Customize a Theme as per your needs

Course content

6 sections • 20 lectures • 1h 54m total length

Welcome!2:04
Setting Up Your Environment4:17

Accordion6:05
Modals8:08
Dropdown4:25
Sidebar Menu4:31
Learn to build a toggleable vertical sidebar menu in Semantic UI, add items, trigger it with a button, and customize it using the documentation.
Tooltips / Popups6:11
Learn how to implement tooltips and popups in Semantic UI, using data attributes to define content, titles, and positions such as top right or bottom left for guiding users.
Animations and Transitions1:15

Requirements

Basic CSS
Basic Javascript / jQuery
HTML

Description

This course will take you from knowing nothing about semantic UI to a point where you are cleared with basics and would be able to create a web application with some of the stuff that requires a lot of lines of code.

Semantic UI is a modular framework, and hence most of the stuff is ones where you have to experiment with. Semantic UI is given to you in a way lego pieces are given to you and you have to build what you can imagine with it. And basics are required in order to do that.

You will able to create a complete webpage with some of most basic functionalities implemented into it.

Who this course is for:

Programmers
Web Designers
Web Developers

Semantic UI - A Complete Beginners Guide

What you'll learn

Explore related topics

Course content

Introduction2 lectures • 6min

Basic Stuff5 lectures • 44min

Grid System3 lectures • 16min

Javascript Stuff6 lectures • 31min

Theming3 lectures • 16min

Conclusion1 lecture • 1min

Requirements

Description

Who this course is for: