CardenalPre MasterPage Educational Project Systems Development FrontEnd

In this tutorial we are going to develop the MasterPage of our project  CardenalPre. MasterPage Responsive. We are going to develop it from 0 and using the IDE and Visual Studio code editor, we will program with VB.Net, HTML, CSS, JavaScript languages

HTML - CSS - JavaScript - VB.Net

Target MasterPage

  • SideBar with Actions
    The side menu for the main functions. Being responsive, it will automatically hide when it detects mobile screens.

  • Navbar at the top and it will be locked
    This NavBar will contain the button to manually hide the sidebar and two main functions that will show us notifications and access to the user profile with a DropDown Menu. Possibility of scaling for new functions.

  • Footer at the bottom and it will be locked
    This Footer will contain the version of CardenalPre and the functions to change the Theme (dark/light) of the system. Possibility of scaling for new functions.

  • Development of SideBar cookies and Theme (Color change)
    We will develop cookies that will be responsible for respecting, when starting CardenalPre, the functionalities of the SideBar (Open or Closed) in the same way, it will respect the user's desire to start with the theme (color) they want.

  • Responsive System
    All sections will automatically adapt according to the screen size.

  • Theme (Color change)
    All sections will maintain the Theme (color) chosen by the user.


What do we need to carry out this tutorial?

  • Visual Studio IDE and code editor to build cross-platform applications.

 Programming Courses

 C# Programming Course

Free
Curso de programacion C# Sharp
  • 12 C# Lessons with their exercises
  • 224 C# Exercises with the solution
  • 224 Very useful C# Sample Codes
  • Completely Free and without registration
  • Suitable for beginners and advanced
  • Suitable for everyone
Go to C# Course  

 Java Programming Course

Free
Java Programming Course - Free
  • 12 Java Lesson with their exercises
  • 224 Java Exercises with the solution
  • 224 Very useful Java Sample Codes
  • Completely Free and without registration
  • Suitable for beginners and advanced
  • Suitable for everyone
Go to Java Course  

 VB.Net Programming Course

Free
Visual Basic (VB.Net) Programming Course - Free
  • 12 VB.Net Lessons with their exercises
  • 224 VB.Net Exercises with the solution
  • 224 Visual Basic Sample Codes
  • Completely Free and without registration
  • Suitable for beginners and advanced
  • Suitable for everyone
Go to VB.Net Course  
Juan A. Ripoll - Systems Tutorials and Programming Courses © 2024 All rights reserved.  Legal Conditions.