Curso de Experto en Programación y Desarrollo Web Online / Distancia en Vision y Valor Consulting

Dirigido a:

Programadores informáticos, diseñadores gráficos, Directores o Jefes de Proyecto , Analistas con responsabilidad sobre proyectos, Jefes de Equipo, y, en general, cualquier persona que por sus necesidades profesionales deba conocer los fundamentos que hay que seguir para poder llevar a cabo un proyecto de desarrollo y programación con éxito.

Comentarios:

Este curso es bonificable hasta el 100% por la Fundación Tripartita para trabajadores en activo en Régimen General de la Seguridad Social (no válido para autónomos ni funcionarios), por lo que no supondría coste alguno para la empresa ni para el propio trabajador. Leer más


Objetivos:

- Ser capaz de desarrollar completas aplicaciones de comercio electrónico respaldadas por bases de datos a través de la tecnología de programación de aplicaciones web PHP. saber utilizar AJAX para crear nuestras propias aplicaciones y encontraremos una referencia completa y con ejemplos de los métodos y atributos que utilizaremos con esta tecnología.
- Situar al responsable de un proyecto informático, en el ámbito de su misión, definiendo sus funciones, atribuciones y responsabilidades, en el contexto de un proyecto de esta naturaleza.
- Presentar criterios, métodos, técnicas y herramientas que les permitan estimar, planificar, controlar el avance de la ejecución y conducirlo al final pactado en los términos de calidad exigible.
Perfeccionar la gestión de la actividad y los recursos, en el marco del moderno management.
- Para diseñar páginas web atractivas debemos usar HTML que es el lenguaje de marcas diseñado para tal efecto, las hojas de estilo CSS nos permiten crear estilos específicos para nuestras páginas, que combinado con lenguajes como JavaScript nos permiten aplicar efectos especiales para interactuar con los usuarios.Leer menos

01- MODULO: GESTIÓN DE PROYECTOS INFORMÁTICOS

1. Introducción a Proyectos
Historia de los proyectos
Definición de proyectos
Dimensiones de un proyecto
Diagrama básico de un proyecto
Participantes de los proyectos
Fases de un proyecto
Análisis DAFO
Objetivos de un proyecto

2. Ciclo de vida Leer más
Ciclo de Vida del Software
Fase Comercial
Fase de Análisis
Fase de Diseño
Fase de Realización y Pruebas
Fase de Instalación y Aceptación
Fase de Mantenimiento y Operaciones
Fase de Retirada

3. Estudio de viabilidad
Viabilidad y Costo-Beneficio
Técnicas de Valoración
Beneficio Neto
Payback
Valor Actual Neto
ROI

4. Planificación de proyecto
Planificación del Proyecto
Procesos de la Planificación
Características y Componentes
Acciones del Equipo de Proyecto
Análisis PDCA
Introducción al Plan de Proyecto
Contenido del Plan de Proyecto
Preparación del Equipo
Análisis de Factores
Acuerdos de Proyecto
Elección de Tipo de Ciclo de Vida
Análisis Cuantitativo de Tiempos

5. Diagramas de Gantt y PERT
Diagrama de Gantt
Diagrama de PERT

6. El Director de Proyecto
Introducción
El Perfil del Director
Funciones del Director
Comunicación con el Equipo
Autoridad y Responsabilidad
Problemas y Resoluciones
Necesidades y Expectativas
Cierre de Proyecto


02 - MODULO: RESPONSIVE WEB DESIGN HTML5, CSS3, JAVASCRIPT, JQUERY

1- Fundamentos De Programación

01.- Algoritmos y programas
¿Qué es un algoritmo?
Programas y Aplicaciones
Lenguajes de programación
Traductores e intérpretes
Compiladores
Videoejercicio 1
Autopráctica - Algoritmos y programas
Autopráctica - Algoritmos y programas II
Test - Algoritmos y programas

02.- 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
Autopráctica - Ciclo de vida de una aplicación
Autopráctica - Tipos de programación
Test - Tipos de programación

