Nuevo

CSS3

Desarrollo y despliegue de aplicaciones Java Web utilizando JSF (PrimeFaces), Spring, JPA, Bootstrap, JQuery y CSS. Se utilizará como base de datos Oracle 11g (PL/SQL) y servidor de aplicaciones JBoss AS.

SKU: CSS3001 Categoría:
  • Descripción
  • Sesiones

Descripción

CURSO

CSS3

RESUMEN

Aprenderá a usar el lenguaje de estilos para la web(css), totalmente desde cero.Partiendo desde lo más básico , complementandolo con buenas prácticas y aprendiendo lo nuevo que nos trae css3. Podrá crear sus propias plantillas para la web totalmente desde cero.

CAPACIDAD

El alumno estará en la capacidad de maquetar completamente un web site desde cero, partiendo desde un diseño. Manejará las buenas prácticas y sus proyectos se verán en todos los dispositivos moviles del momento (Responsive Web Design).

TEMARIO

METODOLOGÍA
  • Exposición de aspectos teóricos de los temas
  • Desarrollo de casos prácticos
  • Un examen final del curso
REQUISITOS
  • Conocimientos básicos de computación
  • Conocimientos Básicos de Html
  • Muchas ganas de aprender
TECNOLOGÍAS INVOLUCRADAS
  • Un Navegador (Google Chrome – Mozilla Firefox)
  • Editor de Texto(Sublime Text – Atom – Brackets , etc)
  • PrePros (Software)

Sesión 01:

Introducción a CSS - Estilos de textos

  • Sintaxis.
  • Selectores.
  • Herencia.
  • Cascada.
  • Especificidad.
  • Estilos Navegadores.
  • Tamaños Relativos Y Absolutos.
  • Font-face.
  • Propiedades De Los Textos.

Sesión 02:

Pseudo clases y pseudo elementos - Modelo de caja

  • :hover, :active, :visited, :focus.
  • :after, :before, content.
  • :nth-child, :nth-of-type.
  • Introducción box model.
  • Width, height.
  • Padding , margin.
  • Display.
  • Float.

Sesión 03:

Imagenes y color - Position introduccion a imagenes

  • Background.
  • Sprites.
  • Degradados.
  • Position : absolute.
  • Position : relative.
  • Position : fixed.
  • Position : sticky.
  • Z-index.

Sesión 04:

Listas , tablas y formularios - Flexbox

  • Estilos para listas.
  • Estilos para tablas.
  • Estilos para formularios.
  • Creación de menu.
  • Introducción a flexbox.
  • Main axis , cross axis.
  • Control de flujo.
  • Layouts con flexbox.

Sesión 05:

Animaciones - Responsive web design transformation

  • Transición.
  • Animación.
  • Introducción a RWD.
  • Media queries.
  • Medidas relativas.
  • Mobile first y desktop first.

Sesión 06:

Proyecto Final

  • Creación de un proyecto totalmente
  • responsive design.
  • Evaluación Final.