How to Use the UIkit Framework
![OSTraining](https://static.mytechlogy.com/cache/0df8b95565afb97b97e27e1d7dd0bc97_w30_h30_cp_sc.png)
OSTraining
Course Summary
UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. UIkit gives you a comprehensive collection of HTML, CSS, and JS components which is simple to use, easy to customize and extendable.
-
+
Course Description
UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces. UIkit gives you a comprehensive collection of HTML, CSS, and JS components which is simple to use, easy to customize and extendable.In this introduction to UIkit, you'll take a non-responsive HTML website and convert it into a powerful, responsive, grid-based design. Along the way, you'll learn about all the key core features, and powerful extra features available with UIkit.
Vicki is the lead web designer & developer at VWeb Web Design. She specializes in Joomla, custom Joomla templates, search engine optimization, website statistics/analytics, marketing/traffic building strategies and education/training to help you learn to manage your own site.
Vicki holds a B.S. in Computer Science and has taught as an adjunct professor for years.
She is a mom, teacher, author, and horse trainer.
We're excited to have Vicki sharing her expertise with you!
-
+
Course Syllabus
Introduction
Introduction and Installation of UIkit
UIkit Grid
Understanding the UIkit Grid
Using Column Fractions With UIkit Grid
Completing the UIkit Grid Structure
UIkit Core Features
Text Boxes With UIKit Panels and Font Awesome
How to Handle Images in UIkit
UIkit Components and Customizer
How to Build Carousel Sliders With UIkit
How to Add Modals and Lightboxes With UIkit
How to Create a UIkit Slideshow, Part 1
How to Create a UIkit Slideshow, Part 2
UIkit Navigation and Extra Features
How to Style a UIkit Menu
Responsive Menus With UIkit
Finishing Content for Our UIkit Grid
Fixed Menus With Parallax Animations in UIkit
How to Use the Dynamic Grid in UIkit
Finishing the Design
UIkit Quiz