Bootstrap 5 - Restaurant Maestro
Bootstrap 5 - Restaurant Maestro
Manual de Bootstrap 5
Ing. Carlos Saavedra Salazar 2
1. HEADER - ENCABEZADO
En esta sección se suele mostrar el Logo o el Banner de alguna empresa o marca personal
referido a la pagina web que se está creando.
2. NAVBAR. -
Manual de Bootstrap 5
Ing. Carlos Saavedra Salazar 4
3. CARRUSEL. -
Manual de HTML5 y CSS3
Ing. Carlos Saavedra Salazar 5
Manual de Bootstrap 5
Ing. Carlos Saavedra Salazar 6
14 TARJETAS
Manual de HTML5 y CSS3
Ing. Carlos Saavedra Salazar 7
Manual de Bootstrap 5
Ing. Carlos Saavedra Salazar 8
5. JAVASCRIPT
JavaScript (abreviado comúnmente JS) es un lenguaje de programación interpretado,
dialecto del estándar ECMAScript. Se define como orientado a objetos, basado en
prototipos, imperativo, débilmente tipado y dinámico.
Se utiliza principalmente del lado del cliente, implementado como parte de un navegador
web permitiendo mejoras en la interfaz de usuario y páginas web dinámicas y JavaScript
del lado del servidor (Server-side JavaScript o SSJS). Su uso en aplicaciones externas a
la web, por ejemplo en documentos PDF, aplicaciones de escritorio
(mayoritariamente widgets) es también significativo.
Desde 2012, todos los navegadores modernos soportan completamente ECMAScript 5.1, una
versión de JavaScript. Los navegadores más antiguos soportan por lo menos ECMAScript 3.
La sexta edición se liberó en julio de 2015.
JavaScript se diseñó con una sintaxis similar a C, aunque adopta nombres y convenciones del
lenguaje de programación Java. Sin embargo, Java y JavaScript tienen semánticas y propósitos
diferentes.
Todos los navegadores modernos interpretan el código JavaScript integrado en las páginas
web. Para interactuar con una página web se provee al lenguaje JavaScript de una
implementación del Document Object Model (DOM).
Desde el lanzamiento en junio de 1997 del estándar ECMAScript 1, han existido las versiones 2,
3 y 5, que es la más usada actualmente (la 4 se abandonó). En junio de 2015 se cerró y publicó
la versión ECMAScript 6.
Manual de Bootstrap 5
Ing. Carlos Saavedra Salazar 10
5.1 SCROLLREVEAL.JS
ScrollReveal es una biblioteca de JavaScript para
animar fácilmente elementos a medida que entran o
salen de la ventana gráfica. Fue diseñado para ser
robusto y flexible, pero esperamos que se sorprenda a
continuación de lo fácil que es recogerlo.
CDN(recomendado)
Puede encontrar el software en varias redes de entrega de contenido, pero unfkg siempre
refleja la última versión estable, tan pronto como se publique.
Asegúrese de incluir ScrollReveal en <head>su página; Este es un paso esencial para crear
la mejor experiencia de usuario.
5.2 JQUERY
jQuery es una biblioteca multiplataforma de JavaScript, creada inicialmente por John Resig, que permite
simplificar la manera de interactuar con los documentos HTML, manipular el árbol DOM, manejar
eventos, desarrollar animaciones y agregar interacción con la técnica AJAX a páginas web. Fue
presentada el 14 de enero de 2006 en el BarCamp NYC. De acuerdo a un análisis de
la Web (realizado en 2017) JQuery es la biblioteca de JavaScript más utilizada, por un amplio
margen.
jQuery es software libre y de código abierto, posee un doble licenciamiento bajo la Licencia MIT y
la Licencia Pública General de GNU v2, permitiendo su uso en proyectos libres y privados. jQuery, al igual
que otras bibliotecas, ofrece una serie de funcionalidades basadas en JavaScript que de otra
manera requerirían de mucho más código, es decir, con las funciones propias de esta
biblioteca se logran grandes resultados en menos tiempo y espacio.
La sintaxis de JQuery está diseñada para facilitar la navegación por un documento, seleccionar
elementos DOM, crear animaciones, manejar eventos y desarrollar aplicaciones AJAX. JQuery
también proporciona capacidades para que los desarrolladores creen complementos en la parte
superior de la biblioteca de JavaScript. Esto permite a los desarrolladores
crear abstracciones para interacción y animación de bajo nivel, efectos avanzados y widgets
temáticos de alto nivel. El enfoque modular de la biblioteca jQuery permite la creación de
poderosas páginas web dinámicas y aplicaciones web.
Manual de HTML5 y CSS3
Ing. Carlos Saavedra Salazar 11
6. ENLACES
En esta parte estaremos enlazando una página web con otra página web, simultáneamente,
además, pondremos animaciones con el framework ScrollReveal