Como Crear una Página Web con Go 1.15 y Bootstrap 4.5 – Parte 5 (Final)

Go Tutoriales | | Comunidad: Crear un Post, Eventos Devs, Foro

Demo Github

En la parte anterior llamada Como Crear una Página Web con Go 1.15 y Bootstrap 4.5 – Parte 4, creamos el contenido para la página Servicios, le agregamos un texto de introducción, una sección en donde mostramos todos los servicios, cada servicio tiene una imagen, un nombre y un texto de descripción y en esta Parte 5 y última vamos a crear la última página del proyecto, es decir la página Contacto, vamos con ello.

Partes

Antes de continuar te invito a leer los siguiente artículos:

Asimismo te invito a escuchar el Podcast: Invierte Tu Dinero En Lo Que Te Haga Crecer:

Spotify: Sound Cloud: Apple Podcasts

Bien ahora continuemos con el Post: Como Crear una Página Web con Go 1.15 y Bootstrap 4.5 – Parte 5 (Final).

Contacto

A la página de Contacto le colocaré un texto que diga Contacto y también voy a colocarle un formulario de contacto, datos de contacto (dirección, correo, etc.), sus Redes Sociales y por último un mapa que muestra la ubicación de la empresa.

Para la página Contacto creo un nuevo archivo llamado contacto.html dentro del directorio public

Paso seguido abro el archivo contacto.html y dentro de el crearé el contenido para la página Contacto. 

Formulario de Contacto

Este formulario va tener 4 campos esenciales, estos son Nombres y Apellidos, Email, Asunto y Mensaje. Lo colocaré al lado izquierdo del inicio de la página Contacto.

Si voy al navegador debería ver los cambios realizados en la página Contacto

Ahora pasaré a crear los datos de contacto (dirección, correo, etc.), con sus Redes Sociales, estos elementos irán al lado derecho de la página. 

Datos de Contacto y Redes Sociales

Si ves el código, puedes ver que he creado 2 columnas, en la columan de la izquierda he colocado el formulario y ahora en la columna de la derecha voy a colocar ciertos datos de contacto y debajo de ellos las redes sociales.

Igualmente, si voy al navegador, puedo ver que se muestran los datos de contacto y las redes sociales en la parte derecha de la página Contacto:

Ahora pasaré a crear el mapa de ubicación de la empresa.

Mapa (Ubicación)

Por último voy a colocar un Mapa de Google Maps que debería mostrar la ubicación de la empresa u organización, yo le he puesto una dirección general, ya que esta empresa no existe y solo la he creado para este tutorial.

Ahora voy al navegador, puedo ver que se agrego correctamente el mapa a la página Contacto

Los datos que he usado para la página Contacto, son datos de mentira, solo para este tutorial.

Hasta aquí llegamos con este tutorial que consta de 5 Partes y decidi hacerlo en varias partes para explicar por pasos y con detalles, como crear este proyecto y que tengas un correcto aprendizaje.

Al inicio de esta última parte he colocado una Demo y un enlace a un repositorio en GitHub en donde puedes ver el código completo utilizado en este proyecto.

Conclusión

En este Tutorial hemos aprendido a crear una página web con el Lenguaje de Programación Go y es una base que te servirá para crear proyectos más complejos con este genial Lenguaje de Programación. Recuerda que la mejor manera de dominar una tecnología, es usando en tus proyectos.

Nota (s)

  • No olvides que debemos usar la Tecnología para hacer cosas Buenas por el Mundo. 

Síguenos en nuestras Redes Sociales para que no te pierdas nuestros próximos contenidos.

Newsletter

Suscríbete a Nuestro Boletín de Novedades:

(Luego de la suscripción no te va salir ningun mensaje. Solo revisa tu bandeja de Correo para confirmar tu suscripción)
* indicates required
Subscribirse
Notificar a
guest
0 Comments
Inline Feedbacks
View all comments