03.- Diagramas de flujo
Diagramas de flujo
Elementos de los diagramas de flujo
Realizando diagramas de flujo
Videoejercicio 1
Videoejercicio 2
Autopráctica - Diagramas de flujo
Autopráctica - Diagramas de flujo II
Test - Diagrama de flujo

04.- Pseudocódigo
Pseudocódigo
Escritura en pseudocódigo
Creación de algoritmos
Variables
Constantes
Tipos de Datos
Operadores y expresiones
Videoejercicio 1
Autopráctica - Pseudocódigo
Autopráctica - Pseudocódigo II
Test - Pseudocódigo

05.- Elementos de un programa
Instrucciones primitivas
Instrucciones de asignación
Instrucciones de entrada y salida
Palabras reservadas
Comentarios
Contadores
Acumuladores
Interruptores
Videoejercicio 1
Videoejercicio 2
Autopráctica - Elementos de un programa
Autopráctica - Elementos de un programa II
Test - Elementos de un programa

06.- 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
Videoejercicio 1
Videoejercicio 2
Autopráctica - Estructuras de control
Autopráctica - Estructuras de control II
Test - Estructuras de control

07.- Estructuras de datos: Tablas
Tablas unidimensionales
Tablas bidimensionales
Tablas multidimensionales
Operaciones con tablas
Videoejercicio 1
Videoejercicio 2
Autopráctica - Tablas
Autopráctica - Tablas II
Test - Estructuras de datos: Tablas

08.- Programación modular
La programación modular
Funciones
Procedimientos
Parámetros
Paso de parámetros
Ámbito de las variables
Recursividad
Videoejercicio 1
Videoejercicio 2
Autopráctica - Programación modular
Autopráctica - Programación modular II
Test - Programación modular

09.- Programación orientada a objetos
La programación orientada a objetos
Clases
Objetos
Relaciones entre clases
Abastracción
Encapsulamiento
Herencia
Polimorfismo
Videoejercicio 1
Autopráctica - Programación orientada a objetos
Autopráctica - Programación orientada a objetos II
Test - Programación orientada a objetos


2: Responsive Web Design

01. - Reponsive Web Design
¿Qué es Responsive Web Design?
Características del Responsive Web Design
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
Video Ejercicio - Reponsive Web Design
Autopráctica - Opera mobile emulator
Autopráctica - Responsive web Design
Test - Responsive Web Design

02.- 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
Video Ejercicio - Creando un diseño adaptable
Autopráctica - Creando un diseño adaptable
Autopráctica - Creando un diseño adaptable II
Test - Creando un diseño adaptable

03.- Web con responsive design
Frameworks
Booststrap
Booststrap II
Semantic
Semantic II
Skeleton
Skeleton II
Less Framework
Less Framework II
Columnal
Video ejercicio - Web con responsive design
Autopráctica - Patrón de diseño columnal
Autopráctica - Patrón de diseño bootstrap
Test - Web con responsive design


3: Programación Con HTML5

01.- 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
Video ejercicio - HTML5
Autopráctica - Código fuente
Autopráctica - Crea una página web
Test - HTML5

02.- Estructura de página 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
Video ejercicio - Estructura de página HTML5
Autopráctica - Estructura de página HTML5
Autopráctica - Insertando contenido a la página
Test - Estructura página HTML5

03.- 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
Video ejercicio - Nuevas características
Autopráctica - Realizando cambios
Autopráctica - Listas
Test - Nuevas características

04.- Vídeo 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
Video ejercicio - Vídeo y Audio con HTML5
Autopráctica - Video y audio
Autopráctica - Atributos de Video
Test - Vídeo y Audio con HTML5

05.- 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 multiple
El atributo form
El atributo autocomplete
El atributo datalist
El atributo list
Video ejercicio - Formularios Web con HTML5: Atributos
Autopráctica - Formulario Web HTML5. Atributos
Autopráctica - Formulario Web HTML5. Atributos II
Test - Formularios Web con HTML5: Atributos

