Download curso desarrollo web responsivo e interactivo con html5, css3

Document related concepts
no text concepts found
Transcript
CURSO
DESARROLLO WEB
RESPONSIVO E INTERACTIVO
CON HTML5, CSS3 Y JQUERY
CURSO
DESARROLLO WEB RESPONSIVO E INTERACTIVO
CON HTML5, CSS3 Y JQUERY
Escuela de Diseño
El medio web actual requiere manejar adecuadamente herramientas para otorgar a los sitios Web los
estándares de calidad que rigen hoy a Internet. El curso Desarrollo web responsivo e interactivo con HTML5,
CSS3 y jQuery provee una formación integral de las más recientes e innovadoras tecnologías que existen hoy
en Internet y en el desarrollo de sitios que se ajustan a las demandas actuales del mercado.
Comenzando con un estudio de lenguaje de páginas HTML y la integración de estilos CSS se busca obtener
sitios ágiles y accesibles. El curso integra además los conceptos fundamentales del diseño web responsivo
para lograr interfaces fluidas que se adapten a los diferentes tipos de dispositivos, celulares, tablets, netbooks,
etc., a partir de las consultas de medios (Medias Queries) de CSS3. Finalmente, para proveer interactividad,
el alumno conocerá una de las librerías JavaScript más importantes del mercado, jQuery.
DIRIGIDO A: Curso de nivel básico/intermedio dirigido a todas las personas y profesionales que quieran
conocer técnicas y estrategias para el desarrollo de sitios web responsivos e interactivos.
¿Por qué estudiar en Duoc UC?
El programa de Educación Continua de Duoc UC, ofrece actividades de capacitación con programas diseñados
por nuestras nueve Escuelas e impartidas en las regiones Metropolitana, Valparaíso y Bío Bío. Estos cursos
son gestionados sobre la base de los conocimientos y experiencia adquiridos por Duoc UC, a través del
contacto permanente con distintos actores involucrados en el mercado laboral y desarrollados con eficiencia
y calidad basados en el modelo educativo de Duoc UC.
Tratándose de una institución fundada por la Pontificia Universidad Católica de Chile, Duoc UC participa de
su vocación de servicio a la educación del país. Este signo distintivo se expresa en un proyecto educativo que
reconoce, como responsabilidad inherente, el constituirse en un paradigma de gestión privada en el ámbito
de la educación, como cabal expresión del principio de libertad de enseñanza.
CONTENIDOS
1. Configurar entorno de trabajo y conocer las etiquetas base de marcado HTML
 Introducción, historia y evolución del código HTML
 Editores de Código Open Source
 Etiquetas base para el documento
 Etiquetas para texto
 Etiquetas para estructura
 Probar en navegador
2. Conocer y aplicar etiquetas HTML5
 Lo nuevo en HTML5
 Atributos para formularios HTML5
 Etiquetas semánticas HTML5
 Etiquetas de audio y video HTML5
3. Explicar los fundamentos de los estilos CSS y su sintaxis
 Declaración de reglas de estilo
 Hoja de estilo externa
 Hoja de estilo embebida en el encabezado del documento
 Estilos en línea
 Sintaxis de las reglas de estilo
 Selectores y propiedades
 Estructura y herencia
 Atributos tipográficos
 Atributos de color
 Atributos de fondo
4. Identificar y aplicar técnicas para el desarrollo de interfaces web a partir de HTML y estilos CSS
 Uso de la etiqueta div
 Uso de etiquetas semánticas HTML5
 Modelo de caja
 Margen (Margin)
 Borde (Border)
 Relleno (Padding)
 Ancho y alto
 Diagramación de columnas con float
 Propiedad Position: relative – absolute – fixed
5. Identificar y aplicar las nuevas propiedades de CSS3
 Opacidad
 Bordes redondeados
 Sombras
 Colores RGB y alpha
 Tipografías e iconos personalizados, Google Fonts
6. Identificar y aplicar técnicas para la depuración de sitios en navegadores
 Compatibilidad HTML5 y CSS3 según estándares W3C
 Herramientas de depuración en Chrome
 Prefijos de navegador
 Introducción a Modernizr
7. Conocer los fundamentos de los sitios responsivos
 Concepto de responsive design
 Compatibilidad con los navegadores
 Tamaños estándares y resoluciones
8. Aprender y aplicar técnicas para el desarrollo de estructuras web fluidas
 Anchos en Porcentaje
 Anchos mínimos y máximos
 Introducción al uso de grillas
9. Conocer y aplicar la sintaxis de las consultas de medios para la creación de sitios responsivos
 Para que sirven las consultas de medios
 Qué características podemos detectar usando media queries
 Inclusión en bloques y en enlaces a estilos
 Formatear estilos para escritorio, tablets y móviles
 Carga de imágenes y adaptación en móviles
 Concepto y uso del viewport
10. Explicar los fundamentos y significado de jQuery para el desarrollo de interactividad
 Introducción a Javascript
 ¿Qué es jQuery?
 Ejemplos de uso de jQuery
 Compatibilidad con navegadores
11. Exponer y aplicar técnicas para la inclusión de jQuery en un proyecto web
 Descargar librerías
 Vincular librería a proyecto
 Selectores jQuery
 ¿Qué son?
 ¿Para qué sirven?
 Tipos
12. Conocer la sintaxis del lenguaje y su aplicación práctica
 Métodos para la manipulación de CSS
 Métodos para la manipulación del contenido
 Métodos para la aplicación de efectos:animaciones, scalas, slider
 Definir y detectar eventos de usuario (click,mouse over, mouse move, etc)
13. Integrar librerías y plugins de terceros a un proyecto web
 Integrar librería jQueryUI
 Introducción
 Conceptos básicos
 Descarga y primeros pasos
 Componentes: Dialog, tabs, acordion,
 Validador de formularios
 Galería de imágenes
 Carrusel
 Barra de Navegación
14. Introducción al manejo de APIs JavaScript
 ¿Qué es una API?
 Utilizar API de geo localización
INFORMACIÓN GENERAL


REQUISITO DE APROBACION: Asistencia mínima 75% y nota igual o superior a 4.0.
CÓDIGO SENCE: 1237930335
*Actividad/es de capación autorizadas por el SENCE para los efectos de la franquicia tributaria de capacitación, no
conducente/s al otorgamiento de un título o grado académico
FORMAS DE PAGO

EMPRESAS:
Se debe enviar una Orden de compra de la Empresa, a nombre de:
Fundación Instituto Profesional Duoc UC
72.754.700-2

PARTICULAR:
-Cheque
-Tarjetas de débito
-Tarjetas de crédito bancarias
-Transferencia electrónica

DESCUENTOS:
-Alumnos egresados o titulados de carreras de pregrado en Duoc UC tienen un 15%
descuento sobre el valor del programa.
-Transferencia electrónica y pago en efectivo con un 5% de descuento
-Consulta por otros descuentos y convenios
*Descuentos no acumulables.
*Duoc UC se reserva el derecho de suspender o retrasar cualquiera de sus Cursos o Diplomados en caso de no contar con el quorum necesario para ser dictado.