Responsive Web Design con JQuery - Grupo System Formación

- Aportar conocimientos acerca de los tipos de programación, los diagramas de flujo, las estructuras de control, los elementos de un programa, los principios de la programación modular, y la Web con responsive design.
- Impartir un excelente programa de contenidos, en el cual se enseña sobre la creación de un diseño adaptable, la estructura de una página HTML5, los formularios web con HTML, y la creación de una página atractiva.
- Estudiar sobre las transformaciones y transiciones, las fuentes y diseño multicolumna en CSS3, los principios de la programación JavaScript, y los eventos y efectos con JQuery.

Certificado Profesional

PARTE 1. FUNDAMENTOS DE PROGRAMACIÓN
MÓDULO 1. ALGORITMOS Y PROGRAMAS
- Qué es un algoritmo.
- Programas y aplicaciones.
- Lenguajes de programación.
- Traductores e intérpretes.
- Compiladores.
MÓDULO 2. TIPOS DE PROGRAMACIÓN
- Fases del ciclo de vida de una aplicación.
- Programación desordenada.
- Programación estructurada.
- Programación modular.
- Programación orientada a objetos.
MÓDULO 3. DIAGRAMAS DE ¬ FUJO
- Diagramas de flujo.
PARTE 1. FUNDAMENTOS DE PROGRAMACIÓN
MÓDULO 3. DIAGRAMAS DE ¬ FLUJO
- Elementos de los diagramas de flujo.
- Realizando diagramas de flujo.
MÓDULO 4. PSEUDOCÓDIGO
- Líneas.
- Líneas auxiliares y rayos.
- Rectángulos.
- Círculos.
- Arcos.
- Elipses.
MÓDULO 5. ELEMENTOS DE UN PROGRAMA
- Instrucciones primitivas.
- Instrucciones de asignación.
- Instrucciones de entrada y salida.
- Palabras reservadas.
- Comentarios.
- Contadores.
- Acumuladores.
- Interruptores.
MÓDULO 6. ESTRUCTURAS DE CONTROL
- Estructuras de control.
- Alternativa simple.
- Alternativa doble.
- Alternativa múltiple.
- Estructura mientras.
- Estructura repetir.
- Estructura para o desde.
- Estructuras selectivas anidadas.
- Estructuras repetitivas anidadas.
MÓDULO 7. ESTRUCTURAS DE DATOS: TABLAS
- Tablas unidimensionales.
- Tablas bidimensionales.
- Tablas multidimensionales.
- Operaciones con tablas.
MÓDULO 8. PROGRAMACIÓN MODULAR
- La programación modular.
- Funciones.
- Procedimientos.
- Parámetros.
- Paso de parámetros.
- Ámbito de las variables.
- Recursividad.
MÓDULO 9. PROGRAMACIÓN ORIENTADA A OBJETOS
- La programación orientada a objetos.
- Clases.
- Objetos.
- Relaciones entre clases.
- Abstracción.
- Encapsulamiento.
- Herencia.
- Polimorfismo.
PARTE 2. RESPONSIVE WEB DESIGN
MÓDULO 1. RESPONSIVE WEB DESIGN
- Qué es Responsive Web Design.
- Características.
- Ventajas e inconvenientes.
- Crear un diseño adaptable: CSS.
- Ejemplo de una página web con diseño Responsive Web Design.
- Ejemplo de una página web sin diseño Responsive Web Design.
- Cómo comprobar el diseño de tu página web.
- CSS: Medias Queries.
- Mobile first.
- Patrones de diseño adaptivo.
- Diseñar para varios dispositivos en papel.
- Plantillas para diseñar.
- Navegadores que soportan Responsive Web Design.
MÓDULO 2. CREANDO UN DISEÑO ADAPTABLE
- Cómo comenzar a diseñar.
- Cómo crear un diseño adaptable.
- El html de mi diseño adaptable.
- Meta tags.
- El CSS de mi diseño adaptable.
- Medias Queries.
- Diseño web fluido.
- Cálculo de porcentajes.
- Fuentes flexibles.
- Imágenes flexibles.
- Resize Windows.
MÓDULO 3. WEB CON RESPONSIVE DESIGN
- Frameworks.
- Booststrap.
- Semantic.
- Skeleton.
- Less Frameworks.
- Columnal.
PARTE 3. PROGRAMACIÓN CON HTML5
MÓDULO 1. HTML5
- Qué es HTML5.
- La plantilla de HTML5.
- DOCTYPE.
- El elemento HTML.
- El elemento HEAD.
- El elemento body.
- El elemento meta.
- El elemento title.
- El elemento link.
- Funciona HTML5 en navegadores antiguos.
- Cierre de etiquetas en HTML5.
MÓDULO 2. ESTRUCTURA DE PÁGINAS HTML5
- El esquema de documento.
- Elemento HEADER.
- Elemento NAV.
- Elemento SECTION.
- Elemento ASIDE.
- Elemento FOOTER.
- Elemento ARTICLE.
- Elemento HGROUP.
- Elemento FIGURE.
- Elemento FIGCAPTION.
- Elemento MARK.
- Elemento PROGRESS y METER.
- Elemento TIME.
- Elemento DIALOG.
- Elemento EMBED.
MÓDULO 3. NUEVAS CARACTERÍSTICAS
- Elementos eliminados en HTML5.
- Atributos eliminados en HTML5.
- Elementos de bloque dentro de vínculos.
- Cambios en el texto.
- Negrita.
- Cursiva.
- Tamaño del texto.
- Elemento CITE.
- Listas de descripción.
- Elemento DETAILS.
- Listas ordenadas personalizadas.
- Estilos con scoped.
MÓDULO 4. VIDEO Y AUDIO CON HTML5
- El video con HTML5 en los navegadores.
- Elemento VIDEO.
- Atributos del elemento video.
- Formatos de video.
- El atributo AUTOPLAY.
- El atributo LOOP.
- El atributo PRELOAD.
- El atributo POSTER.
- Elemento audio.
- Crear controles personalizados.
MÓDULO 5. FORMULARIOS WEB CON HTML5: ATRIBUTOS
- El atributo REQUIRED.
- El atributo AUTOFOCUS.
- El atributo MIN.
- El atributo MAX.
- El atributo PATTERN.
- El atributo PLACEHOLDER.
- El atributo STEP.
- El atributo ACCEPT.
- El atributo READONLY.
- El atributo MÚLTIPLE.
- El atributo FORM.
- El atributo AUTOCOMPLETE.
- El atributo DATALIST.
- El atributo LIST.
MÓDULO 6. FORMULARIOS WEB CON HTML5: ELEMENTOS
- Nuevas entradas de datos en formularios.
- El elemento OUTPUT.
- El elemento KEYGEN.
- El elemento FORM.
- El elemento OPTGROUP.
- El elemento TEXTAREA.
MÓDULO 7. CANVAS DE HTML5
- La etiqueta Canvas de HTML5.
- Para qué sirve Canvas.
- Preparando el lienzo.
- Canvas de HTML5 y JavaScript.
- Dibujo de figuras con Canvas de HTML5.
- Dibujo de líneas y combinación.
- Procesando imágenes.
PARTE 4. HOJAS DE ESTILO CSS3
MÓDULO 1. INTRODUCCIÓN A CSS3
- Qué es CSS3.
- Selectores CSS3.
- Selectores relacionales.
- Selectores de atributo.
- Pseudo-clases.
- Pseudo-clases estructurales.
- Pseudo-elementos y contenido generado.
- Contenido generado.
MÓDULO 2. COLORES Y TEXTO EN CSS3
- Colores HSL.
- Colores HSLA.
- Colores RGBA.
- Opacidad.
- Text-Shadow.
- Text-Overflow.
- Rotura de palabras largas.
- Web Fonts.
- Border-Radius.
- Sombras.
MÓDULO 3. DEGRADADOS EN CSS3
- Degradados lineales.
- Degradados radiales.
- Degradados lineales de repetición.
- Degradados radiales de repetición.
- Múltiples imágenes de fondo.
- Tamaño de fondo.
MÓDULO 4. TRANSFORMACIONES Y TRANSICIONES
- Transiciones.
- Transition-property.
- Transition-duration.
- Transition-timing-function.
- Transition-delay.
- La propiedad abreviada transition.
- Múltiples transiciones.
- Transformaciones.
- Traslación.
- Escalar.
- Rotación.
- Inclinación.
- Cambiar el origen de la transformación.
MÓDULO 5. ANIMACIONES EN CSS3
- Animaciones.
- Fotogramas clave.
- Propiedad animation-name.
- Propiedad animation-duration.
- Propiedad animation-timing-function.
- Propiedad animation-iteration-count.
- Propiedad animation-direction.
- Propiedad animation-delay.
- Propiedad animation-fill-mode.
- Propiedad animation-play-state.
- Propiedad abreviada animation.
MÓDULO 6. FUENTES Y DISEÑO MULTICOLUMNA EN CSS3
- Importar fuentes tipográficas mediante Font-face.
- Aplicar la fuente.
- Tipos de fuentes y navegadores.
- La propiedad column-count.
- La propiedad column-gap.
- La propiedad column-width.
- La propiedad abreviada columns.
- Columnas y la propiedad height.
- Propiedad column-rule.
- Salto de columna.
- Inserción de imágenes.
- Textos multicolumna.
PARTE 5. PROGRAMACIÓN CON JAVASCRIPT
MÓDULO 1. JAVASCRIPT
- ¿Qué es JavaScript?
- Integrar JavaScript en una página web.
- Primer programa en JavaScript.
- Instrucciones.
- Tipos de datos.
- Literales.
- Conversión de tipos.
- Operadores.
- Uso de variables.
- Trabajo con variables.
- Comentarios en JavaScript.
- Sentencia IF.
- Sentencia SWITCH-CASE.
- Bucle while.
- Bucle do-while.
- Bucle for.
- Sentencia BREAK y CONTINUE.
- Matrices.
MÓDULO 2. FUNCIONES JAVASCRIPT
- Declaración de funciones.
- Definición de parámetros.
- Valores de retorno.
- Ámbito de las variables.
- Función NUMBER.
- Función STRING.
- Función isNaN.
- Función isFinite.
- Función parseInt.
- Función parseFloat.
- Función ESCAPE.
- Función UNESCAPE.
- Función EVA.
MÓDULO 3. OBJETOS DE JAVASCRIPT
- Objeto envoltorio.
- Objeto ARRAY.
- Objeto DATE.
- Objeto MATH.
- Objeto RegExp.
- Objetos del navegador.
- Objeto WINDOW.
- Objeto NAVIGATOR.
- Objeto SCREEN.
- Objeto HISTORY.
- Objeto LOCATION.
- Objeto DOCUMENT.
- Objeto ANCHOR.
- Objeto LINK.
- Objeto IMAGE.
MÓDULO 4. DOM
- Árbol de nodos.
- Tipos de nodos.
- Acceso directo a los nodos.
- Creación y eliminación de nodos.
MÓDULO 5. TRABAJAR CON JAVASCRIPT Y CSS
- DOM para CSS.
- Atributo STYLE.
- Manipular clases de CSS.
- Manipular reglas de CSS.
- Manipular hojas de estilo.
- Activar y desactivar hojas de estilo.
MÓDULO 6. EVENTOS
- Eventos en JavaScript.
- Eventos en una página HTML.
- Trabajar con eventos.
- Manejadores como atributos HTML.
- Trabajar con eventos en JavaScript.
- El objeto EVENT.
- Propiedades.
MÓDULO 7. FORMULARIOS EN JAVASCRIPT
- Definir formulario.
- Cabecera del formulario.
- Elementos del formulario.
- Eventos de formulario.
- Submit.
- Focus.
- Blur.
- Click.
- Change.
- Enfoque de un campo.
- Deshabilitar campos de un formulario.
- Ocultar campos de un formulario.
- Validación de formularios.
- Añadir reglas de validación.
- Mensajes de error avanzados.
- Validación básica.
- Validación avanzada.
- Validación de casillas de selección y botones de opción.
- Dar formato a los mensajes de error.
PARTE 6. PROGRAMACIÓN CON JQUERY
MÓDULO 1. JQUERY
- ¿Qué es JQuery?
- Añadir JQuery a una página HTML.
- Selección de elementos.
- Comprobar selecciones.
- Selección de elementos de un formulario.
- Trabajar con selecciones.
- Utilizar clases para aplicar estilos CSS.
- Dimensiones.
- Atributos.
- Recorrer el DOM.
- Manipulación de elementos.
- Crear nuevos elementos.
- Manipular atributos.
- ¿Qué es un evento?
- Eventos de ratón.
- Eventos de documento/ventana.
- Eventos de formulario.
- Eventos de teclado.
- Utilizar eventos con JQuery.
- Carga del código HTML.
- Eventos de JQuery.
- El objeto evento.
- Detener el comportamiento normal de un evento.
- Eliminar eventos.