Bootstrap 5 - Restaurant Maestro

Realizar la siguiente Pagina
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.
Realizar la Cabecera (Header) de nuestra Página Web
1. Recuperar la carpeta restaurant en visual code
2. en el archivo → index.html → escribir el siguiente codigo

Manual de HTML5 y CSS3
2. NAVBAR. -
3. CARRUSEL. -
14 TARJETAS
4 Encabezado y Pie de Pagina

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).
Tradicionalmente se venía utilizando en páginas web HTML para realizar operaciones y

únicamente en el marco de la aplicación cliente, sin acceso a funciones del servidor.
Actualmente es ampliamente utilizado para enviar y recibir información del servidor junto con
ayuda de otras tecnologías como AJAX. JavaScript se interpreta en el agente de usuario al mismo
tiempo que las sentencias van descargándose junto con el código HTML.
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.
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.
ScrollReveal requiere CSS Transition y CSS Transform

para crear animaciones. Afortunadamente hoy, eso
significa que más del 94% de los navegadores
(globalmente) son compatibles.
ScrollReveal emplea el patrón singleton; no importa cuántas veces se llame al constructor,

siempre devolverá la misma instancia. Esto significa que podemos llamarlo en cualquier lugar,
sin preocupaciones.
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.
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
Crearemos nuestra 2da. Página web llamada → restaurant.html → donde

contendrá toda la información acerca del Restaurant Maestro, para
escribiremos el siguiente código
Crearemos nuestra tercera página web, llamada → carta.html → esta

página se enlazará con la página principal “Restaurant Maestro, y
pondremos animaciones. Escribir el siguiente codigo:
Realizar la siguiente Página → direccion.html → donde nos mostrara

nuestra dirección gracias al plugin de Google Maps
Realizar la siguiente Pagina → contactos.html → donde crearemos un

formulario para introducir datos y enviar por el método POST a otra pagina

Bootstrap 5 - Restaurant Maestro

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Bootstrap 5 - Restaurant Maestro

Cargado por

Copyright:

Formatos disponibles

Realizar la siguiente Pagina

Realizar la Cabecera (Header) de nuestra Página Web

1. Recuperar la carpeta restaurant en visual code

2. en el archivo → index.html → escribir el siguiente codigo

4 Encabezado y Pie de Pagina

Tradicionalmente se venía utilizando en páginas web HTML para realizar operaciones y

ScrollReveal requiere CSS Transition y CSS Transform

ScrollReveal emplea el patrón singleton; no importa cuántas veces se llame al constructor,

Crearemos nuestra 2da. Página web llamada → restaurant.html → donde

Crearemos nuestra tercera página web, llamada → carta.html → esta

Realizar la siguiente Página → direccion.html → donde nos mostrara

Realizar la siguiente Pagina → contactos.html → donde crearemos un

También podría gustarte