Módulos
1. introducción
- Fundamentos de HTML5
- Fundamentos de CSS3
- Metodologías para escribir CSS modular
- Escribe código más rápido con Emmet
2. Preprocesador para HTML
- Ejemplo usando Pug y Stylus
- Configurar Pug en Atom
- Configurar Pug en Prepros
- Etiquetas interpoladas (en linea) con Pug
- Crear template base con Pug – Parte 1
- Comentarios en Pug
- Crear template base con Pug – Parte 2
- Include, Extends y Block con Pug
- Control de espacios con Pug
- Mixins con Pug
- Iteración con Pug (each, for, while)
- Condicionales en Pug
- Condicionales para menús en Pug
3. Mobile First y Responsive Web Design
- Introducción al Responsive Web Design
- Media Queries y Breackpoints
- ¿Por qué Mobile First?
- Media Query min-width y max-width
- Maquetacion responsive en Sketch
- Maquetación con inline-block – Parte 1
- Before y After con CSS3
- Maquetación con inline-block – Parte 2
- Maquetación con inline-block – Parte 3
- Responsive con inline-block – Parte 1
- Responsive con inline-block – Parte 2
- Responsive con inline-block – Parte 3
- Maquetación con Float
4. Preprocesador para CSS
- Configuración de Stylus con Prepros
- Maquetación con Flexbox – introducción
- Responsive con Flexbox y Stylus
Objetivos:
- Aprender las mejores técnicas de Diseño Web moderno.
- Aprender las bases de HTML y CSS.
- Entender el proceso de maquetación de interfaces Web.
- Aplicar Mobile First y Responsive Design para que los diseños se adapten a cualquier tamaño de pantalla
Perfil vocacional
Apasionado por la tecnología, tu mundo es más orientado a lo digital y te visualizas desarrollando proyectos Web ya sean propios o para empresas.
Perfil profesional
Serás capaz de llevar a código una interfaz Web para que funcione en todos los tamaños de pantalla. Podrás desempeñarte como maquetador Web en HTML5 y CSS3 usando tecnologías para desarrollar más rápido como preprocesadores de código Pug y Stylus.
Metodología y duración
Clases en video para estudiar online y a tu ritmo.
Duración: 15 horas
Convenios Unihorizonte
