Master Semantic UI and code 3 projects with 9 pages
- 14 hours on-demand video
- 1 article
- 4 downloadable resources
- Full lifetime access
- Access on mobile and TV
- Certificate of Completion
Get your team access to 4,000+ top Udemy courses anytime, anywhere.
Try Udemy for Business- Learn how to create and use all elements, collections, views and modules of the Semantic UI framework
- Learn how to create three different responsive websites using the Semantic UI framework
- Practice using a special built Semantic UI Learning Kit with more than 100 source files free to download and use
- Master the latest version: Semantic UI 2.4
- How to creating fluid and responsive layouts
- How to use breakpoints and the grid system
- How to structure all kinds of content
- How to build all of the 16 elements
- How to build all of the 6 collections
- How to build all of the 6 views
- How to build all of the 15 modules
- Project 1: Create a Resume and CV Page
- Project 2: Create a Small Business Website
- Project 3: Create a Knowledge Base
An introduction to this course, what you are going to learn, the teaching style, and which extra learning materials are included.
A quick introduction to the Semantic UI framework. You will learn about the history, the features, and the process for creating and modifying UI components.
Learn how to download and install Semantic UI. This will be a simple setup with compiled and minified source files making it easy for beginners.
An introduction to the custom Learning Kit created specifically for this course. You will see what it is and learn how to use it to better learn to code with Semantic UI.
Learn how to create and use dividers. A divider visually segments content into groups.
Learn how to create and use inputs. An input is a field used to elicit a response from a user.
Learn how to create and use placeholders. A placeholder is used to reserve space for content that soon will appear in a layout.
Learn how to create and use breadcrumbs. A breadcrumb is used to show hierarchy between content.
Learn how to create and use forms. A form displays a set of related user input fields in a structured way.
Learn how to create and use grids. A grid is used to harmonize negative space in a layout.
Learn how to create and use cards. A card displays site content in a manner similar to a playing card.
Learn how to create and use dimmers. A dimmer hides distractions to focus attention on particular content.
Learn how to create and use ratings. A rating indicates user interest in content.
An introduction to this project. Get an overview of all of the different sections and pages that make up this project and that you'll learn to create. You can also follow the links provided in the "Resources" section of this lecture to download the source code for this project or see an online working demo of the project.
An introduction to this project. Get an overview of all of the different sections and pages that make up this project and that you'll learn to create. You can also follow the links provided in the "Resources" section of this lecture to download the source code for this project or see an online working demo of the project.
An introduction to this project. Get an overview of all of the different sections and pages that make up this project and that you'll learn to create. You can also follow the links provided in the "Resources" section of this lecture to download the source code for this project or see an online working demo of the project.
- Basic understanding of HTML
- A code editor and a browser
ABOUT
Semantic UI - one of the world's most popular front-end frameworks!
This course covers all the different parts of the latest version of one of the world's most popular front-end framework, Semantic UI 2.4.2. Semantic UI has been used by thousands of people around the world and have been carefully developed to cover a wide range of typical user interfaces.
Web pages built with Semantic UI works across all kinds of devices, browsers and screen sizes and will have a clean and modern design.
This course is for the beginner who want to learn Semantic UI from the bottom up. It goes through all the different parts, but each lecture can be watched independently.
In addition to just learning about the different parts of Semantic UI you will find a detailed walk-through of how to build three different responsive and modern complete projects using only Semantic UI.
PROJECTS
Learn to build the following projects using Semantic UI:
Project 1: Resume and CV Page
Project 2: Small Business Website
Project 3: Knowledge Base
LEARNING STYLE
More than just video lectures
In addition to the video lectures this course contains the following kinds of learning materials:
Semantic UI Learning Kit:
Downloadable ZIP file that works offline
A custom built learning kit with source code for all parts of Semantic UI. Features a reference section with many examples and a practice section, which you can use while learning about Semantic UI. More than 100 source files included in this learning kit.
UPDATES
Upcoming future updates for this course will include the following:
New projects will be added: online shop, social network, portfolio, CMS admin, dashboard and more...
New components, utilities and other features in future versions of Semantic UI will be added
Advanced section on how to customize Semantic UI with Sass
Coding exercises, quizzes and assignments
TESTIMONIALS
Don't take my word for it – read what other students are saying:
Good. Thanks teacher !
– Tạ Hồng Bản
Excelente eleccion.
– Gabriel Galán Maldonado
- Anyone who wants to learn how to make responsive and modern websites with Semantic UI
- Anyone who wants to learn how to make quick prototypes