06.- 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
Video ejercicio - Formularios Web con HTML5: Elementos
Autopráctica - Formulario Web HTML5. Elementos
Autopráctica - Formulario Web HTML5. Elementos II
Test - Formularios Web con HTML5: Elementos


07.- 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 I
Dibujo de líneas y combinación
Dibujo de líneas y combinación II
Dibujo de líneas y combinación III
Dibujo de líneas y combinación IV
Procesando imágenes
Video ejercicio - Canvas de HTML5
Autopráctica - elemento.rect
Autopráctica - Curvas bezier
Test - Canvas de HTML5


4: Hojas De Estilo CSS3

01.- 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
Video ejercicio - Introducción a CSS3
Autopráctica - Selectores
Autopráctica - Pseudo-elementos
Test - Introducción a CSS3

02.- 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
Video ejercicio - Colores y texto en CSS3
Autopráctica - Página web formulario
Autopráctica - Border-Radius y sombras
Test - Colores y texto en CSS3

03.- 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
Video ejercicio - Degradados en CSS3
Autopráctica - Creando degradados I
Autopráctica - Creando degradados II
Test - Degradados en CSS3

04.- 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
Video ejercicio - Transformaciones y Transiciones
Autopráctica - Estilos de transición
Autopráctica - Estilo de transformación
Test - Transformaciones y transiciones

05.- 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
Video ejercicio - Animaciones en CSS3
Autopráctica - Crear una animación I
Autopráctica - Crear una animación II
Test - Animaciones en CSS3

06.- 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
Video ejercicio - Fuentes y Diseño multicolumna en CSS3
Autopráctica - Texto multicolumnas
Autopráctica - Mofidicar un texto multicolumnas
Test - Fuentes y Diseño multicolumna en CSS3


5: Programación Con Javascript

01.- 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
Video ejercicio - JavaScript
Autopráctica - Estructura if
Autopráctica - Uso de variables y sentencia if
Test - JavaScript

02.- 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
Video ejercicio - Funciones JavaScript
Autopráctica - Función parseInt
Autopráctica - Función par o impar
Test - Funciones JavaScript

03.- 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
Video ejercicio - Objetos de JavaScript
Autopráctica - Función palíndromo
Autopráctica - Función de nueva página web
Test - Objetos de JavaScript

04.- DOM
Árbol de nodos
Tipos de nodos
Acceso directo a los nodos
Creación y eliminación de nodos
Video ejercicio - DOM
Autopráctica - Utilizando las funciones DOM
Autopráctica - getElementById
Test - DOM

05.- 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
Incluir o importar hojas de estilo
Embeber hojas de estilo
Video ejercicio - Trabajar con JavaScript y CSS
Autopráctica - El atributo style
Autopráctica - Cambio de regla del contenedor
Test - Trabajar con JavaScript y CSS

06.- 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
Video ejercicio - Eventos
Autopráctica - onmouseover y onmouseout
Autopráctica - onmousemove
Test - Eventos

07.- 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
Video ejercicio - Formularios en JavaScript
Autopráctica - Elementos de tipo checkbox
Autopráctica - Crea un formulario
Test - Formularios en JavaScript

6: Programación Con Jquery

01.- 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
Video ejercicio - JQuery
Autopráctica - Creando una función JQuery
Autopráctica - Métodos hide y show
Test - JQuery

02.- Eventos y efectos con JQuery
¿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
Gestión avanzada de eventos
Mostrar y ocultar efectos
Hacer aparecer y desaparecer elementos
Deslizar elementos
Video ejercicio - Eventos y efectos con JQuery
Autopráctica - Efecto de movimiento
Autopráctica - Generar un número aleatorio
Test - Eventos y efectos con JQuery


03 - MODULO: PROGRAMACIÓN CON AJAX

