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.