CardenalPre MasterPage Proyecto Educativo Desarrollo de Sistemas FrontEnd

En este tutorial vamos a desarrollar la página MasterPage de nuestro proyecto  CardenalPre. MasterPage Responsive. La vamos a desarrollar desde 0 y utilizando el IDE y editor de código Visual Studio, programaremos con los lenguajes VB.Net, HTML, CSS, JavaScript

HTML - CSS - JavaScript - VB.Net

Objetivo MasterPage

  • SideBar con Acciones
    El menú lateral para las funciones principales. Al ser responsive, se ocultará automáticamente cuando detecte pantallas de móviles.

  • Navbar en la parte superior y que estará bloqueado
    Este NavBar contendrá el botón para ocultar manualmente el sidebar y dos funciones principales que nos mostrará con un DropDown Menu las notificaciones y el acceso al perfil del usuario. Posibilidad de escalado para nuevas funciones.

  • Footer en la parte inferior y que estará bloqueado
    Este Footer contendrá la versión de CardenalPre y las funciones para cambiar el Theme (dark/light) del sistema. Posibilidad de escalado para nuevas funciones.

  • Desarrollo de cookies SideBar y del Theme (Cambio de color)
    Desarrollaremos las cookies que se encargarán de respetar, al iniciar CardenalPre, las funcionalidades del SideBar (Abierto o Cerrado) del mismo modo, respertará el deseo del usuario de iniciar con el theme (color) que desee.

  • Sistema Responsive
    Todas las secciones se adaptarán automáticamente según el tamaño de la pantalla.

  • Theme (Cambio de color)
    Todas las secciones mantendrán el Theme (color) elegido por el usuario.


¿Qué necesitamos para realizar este tutorial?

  • Visual Studio IDE y editor de código para compilar aplicaciones multiplataforma.

 Cursos de Programación

 Curso de Programación C# (Sharp)

Gratis
Curso de programacion C# Sharp
  • 12 Lecciones C# con sus ejercicios
  • 224 Ejercicios C# con la solución
  • 224 Códigos C# de ejemplo
  • GRATUITO y sin REGISTROS
  • Apto principiantes hasta avanzados
  • Apto para todos los públicos
Ir al curso C# (C Sharp)  

 Curso de Programación Java

Gratis
Curso de Programación Java
  • 12 Lecciones Java con sus ejercicios
  • 224 Ejercicios Java con la solución
  • 224 Códigos Java de ejemplo
  • GRATUITO y sin REGISTROS
  • Apto principiantes hasta avanzados
  • Apto para todos los públicos
Ir al curso Java  

 Curso de Programación VB.Net

Gratis
Curso de Programación Visual Basic (VB.Net)
  • 12 Lecciones VB.Net con sus ejercicios
  • 224 Ejercicios VB.Net con la solución
  • 224 Códigos Visual Basic de ejemplo
  • GRATUITO y sin REGISTROS
  • Apto principiantes hasta avanzados
  • Apto para todos los públicos
Ir al curso VB.Net  



Juan A. Ripoll - Tutoriales de Sistemas y Cursos de Programacion© 2024 Todos los derechos reservados.  Condiciones legales.