Conociendo Bootstrap
- ¿Qué es bootstrap Ejemplos, aplicaciones, etc.?
- Instalación de bootstrap y espacio de trabajo.
- Elementos CSS
- Columnas 1 – Introducción y media queries.
- Columnas 2 – Grid options, columnas y dispositivos.
- Instalación de editor para pruebas
- Tipografías, blockquotes, listas y descripciones Parte1
- Tipografías, blockquotes, listas y descripciones Parte2
- Código plano, tablas y tablas responsivas.
- Formularios, estilo de formulario en validaciones e íconos
- Botones, helpers e imágenes
Conceptos para cambiar la mentalidad y desarrollar creatividad en web
- La inspiración en Béhance
- La magia de elegir de los mejores
- Elementos para web. (CTA, Animación, Hovers) UI
- Importancia de los colores e imágenes
- Errores de principiantes
- Errores de expertos
- Los secretos que no te cuentan del diseño web
- Los recursos gratuitos y secretos de internet
Creación del proyecto
- Sublime Text, Brackets o Atom
- Personalización ideal para el programa
- Branding del proyecto
- Generar layout con Photoshop Parte1
- Generar layout con Photoshop Parte2
- Generar layout con Photoshop Parte3
- Assets o recursos para iniciar
- Espacio de trabajo y estructura del proyecto
- Creando el head y header
- Espacio para slider, imagen o video
- Estructura media Parte 1
- Estructura media Parte 2
- Estructura media Parte 3
- Estructura media Parte 4
- Estructura media Parte 5
- Creando contacto y footer
- Querys y columnas optimizando para los moviles
- Preparando la página para publicar en Facebook SEO
- Publíca tu página web
Google en tu página web
- AdSense en tu página
- Analytics para tus estadísticas
Recursos premium para tu página web
- Recursos premium para tu página web
