Mi primera página

Tutorial desarrollado para Programá tu Futuro.

Conocimientos previos

En este tutorial se asume que ya se tiene conocimiento básicos sobre:

• HTML
• CSS
• Javascript

Qué es y para qué sirve

Luego de mirar algunos tutoriales sobre HTML, CSS Y Javascript, uno debería estar listo para comenzar su primera página. En este tutorial aprenderemos los primeros pasos en la programación front-end. El objetivo es que a medida que vayan realizando el tutorial puedan ir personalizando la web para sus propios objetivos e intereses.

Introducción

Vamos a desarrollar desde cero una web estática del tipo landingPage (hecha en una sola pestaña larga) con la temática de portfolio, Utilizaremos el framework de CSS3 Bootstrap para estructurar y hacer responsive el contenido. Después de seguir el paso a paso nos debería quedar algo así:

Resultado final

Contenidos

1. Entorno de trabajo
2. Estructura de archivos
3. Instalación de Bootstrap
   1. Acerca de bootstrap y sus grillas
   2. Como crear un menú en bootstrap
4. Inspeccionar elemento
5. Creamos nuestro menú
6. Colocamos estilo al menú
7. Instalación de carrousel
8. "Consumimos" el carrousel
9. Cómo instalar una font de iconos (fontawesome)
10. Creación de un footer
11. Formulario de contacto
12. Un atajo para descargar
13. Acerca de
14. Portfolio
15. Portfolio segunda parte
16. Menú segunda parte
17. Menú tercera parte

Referencias

• Visual Studio Code: https://code.visualstudio.com/
• Bootstrap: http://getbootstrap.com/getting-started/
• Font Awesome: http://fontawesome.io/get-started/
• Owl Carousel 2: https://owlcarousel2.github.io/OwlCarousel2/docs/started-welcome.html

Agradecimientos

Especial agradecimiento a Cecilia Trejo en la redacción y correcciones. Sin ella muchos de mis aprendices no hubieran llegado a entender nada.