Create a Custom Admin Dashboard UI with HTML, SASS, and JavaScript (Part 1)

Описание: In this tutorial, we will create a responsive 4 pages admin dashboard with a dark theme using HTML, SASS (SCSS), and JavaScript. In the first video, we will set up the folders and files for the project and create a simple frontend UI framework. By the end of this video, you will have a basic understanding of how to create a custom UI framework for your projects.

Github page for starter folders:
https://github.com/mariusiscoding28/e...

Romans 8 Framework - Frontend UI Framework
http://romans8framework.blazythemes.c...

Code editor choices:
Notepad++ - https://notepad-plus-plus.org/downloads/
Sublime Text - https://www.sublimetext.com/
Brackets - http://brackets.io/
Atom - https://atom.io/
Visual Studio Code - https://code.visualstudio.com/

SASS Compiler
Prepros - https://prepros.io/

Timestamps:
0:00:00 Intro and demo
0:15:30 Setup SASS (variables for colors and etc.)
0:55:18 Setup base file
1:07:50 Setup typography file & spacing variables
1:20:50 Setup layout variables
1:29:25 Breakpoint mixin
1:39:42 Setup grid (containers, row and cols)
2:10:34 Offset cols and mixin
2:30:28 Setup utilities classes
3:35:14 Button & badges components
4:08:27 Avatar & card components
4:24:28 Form input component
4:34:50 Table component
4:47:26 Dropdown component & conclusion

#AdminDashboard #ResponsiveDesign #DarkTheme #HTML #SASS #SCSS #JavaScript #Tutorial #FrontendDevelopment #WebDevelopment