Aumenta tus conocimientos, hasta un nivel de especialización, de maquetación web con todos los componentes y buenas prácticas"

La maquetación es la técnica que se encuentra en la intersección entre el diseño y el desarrollo web, pero no solo eso, sino que afectará directamente a temas como la navegabilidad o usabilidad de una página, lo que se conoce como UX/UI o experiencia de usuario. Por tanto, en un proyecto para una página Web o para una aplicación es fundamental ocuparse con detalle del diseño.  

Como diseñador y desarrollador si se trabaja en equipos pequeños o por cuenta propia, por lo general, se hará trabajos puramente de desarrollo en la que un equipo profesional de diseñadores proporcionará los diseños que se deben obtener. Tanto en un caso como en otro, es necesario saber hasta dónde se pueden llevar las técnicas de maquetación para asesorar a clientes y diseñadores sobre las maquetas. 

Un Diplomado online con gran flexibilidad, pues no existen ni clases presenciales, ni horarios fijos. El alumno será quien decida cuándo, dónde y cómo asumir toda la carga lectiva. Todo el contenido del aula virtual puede seguirse desde cualquier dispositivo con conexión a internet y está disponible para su descarga.

Serás capaz de generar conocimiento especializado sobre CSS”

Este Diplomado en Maquetación Web aplicado a Full Stack Developer contiene el programa educativo más completo y actualizado del mercado. Sus características más destacadas son:  

• El desarrollo de casos prácticos presentados por expertos en Maquetación Web aplicado a Full Stack Developer  
• Los contenidos gráficos, esquemáticos y eminentemente prácticos con los que está concebido recogen una información científica y práctica sobre aquellas disciplinas indispensables para el ejercicio profesional 
• Los ejercicios prácticos donde realizar el proceso de autoevaluación para mejorar el aprendizaje 
• Su especial hincapié en metodologías innovadoras  
• Las lecciones teóricas, preguntas al experto y trabajos de reflexión individual 
• La disponibilidad de acceso a los contenidos desde cualquier dispositivo fijo o portátil con conexión a internet

Profundizarás en SaSS, un lenguaje que te ayudará a hacer hojas de estilo más productivas y eficientes para tus sitios web y aplicaciones”

El programa incluye, en su cuadro docente, a profesionales del sector que vierten en esta capacitación la experiencia de su trabajo, además de reconocidos especialistas de sociedades de referencia y universidades de prestigio. 

Su contenido multimedia, elaborado con la última tecnología educativa, permitirá al profesional un aprendizaje situado y contextual, es decir, un entorno simulado que proporcionará una capacitación inmersiva programada para entrenarse ante situaciones reales. 

El diseño de este programa se centra en el aprendizaje basado en problemas, mediante el cual el profesional deberá tratar de resolver las distintas situaciones de práctica profesional que se le planteen a lo largo del curso académico. Para ello, contará con la ayuda de un novedoso sistema de vídeo interactivo realizado por reconocidos expertos.

Explorarás el lenguaje CSS, encargado de indicar al navegador cómo y dónde debe mostrar cada elemento de una página o aplicación"

Navegarás por Bootstrap, la librería más usada hoy en día para dar estilo rápido a webs y aplicaciones"

El temario se ha diseñado en base a los requerimientos de la maquetación web aplicada a Full Stack Developer, estableciendo así un plan de estudios cuyo módulo ofrece una amplia perspectiva de reglas de diseño, desde la hoja de estilo en cascada CSS hasta la maquetación con Bootstrap, pasando por el uso y la lógica del SaSS, entre otros.

Ponemos a tu disposición el plan de estudios más completo y actualizado del mercado elaborado por profesionales del sector”

Módulo 1. Maquetación Web aplicado a Full Stack Developer 

1.1. CSS y Maquetación 

1.1.1. Maquetación con tablas 
1.1.2. Diseño fluido 
1.1.3. La era del Responsive 
1.1.4. Mobile First vs Desktop First 

1.2. CSS y las reglas del diseño web 

1.2.1. Selectores 
1.2.2. Pseudo Clases 
1.2.3. Pseudo Elementos 

1.3. Maquetación con CSS 

1.3.1. Reglas del Box Model 
1.3.2. Tipografías 
1.3.3. Colores 
1.3.3. Imágenes 
1.3.4. Fondos 
1.3.5. Tablas 
1.3.6. Formularios 
1.3.7. Mostrando y ocultando elementos 
1.3.8. Variables CSS 

1.4. Diseño Responsive y Diseño fluido 

1.4.1. Elementos flotantes 
1.4.2. Grid CSS 
1.4.3. Media Queries 
1.4.4. Flex Box 

1.5. La Cascada de CSS 

1.5.1. Prioridad de reglas CSS 
1.5.2. Sobrescribiendo reglas 
1.5.3. Clases vs Identificadores 

1.6. SaSS 

1.6.1. Software como Servicio (SaSS) 
1.6.2. Instalación de SaSS 
1.6.3. Ejecutando y compilando SaSS 
1.6.4. Estructura de un directorio SaSS 

1.7. Uso de SaSS 

1.7.1. Variables en Sass 
1.7.2. Modularizado de nuestro proyecto 
1.7.3. Sintaxis de SaSS 

1.8. Lógica de SaSS 

1.8.1. Mixins 
1.8.2. Maps 
1.8.3. Funciones y estructuras de control 

1.9. Maquetación con Bootstrap 

1.9.1. Bootrstrap 
1.9.2. Layout de Bootstrap 
1.9.3. Formularios 
1.9.4. Box Model con Bootstrap 
1.9.5. Colores y tipografías 
1.9.6. Enlaces y botones 
1.9.7. Mostrar y ocultar elementos con Bootstrap 
1.9.8. Flex Box con Bootstrap 
1.9.9. Componentes 

1.10. Theming Bootstrap 

1.10.1. Re-escribiendo Bootstrap con SaSS (Software as a Service) 
1.10.2. Estructura de archivos 
1.10.3. Creación de nuestro propio framework CSS (Cascading style sheets)

Todo nuestro contenido está enfocado a actualizar tus conocimientos para que destaques en el mercado laboral”