Admin dashboard tutorial – Bootstrap 4 and Material Design

web
mobile
admin dashboard tutorial

Author: Michal Szymanski

-

Streaming now live

"Coding Basics" - free educational webinar for your quarantaine.

WATCH NOW
Webinar

Project introduction:

Admin dashboards belong to the most advanced UI category. They are designed for the organization and visualization of the huge amounts of data and for managing the multiple functionalities of the application.

Click on the button below to see the final result of this tutorial:

Final result preview

You will learn how to create and use the following components and functionalities:

  1. Side navigation

  2. Component initialization via JavaScript

  3. Double navigation

  4. Advanced navigation layouts

  5. Skins

  6. Customization via CSS

  7. Sections

  8. Charts

  9. Select

  10. Datepicker & timepicker

  11. Tables

  12. Table responsiveness

  13. Pagination

  14. Modals

  15. Checkbox

  16. Accordion

  17. Dropdowns

  18. Alerts

Rate this lesson
Previous lesson Live preview Next lesson
Spread the word:
Do you need help? Use our support forum

About the author

User avatar
Michal Szymanski
Co-Founder at MDBootstrap & BrandFlow. Entrepreneur, web developer, UI/UX designer, marketing analyst. Dancer and nerd in one.
Sign up to follow your progress and get additional benefits