1 - Introducción A Ajax
Introducción a AJAX
Las tecnologías a utilizar para la programación en AJAX
Entornos de desarrollo para AJAX

2 - HTML Vs. XML
HTML 4.01
Conceptos Básicos XML
CSS

3 - Nociones Básicas De JavaScript
Abrir un fichero js desde otro HTML
Tipos de variables
Definición de Funciones
Funciones Paramétricas
Bucles
Auto práctica - Primeros pasos con JavaScript
Auto práctica - Importación de archivos JavaScript

4 - Dom Y Bom
DOM - Document Object Model
BOM - Browser Object Model
Objeto Document
Objeto Location
Objeto Screen
Auto práctica - DOM

5 - Eventos
Introducción
Captura del Evento
Lista de Eventos
Auto práctica - Eventos


6 - Objeto Xmlhttprequest
Introducción
Crear Objeto
Solicitudes
Operación Asíncrona

7 - Servidor Apache Y Mysql
Los lenguajes del Servidor
Instalación de Apache y MySql

8 - Ejemplos
Ej.: Hola mundo con xajax
Ej.: calculadora con xajax
Ej. autocompletador
Ej. comprobador nombres


04 - MODULO: PROGRAMACIÓN WEB PHP

1 Introducción
Qué es PHP y cómo funciona
Elección de un entorno de desarrollo
Requisitos para ejecutar PHP

2 Fundamentos de PHP: variables y tipos de datos
Archivos PHP
Aspectos importantes del lenguaje
Tipos de datos básicos: variables
Declaración de una variable
Alcance de las variable
Verdadero o falso
Operadores y expresiones
Arrays: introducción
Verdadero o falso - Practica tú mismo
Cuestionario

3 Fundamentos de PHP: estructuras de control
Sentencias de control ¿para qué sirven?
Condiciones. Operadores de comparación
Condiciones complejas. Operadores booleanos
Verdadero o falso
Sentencia IF
Sentencias IF más complejas
Sentencia Switch - Practica tú mismo
Cuestionario

4 Fundamentos de PHP: estructuras de repetición o bucles
Bucles ¿para qué sirven?
Sentencia For
Sentencia Foreach H4 Practica tú mismo

5 Sentencia While - Practica tú mismo
Cuestionario

5 Paso de parámetros. Sesiones y cookies
Introducción
Llamadas a otras páginas y paso de parámetros: método - Practica tú mismo
Envío de parámetros: método POST - Practica tú mismo
Manejo de sesiones
Utilización de cookies - Practica tú mismo
Cuestionario

6 Declaración de funciones en PHP. Librerías de código
Qué es una función y para qué sirve
Declaración de una función - Practica tú mismo
Llamada a una función
Alcance de las variables
Inclusión de archivos PHP: sentencia "include" y - Practica tú mismo
Cuestionario

7 funciones más importantes incorporadas en PHP
Funciones para el manejo de variables
Funciones para el manejo de arrays - Practica tú mismo
Funciones para el manejo de cadenas de texto
Funciones de fecha y hora
Funciones matemáticas - Practica tú mismo
Cuestionario

8 Introducción al servidor de base de datos MySQL
Herramientas disponibles
Conexión de Navicat con un servidor y creación de una base
Creación de una tabla con Navicat
Manejo de tablas y registros con Navicat - Practica tú mismo
Consultas de selección sobre tablas: sentencia SELECT - Practica tú mismo
Consultas de inserción de datos: sentencia INSERT - Practica tú mismo
Consultas de actualización: sentencia UPDATE
Consultas de eliminación de datos: sentencia DELETE - Practica tú mismo
Cuestionario

9 Uso de bases de datos en PHP
Conexión a base de datos desde PHP
Ejecución de consultas de selección - Practica tú mismo
Ejecución de consultas de inserción, actualización y
Otras funciones de base de datos - Practica tú mismo
Cuestionario


10 Anexo: más información acerca de PHP
Fuentes con más información acerca de PHPLeer menos