You are on page 1of 67

MASTER DE PROGRAMACIÓN WEB

PARA EMPRENDEDORES

MODALIDAD: ONLINE
DURACIÓN: 11 MESES

1
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
TEMARIO DEL CURSO

MES 1
INTRODUCCIÓN A HTML5 3
SEMÁNTICA HTML5 7

MES 2
HTML5 PROYECTOS 10

MES 3
CSS3 14

MES 4
JAVASCRIPT 19

MES 5
BOOTSTRAP 24

MES 6
DISEÑO WEB ADAPTABLE 28
PSD TO HTML 32

MES 7
PHP 34
DEPURACIÓN DE ERRORES 37
MANEJO DE FECHAS 39

MES 8
LARAVEL 40
BUENAS PRÁCTICAS PHP 44

MES 9
WORDPRESS SELF HOSTING 46
WORDPRESS DESKTOP SERVER 48
PLANTILLAS WORDPRESS 50
MIGRANDO WORDPRESS 52
WOOCOMMERCE 53

MES 10
GITHUB 57
GESTIÓN DE VERSIONES 60

MES 11
PYTHON 63

2
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
CONTENIDOS DEL MASTER

MASTER DE PROGRAMACIÓN WEB – INTRODUCCCIÓN A HTML5


PRIMER MES

En este curso podrás aprender desde cero el lenguaje de etiquetado más usado por
los navegadores del mundo. Te explicaremos qué es HTML5 y cómo lo usan los
navegadores en la actualidad para mostrar contenido en la web. También
repasaremos la historia de HTML y cómo, después de varios años, se convierte en
HTML5.

Luego, pasaremos al estudio de las nuevas etiquetas de HTML5. Para repasar los
conocimientos aprendido crearemos una web y un formulario. Por último,
exploraremos el soporte actual de HTML5 para el uso de algunas APIs que nos
permitirán crear en nuestras páginas contenido, interacción y comunicación jamás
vistos en este lenguaje.

1. Introducción
 Bienvenida
 Usando archivos fuente
 ¿A quién va dirigido?
 HTML5 y Bootstrap

2. Iniciando con HTML5


 Historia de HTML5
 ¿Por qué HTML5?
 Soporte actual
 ¿Qué es HTML5?
 Diferencias entre versiones
 HTML5 y jQuery

3. Etiquetas estructurales
 Etiqueta Section
 Etiqueta Article
 Etiqueta Aside
3
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Etiqueta Header
 Etiqueta Hgroup
 Etiqueta Footer
 Etiqueta Nav
 Etiqueta Figure
 Plantillas HTML

4. Etiquetas de contenido
 Etiqueta Video
 Etiqueta Audio
 Etiqueta Embed
 Etiqueta Canvas
 Etiquetas Meter
 Etiqueta Progress
 Etiqueta Time
 Etiqueta Details
 Etiqueta Command
 Etiqueta Menu
 Etiquetas obsoletas
 Atributos obsoletos
 APIs integradas
 APIs asociadas
 Test de Navegador

5. Creando documentos

 Modelos de contenido
 Tipos de contenido – parte 1
 Tipos de contenido – parte 2
 Construcción de secciones
 Uso de DIV

4
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Atributos Class e ID
 DOCTYPE anteriores
 DOCTYPE HTML5
 Creando DOCTYPE HTML5
 Codificación de caracteres
 HTML5 Estructura

6. Estructura del sitio


 Proyecto terminado
 Creando estructura principal
 Agregando menú
 Contenido del menú
 Usando etiqueta Article
 Agregando contenido Aside
 Explicando uso de Time
 Agrupando cabeceras
 Resumen de estructura HTML5
 Vista en navegadores
 Agregando pie de página
 HTML5 y Google Maps

7. Creando formularios
 Entrada tipo Email
 Agregando Autofocus
 Agregando PlaceHolder
 Validando formulario
 Entrada numérica
 Entrada Fecha/Hora
 HTML5 Lista de Datos

5
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
8. Soporte HTML5 API
 Entendiendo Canvas – parte 1
 Entendiendo Canvas – parte 2
 Uso de Canvas – parte 1
 Uso de Canvas – parte 2
 Uso de Canvas – parte 3
 Agregando imagen en Canvas
 Aplicaciones Offline
 Más aplicaciones Offline
 Entendiendo el trabajo con video
 Codificadores de video
 Usando etiqueta Video
 HTML5 Geolocation

9. Tecnologías asociadas
 Geolocation – parte 1
 Geolocation – parte 2
 Geolocation – parte 3
 WebStorage – parte 1
 WebStorage – parte 2
 WebSockets
 Soporte de navegadores CSS3
 Nuevos Inputs

9. Conclusión

 Pensamientos finales
 Despedida
 Usando Script Externo – parte 1
 Usando Script Externo – parte 2

6
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
CONTENIDOS DEL MASTER

MASTER DE PROGRAMACIÓN WEB – SEMÁNTICA HTML5


PRIMER MES

En este curso podrás profundizar en el conocimiento de conceptos y usos de los


nuevos elementos de HTML5. Al finalizar este curso estarás capacitado para crear
contenidos de páginas web con significado para navegadores, motores de búsqueda,
lectores de pantalla y otras tecnologías que hagan uso de dicha semántica para
entender la estructura y orden de los contenidos.

Empezaremos el curso explicando que es la web semántica, un término acuñado


recientemente con la creación de HTML5. Luego pasaremos rápidamente a estudiar
los elementos principales que nos permitirán estructurar nuestros documentos y
agregar contenidos con significado. Enseguida nos apoyaremos de tecnologías
complementarias para poder dar mayor nivel de significado a nuestro contenido,
mediante las cuales las posibilidades serán infinitas.

Finalmente terminaremos el curso con un breve repaso de lo que se ha visto a lo


largo del mismo y recomendaciones para su estudio posterior.

1. Introducción
 Bienvenida
 Usando archivos fuente

2. HTML Semántica
 ¿Qué es web semántica?
 Semántica HTML5
 Modelos de contenido – parte 1
 Modelos de contenido – parte 2

3. Estructura de documentos
 Estructurando documentos
 Secciones y cabeceras
 Secciones y capas
 Elementos estructurales

7
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Primera página HTML5
 Compatibilidad con Internet Explorer
 Estructura de página
 Creando secciones – parte 1
 Creando secciones – parte 2
 Contenido principal
 Agregando encabezados
 Navegación HTML
 Semántica de contenidos
 Concepto Header
 Encabezados descontinuados
 Agregando contenidos
 Agregando cabeceras
 Concepto Footer
 Agregando Footers
 Comprobando estructura – parte 1
 Comprobando estructura – parte 2
 Secciones anidadas

4. Agrupando contenido con HTML5


 Elemento Figure
 Elemento Aside
 Elemento DIV
 Listas ordenadas
 Listas de definiciones
 Ejemplos DL
 Elemento Itálica
 Elemento EM
 Elemento B
 Elemento Strong

8
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Creando Citas
 Elemento Address
 Usando elemento Address
 Elementos Small
 Ejemplo de uso de Small
 Elemento Mark
 Elemento Time
 Atributo REL

5. Extendiendo significados
 Escribiendo comentarios
 Ejemplo de comentarios
 Elemento Meta
 Ejemplo de uso de elemento Meta
 Importancia de atributo ID
 Ejemplo de uso de ID
 Explicando atributo Class
 Ejemplo de uso de Class
 Uso de Class en Frameworks
 Lectores de pantalla
 Entendiendo microformatos
 Uso de RDF
 Uso de Schema
 Probando estructura

6. Conclusión
 Pensamientos finales
 Despedida

9
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
CONTENIDOS DEL MASTER

MASTER DE PROGRAMACIÓN WEB – HTML5 PROYECTOS


SEGUNDO MES

En este curso aprenderemos a usar la framework Bootstrap, una de las más


populares en la actualidad, conjuntamente con HTML5 para poder crear una página
web moderna y atractiva.

Iniciaremos el curso mostrando el proyecto final que vamos a realizar. Veremos cada
una de las secciones del landing page que vamos a estructurar, un repaso de las
herramientas que vamos a usar y cómo preparar el entorno para empezar a
trabajar.

Luego, entenderemos Bootstrap. Explicaremos para qué sirve y cómo facilita la


creación de páginas atractivas y adaptables a distintos dispositivos. A lo largo de este
curso estudiaremos los conceptos que forman parte del núcleo de Bootstrap.
También veremos otras tecnologías complementarias a HTML5 y Bootstrap como es
el caso de Font Awesome, la cual es un conjunto de clases que permiten agregar
iconos vectorizados en nuestras páginas.

Antes de finalizar, daremos indicaciones para el estudio posterior de HTML5 y otras


tecnologías relacionadas.

1. Introducción
 Bienvenida al curso
 Requisitos previos
 Archivos del curso
 Visualizando proyecto final
 Aprendiendo poco a poco
 Escribiendo código
 Proyecto posterior
 Cantidad vs. Calidad
 Repetir

2. Entendiendo Bootstrap
 Descargando Bootstrap
 Hola Mundo
10
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Explicando HTML5
 Explicando CSS
 Explicando Body
 Repasando HTML5
 Plantilla inicial
 Rutas relativas
 Bootstrap personalizado – parte 1
 Bootstrap personalizado – parte 2
 Repaso

3. Modificando navegación
 Obteniendo secciones
 Mezclando plantillas
 Entendiendo Nav
 Alineando navegación
 Editando barra superior
 Menú adaptable
 Desactivando resaltado
 Uso de DIV
 Estilo de DIV
 Elementos de bloque
 Listas HTML

4. Creando contenido
 Contenido principal
 Centrando contenido
 Estilo centrado
 Cambiando color de botón
 Explicando CSS
 Prioridad de los estilos
 Estilos específicos
11
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Ventajas de añadir CSS externo
 Sobre Google Fonts
 Aplicando Google Fonts
 Duplicando estilos
 Múltiples selectores
 Tipografía PX y EM
 Ancho de fuente
 Altura de línea
 Cambiando medida de letra

5. Estructuras en Bootstrap
 Modelo de cajas
 Cambiando margen superior
 Usando espaciados – parte 1
 Usando espaciados – parte 2
 Cambiando margen inferior
 Agregando imagen
 Cambiando imagen de fondo
 Cambiando color de texto
 Agregando sombra a la fuente
 Padding en párrafo
 Estilo de cabecera
 Entendiendo sistema de grillas
 Código en sistema de grillas
 Rompiendo reglas
 Caracteres para nueva línea
 Enlaces relativos
 Enlaces absolutos

12
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
6. Recursos externos
 Google Forms
 Editando Google Forms
 Descargando Font Awesome
 Vinculando Font Awesome
 Buscando iconos
 Cambiando estilo de iconos
 Cambiando tamaño de iconos
 Cambiando imagen de iconos
 Explicando SPAN
 Centrando DIV
 Estilos de encabezado
 Estilos de párrafo
 Estilos de enlace
 Creando anclas

7. Conclusión
 Pensamientos finales
 Despedida

13
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
CONTENIDOS DEL MASTER

MASTER DE PROGRAMACIÓN WEB – CSS3


TERCER MES

En este curso podrás conocer tanto conceptos básicos como avanzados de CSS3, de
modo que al finalizar el curso podrás usar CSS3 con fluidez, así como crear
animaciones y editar código CSS3 para cualquier navegador.

Comenzaremos el curso aprendiendo a utilizar CSS desde lo más básico hasta tocar
temas relativamente avanzados, útiles y prácticos en el día a día del diseño web.
Comenzaremos con una breve introducción a CSS y su relación con HTML, luego
pasaremos a ver qué son los selectores y cómo utilizarlos de manera correcta.
También veremos efectos actuales como transparencias, gradientes,
transformaciones y cambiaremos entre diferentes tipos de tipografía.

Pasaremos luego al estudio de algunos temas un poco más avanzados como el


manejo de la disposición de la página (layout), el manejo de vínculos y sus diferentes
estados así como efectos adicionales tales como bordes curvos, sombras, control de
tamaño, transformaciones en 2D, transiciones, animaciones, etc. También veremos el
tema de media-queries y cómo utilizarlos de manera correcta para nuestra web de
tal manera que nuestro código sea adaptable a diferentes dispositivos.

1. Introduciendo CSS3
 Bienvenida
 Conceptos previos

2. Conceptos básicos
 ¿Qué es CSS3?
 Estilo en navegadores
 Sintaxis básica
 Funcionamiento CSS y HTML
 Aplicación de estilo
 Diferencias de renderizado entre navegadores
 Detectando soporte CSS3
 Formas de añadir un estilo
 Usando el atributo de estilo
14
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Usando la etiqueta de estilo
 Usando una hoja externa
 Usando comentarios

3. Selectores de CSS3
 Selectores hijos
 Utilizando selectores hijos
 Selectores de atributos – parte 1
 Selectores de atributos – parte 2
 Selectores de pseudo-clase
 Selectores estructurales

4. Utilizando colores en CSS3


 Formato de colores en CSS3
 Transparencias en CSS3
 Gradientes en CSS3
 Creando gradientes lineares
 Creando gradientes radiales

5. Tipografías en CSS3
 Trabajando con fuentes web
 Sintaxis de inclusión de fuentes
 Descargando fuentes
 Implementando fuentes con CSS3
 Utilizando fuentes web
 Creando sombras para el texto
 Creando multi-columnas

6. Disposición de páginas
 Modelo flexible
 Controlando orientación
15
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Dando flexibilidad a los elementos
 Distribución de paneles

7. Vínculos con CSS3


 Viendo consideraciones para estilos
 Dando estilo a los estados de los vínculos
 Efectos adicionales para vínculos

8. Efectos simples con CSS3


 Utilizando border-radius
 Dando bordes curvos
 Bordes de imágenes – parte 1
 Bordes de imágenes – parte 2
 Creando sombras – parte 1
 Creando sombras – parte 2
 Fondos con CSS3 – parte 1
 Fondos con CSS – parte 2
 Controlando el tamaño de fondo
 Opciones adicionales para el tamaño de fondo
 Poniendo imágenes de fondo
 Utilizando background-origin
 Más sobre fondos con CSS3

9. Efectos intermedios con CSS3


 Mezclando gradientes con transparencia
 Creando gradientes diagonales
 Aplicando gradientes a texto
 Creando patrones con gradientes
 Creando fallbacks

16
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
10. Transiciones y transformaciones
 Transformaciones 2D
 Utilizando escala 2D
 Utilizando rotar y skew 2D
 Utilizando translate 2D
 Combinando transformaciones
 Orígenes en las transformaciones
 Transiciones en CSS3
 Animando con CSS3
 Más animaciones con CSS3
 Utilizando easing
 Transformaciones 3D

11. Transiciones avanzadas


 Transición de múltiples propiedades
 Entendiendo fotogramas
 Animando colores de transición
 Trabajando con el z-index – parte 1
 Trabajando con el z-index – parte 2

12. Recursos para transiciones y transformaciones


 Herramientas en línea
 Explorando Dreamweaver – parte 1
 Explorando Dreamweaver – parte 2

13. Media-queries
 Entendiendo media-queries
 Diseñando en múltiples dispositivos
 Viendo el formato de media-queries

17
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
14. Prácticas recomendadas
 Imprimiendo con CSS
 Soporte en diferentes navegadores – parte 1
 Soporte en diferentes navegadores – parte 2
 Usando navegadores actuales
 Mejores prácticas en general

15. Conclusiones
 A dónde ir y qué buscar
 Despedida

18
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
CONTENIDOS DEL MASTER

MASTER DE PROGRAMACIÓN WEB – JAVASCRIPT


CUARTO MES

En este curso podrás aprender conceptos básicos y avanzados de JavaScript, de modo


que al finalizar el curso puedas entender la estructura del lenguaje y desarrollar en
JavaScript y jQuery sin ningún problema.

Es un curso donde vemos temas teóricos y los llevamos a la práctica en un entorno


real, además procederemos a experimentar con diferentes opciones. Podrás aprender
sobre JavaSCript, jQuery y jQuery UI.

Aprenderemos conceptos como variables y tipos de datos, objetos y arreglos,


condicionales, iteradores, funciones e incluso el manejo de DOM, eventos, jQuery y
jQuery UI. Además, también crearemos diferentes tipos de animaciones y las
aplicaremos a una página real.

Todos los conceptos están explicados de manera sencilla y clara, de modo que incluso
si no tienes conocimiento sobre lenguajes de programación, puedes comenzar a
aprender JavaScript. Para reforzar los conceptos, estaremos poniendo en práctica
constante todos los temas aprendidos.

1. Introducción
 Bienvenida
 Usando los archivos del curso

2. Empezando con Javascript


 Aprendiendo sobre la sintaxis
 Aprendiendo Javascript
 Habilitando inspectores web
 Recursos adicionales

3. Variables y tipos
 Declarando variables – parte 1
 Declarando variables – parte 2
 Números en Javascript

19
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Cadenas de texto – parte 1
 Cadenas de texto – parte 2
 Booleanos en javascript

4. Objetos y arreglos
 Objetos
 Manipulando objetos
 Objetos y referencias
 Arreglos
 Manipulando arreglos – parte 1
 Manipulando arreglos – parte 2
 Whitespace
 Comentarios
 Expresiones regulares – parte 1
 Expresiones regulares – parte 2
 Expresiones regulares – parte 3

5. Operadores y estructuras
 Comparaciones
 Operadores aritméticos
 Operadores lógicos
 Combinando operadores
 Condicionales: IF – parte 1
 Condicionales: IF – parte 2
 Condicionales: IF – parte 3
 Condicionales: SWITCH
 Verificar tipos

6. Iteradores y bucles
 Bucles secuenciales
 Bucles enumerativos
20
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Bucles WHILE

7. Funciones
 Conceptos básicos sobre funciones
 Funciones y argumentos
 Objetos, referencias y más
 Las funciones son objetos
 Ámbito de variables

8. Comprendiendo DOM
 ¿Qué es DOM?
 Trabajando con nodos
 Accediendo a DOM – parte 1
 Accediendo a DOM – parte 2
 Accediendo a DOM – parte 3
 Cambiando DOM – parte 1
 Cambiando DOM – parte 2
 Creando elementos DOM – parte 1
 Creando elementos DOM – parte 2
 Creando elementos DOM – parte 3

9. Trabajando con eventos


 Manejo de eventos – parte 1
 Manejo de eventos – parte 2
 Evento onClick
 Evento OnLoad
 Evento onBlur y onFocus
 Temporizadores – parte 1
 Temporizadores – parte 2

21
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
10. JQuery
 ¿Qué es jQuery?
 Descargando e instalando jQuery
 Creando una página con jQuery
 Funcionalidades de jQuery

11. Recuperando información


 Selectores y filtros
 Usando selectores jQuery – parte 1
 Usando selectores jQuery – parte 2
 Usando selectores jQuery – parte 3
 Conceptos sobre filtros
 Filtros básicos de jQuery – parte 1
 Filtros básicos de jQuery – parte 2
 Filtros de atributos de jQuery
 Conceptos sobre Hijos
 Filtros de contenido – parte 1
 Filtros de contenido – parte 2
 Selectores de formulario – parte 1
 Selectores de formulario – parte 2
 “Traversing” documentos – parte 1
 “Traversing” documentos – parte 2
 Concatenamiento jQuery

12. Manipulando contenido


 Creando contenido
 Manipulando atributos
 Reemplazando contenido
 Trabajando con CSS

22
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
13. Manejo de eventos con jQuery
 Manejo de eventos con jQuery
 Enlazando eventos
 Métodos de ayuda
 Usando objetos de evento
 Funcionalidades para eventos

14. Animaciones y efectos jQuery


 Ocultando elementos
 Desapareciendo elementos
 “Sliding” elementos
 Animaciones personalizadas

15. Usando el plugin jQuery UI


 Introducción a jQuery UI
 Explorando jQuery UI widgets
 Explorando efectos jQuery UI
 jQuery UI ThemeRoller
 Instalando jQuery UI

23
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
CONTENIDOS DEL MASTER

MASTER DE PROGRAMACIÓN WEB – BOOTSTRAP


QUINTO MES

Este curso te ayudará a entender y modificar páginas haciendo uso de la popular


framework Bootstrap. Esta framework te permite crear páginas web atractivas y
adaptables al dispositivo desde el cual se observe haciendo uso de HTML, CSS y
JavaScript para añadir efectos e interacciones a tu sitio web.

La popularidad creciente de Bootstrap se debe a su facilidad de uso y porque existen


muchos otros frameworks que están basados en Bootstrap y extienden su
funcionalidad.

Empezaremos el curso explicando qué es Bootstrap y para qué sirve. Vamos a ver
luego cómo vincularlo a nuestro proyecto. Para ellos crearemos un proyecto de
ejemplo y realizaremos las adaptaciones que sean necesarias para que el sitio se
adapte al navegador y a los dispositivos sobre los cuales se visualice dicha aplicación.

Enseguida entenderemos cómo funciona el sistema de grillas de Bootstrap para


poder diagramar nuestras páginas web de manera que la disposición de los
elementos se adapte al contenedor de la página web.

Luego veremos cómo hacer varios de los componentes que Bootstrap pone a nuestra
disposición. Son bastantes componentes y trataremos de explorar y experimentar con
gran parte de ellos. Por último, veremos los sistemas de navegación que incluye el uso
de menús, breadcrumbs, listas desplegables, etc.

Antes de finalizar, se mencionarán algunos pasos que se pueden seguir para


continuar aprendiendo Bootstrap más allá del curso actual.

1. Introducción
 Bienvenida
 Uso de archivos fuente
 Instalando Sublime Text 2

2. Instalando Bootstrap
 ¿Qué es Bootstrap?
 Casos de uso
 Novedades de Bootstrap 3

24
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 ¿Por qué usar Bootstrap?
 Descargando Bootstrap
 Estructura de Bootstrap – parte 1
 Estructura de Bootstrap – parte 2
 Vinculando CSS Bootstrap
 Vinculando Javascript – parte 1
 Vinculando Javascript – parte 2

3. Sistema de Grillas de Bootstrap


 Sistema de Grillas – parte 1
 Sistema de Grillas – parte 2
 Sistema de Grillas – parte 3
 Dimensiones de grilla – parte 1
 Dimensiones de grilla – parte 2
 Dimensiones de grilla – parte 3
 Dimensiones de grilla – parte 4
 Creando filas – parte 1
 Creando filas – parte 2
 Trabajando Offset
 Usando Push and Pull
 Anidando columnas
 Usando Jumbotron
 Recomendaciones

4. Entendiendo CSS
 Usando etiqueta Small
 Usando Blockquote
 Problemas en columnas
 Mejores soluciones
 Utilidades adaptables
 Ocultando capa
25
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Estilos de botones
 Botón de bloque
 Problemas en imágenes
 Imágenes responsive
 Colocando imágenes ovaladas
 Aplicando esquina redondeada
 Colocando marco en imágenes
 Glyphicons
 Usando Glyphicons
 Creando galería de fotos
 Preparando galería de fotos
 Finalizando galería de fotos
 Orden de columnas – parte 1
 Orden de columnas – parte 2
 Añadiendo clases a tabla
 Destacando filas
 Añadiendo bordes a una tabla
 Comprimiendo tamaño de tabla
 Añadiendo estilos personalizados
 Personalizando pie de página
 Personalizando Glyphicons
 Clases combinadas – parte 1
 Clases combinadas – parte 2
 Personalizando botones

5. Sistemas de navegación
 Entendiendo Breadcrumbs
 Preparando lista ordenada
 Creando Breadcrumbs
 Personalizando Breadcrumbs

26
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Glyphicons en Breadcrumbs
 Navegación principal
 Añadiendo clases
 Navegación secundaria
 Personalizando navegación
 Justificando navegación
 Problema en navegación
 Barra de navegación
 Botón de navegación
 Finalizando navegación
 Ajustes adicionales
 Menú desplegable
 Preparando menú
 Lista desplegable – parte 1
 Lista desplegable – parte 2
 Añadiendo iconos en navegación

6. Conclusión
 Pensamiento finales
 Despedida

27
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
CONTENIDOS DEL MASTER

MASTER DE PROGRAMACIÓN WEB – DISEÑO WEB ADAPTABLE


SEXTO MES

En este curso podrás conocer tanto conceptos básicos como avanzados sobre el
Diseño Web Adaptable, popular técnica en la actualidad debido al creciente uso de
los dispositivos móviles como principales medios para acceder a internet. Al finalizar
el curso podrás realizar tu propia página web completamente adaptable a cualquier
dispositivo independientemente de su tamaño y resolución.

Adicionalmente, en este curso crearemos una página web teniendo en consideración


los estándares y reglas para que nuestra página web sea compatible con diferentes
navegadores web en diferentes versiones, además de que la página web pueda ser
vista sin mayor problemas desde dispositivos móviles (teléfonos inteligentes, tablets,
etc. ) haciendo uso de media-queries. El curso será bastante práctico y se basará en
torno a una página web que estaremos creando juntos.

Para poder llevar este curso, necesitas conocer HTML5 y su estructura básica ya que
estaremos interactuando con el mismo. Además, necesitarás saber algunos conceptos
base de CSS3 para poder moverte fácilmente a lo largo de las explicaciones. Sin
embargo, cada concepto nuevo será explicado.

1. Introducción
 Bienvenida
 Usando los archivos del curso
 Empezando el proyecto

2. IDE a utilizar
 Creando el proyecto
 Utilizando Dreamweaver

3. Configurando el proyecto
 Planificando la disposición
 Agregando contenedores – parte 1
 Agregando contenedores – parte 2
 Agregando vínculos

28
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Agregando contenido

4. Utilizando gráficos
 Agregando imágenes
 Exportando contenido

5. Preparando archivos
 Vinculando archivos CSS
 Utilizando media queries
 Compatibilidad con IE 7 e IE 8
 Configurando el viewport

6. Creando reglas CSS


 Configurando el fondo de la página
 Dando estilos a la cabeceras
 Estilos en párrafos y vínculos
 Dando estilos al pie de página

7. Más sobre CSS


 Reglas compuestas
 Estilos en el bloque promo
 Ordenando archivos CSS
 Dando estilos a las imágenes

8. Creando el contenido
 Estilos en la disposición
 Estilos en la cabecera
 Agregando estilos al artículo

9. Estilos adicionales

29
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Dando estilos a los vínculos
 Estilos para pantallas grandes
 Posicionando navegación
 Limpiando el float
 Estilos con media queries

10. Estilos para páginas medianas


 Dando estilos a la cabecera
 Dando estilos a la navegación
 Dando estilos a las promos

11. Estilos para páginas pequeñas


 Dando estilos a la cabecera
 Dando estilos a la navegación
 Dando estilos a los vínculos
 Dando estilos a las promos
 Dando estilos al pie

12. Nuevo proyecto


 Examinando proyecto a desarrollar
 Página en distintas resoluciones
 Instalando Bootstrap 3
 Conceptos sobre Bootstrap – parte 1
 Conceptos sobre Bootstrap – parte 2

13. Maquetación
 Creando estructura base – parte 1
 Creando estructura base – parte 2
 Creando estructura base – parte 3
 Creando estructura base – parte 4

30
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
14. Pasos finales
 Utilizando visores para móviles

31
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
CONTENIDOS DEL MASTER

MASTER DE PROGRAMACIÓN WEB – PSD TO HTML5


SEXTO MES

En este curso veremos de manera práctica y detallada cómo convertir archivos de


Photoshop a un archivo HTML5 para que pueda ser visualizado en la web. Al
terminar el curso podrás realizar la conversión de archivos PSD a HTML5 por tu
cuenta utilizando las herramientas mostradas y obtener páginas completamente
funcionales.

Adicionalmente, en este curso veremos paso a paso cómo realizar esta conversión,
basándonos en 3 diferentes formularios diseñados originalmente en archivos PSD los
cuales descargaremos.

Para poder llevar este curso necesitas conocer HTML y la estructura de CSS3 así
también como conceptos básicos de PHP. Además, al inicio del curso, se detallarán las
herramientas a utilizar.

1. Red Contact Form


 Pasos iniciales
 Estructura HTML – parte 1
 Estructura HTML – parte 2
 Agregando assets al contenido
 Estructuras CSS – parte 1
 Estructuras CSS – parte 2
 Estructuras CSS – parte 3
 Estructuras CSS – parte 4
 Estructuras CSS – parte 5
 Más funcionalidades – parte 1
 Más funcionalidades – parte 2
 Más funcionalidades – parte 3

2. Orange Contact Form


 Pasos iniciales
 Estructura HTML – parte 1
32
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Estructura HTML – parte 2
 Agregando assets al contenido
 Estructuras CSS – parte 1
 Estructuras CSS – parte 2
 Estructuras CSS – parte 3
 Estructuras CSS – parte 4
 Más funcionalidades – parte 1
 Más funcionalidades – parte 2

3. Mini Metro Contact Form


 Pasos iniciales
 Estructura HTML – parte 1
 Estructura HTML – parte 2
 Agregando assets al contenido
 Estructuras CSS – parte 1
 Estructuras CSS – parte 2
 Estructuras CSS – parte 3
 Estructuras CSS – parte 4
 Más funcionalidades – parte 1
 Más funcionalidades – parte 2

33
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
CONTENIDOS DEL MASTER

MASTER DE PROGRAMACIÓN WEB – PHP PARA DISEÑADORES WEB


SÉPTIMO MES

En este curso podrás conocer todo lo necesario sobre el lenguaje de programación


PHP explicado de manera sencilla. Una vez terminado el curso, tendrás
conocimientos necesarios para crear tu propia página haciendo uso de PHP para
implementar diferentes funcionalidades como inicio de sesión, autenticación e
inclusive cómo trabajar con una base de datos.

A lo largo del curso estaremos viendo desde lo básico de PHP hasta temas de nivel
intermedio. Veremos la estructura del lenguaje de programación PHP así como el uso
de las variables, condicionales, bucles, entre otras cosas.

Incluso si no tienes ningún conocimiento previo sobre PHP, podrás llevar el curso ya
que explicaremos en detalles los conceptos y fundamentos necesarios para que
puedas entender el uso y funcionamiento de PHP.

1. Introducción
 Bienvenida
 Conceptos previos
 Archivos del curso
 Configuración del servidor

2. Introducción a PHP
 ¿Qué es una página dinámica?
 ¿Cómo se utiliza PHP?
 ¿Qué es una variable?
 Guardando números
 Mostrando una variable en la pantalla
 Información de variables
 Comentarios en código

34
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
3. Inclusiones desde el servidor
 Inclusiones desde el servidor
 Inclusiones a detalle

4. Cambiando el contenido
 Toma de decisiones en PHP
 Valores booleanos

5. Usando bucles
 Guardando valores en una variable
 Examinando los arreglos
 Mostrando los arreglos en pantalla
 Recorriendo un arreglo
 Añadiendo etiquetas a arreglo
 Recorriendo el arreglo
 Encontrando valores

6. Usando formularios
 Funcionamiento de formulario
 Valor de un formulario – parte 1
 Valor de un formulario – parte 2
 Valor de un formulario – parte 3
 Organizando información
 Imprimiendo información
 Función isset y empty
 Campos de texto
 Arreglo global REQUEST
 Preservando información
 Uso de sesiones en PHP
 Borrando sesiones

35
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
7. Obteniendo contenido
 Subir información a una base de datos MySQL
 Conectarnos a una base de datos MySQL
 Consultando la base de datos desde PHP
 Resultados de una consulta
 Mostrando la información
 Manejo de errores en una base de datos

8. Manejando errores
 Manejando errores en PHP
 ¿Cómo detectar errores?
 Rastreando errores
 Error “Failed to open stream”
 Error “Undefinex index”

9. Practicando
 Explicación del proyecto
 Reduciendo código – parte 1
 Reduciendo código – parte 2
 Creando formulario
 Creando login de usuario – parte 1
 Creando login de usuario – parte 2
 Restringiendo el acceso
 Creando logout

36
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
CONTENIDOS DEL MASTER

MASTER DE PROGRAMACIÓN WEB – DEPURANDO PHP


SÉPTIMO MES

En este curso podrás conocer todo lo necesario sobre cómo depurar PHP y qué
herramientas utilizar para realizar un proceso de depuración adecuado. Una vez
terminado el curso, tendrás conocimientos necesarios para depurar cualquier código
PHP utilizando las herramientas mostradas en el curso.

A lo largo del curso estaremos viendo cómo configurar PHP para que muestre
diferentes tipos de errores, así como la explicación de estos errores. Además, veremos
cómo manejar diferentes clases de errores y algunas herramientas adicionales que
podremos utilizar para una depuración más sencilla.

Para poder llevar este curso debes conocer el lenguaje de programación PHP pues
estaremos haciendo uso del mismo para realizar las pruebas y depuraciones.

1. Introducción
 Bienvenida
 Conceptos previos
 Instalando Netbeans

2. Depurando PHP
 Sobre niveles de error – parte 1
 Sobre niveles de error – parte 2
 Mostrando errores en PHP – parte 1
 Mostrando errores en PHP – parte 2
 Mostrando errores en PHP – parte 3
 Redireccionando errores – parte 1
 Redireccionando errores – parte 2
 Arreglando errores – parte 1
 Arreglando errores – parte 2
 Arreglando errores – parte 3
 Manejando errores fatales
37
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Descifrando backtraces

3. Extensión Xdebug
 Conceptos sobre Xdebug
 Instalando Xdebug
 Mostrando variables
 Depuración remota
 Depurando con Xdebug
 Mejorando rendimiento – parte 1
 Mejorando rendimiento – parte 2

4. Usando navegadores
 Extendiendo Firefox – parte 1
 Extendiendo Firefox – parte 2
 Integrando ChromePHP

5. Conclusiones
 Prácticas recomendadas
 Despedida

38
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
CONTENIDOS DEL MASTER

MASTER DE PROGRAMACIÓN WEB – MANEJO DE FECHAS


SÉPTIMO MES

En este curso podrás profundizar sobre temas relacionados al manejo adecuado de


las fechas en el lenguaje de programación PHP. Al finalizar este curso estarás
capacitado para manejar adecuadamente y de diferentes formas fechas en PHP y
MySQL.

A lo largo de este curso veremos cómo configurar PHP y las diferentes zonas horarias
así también como el uso de diferentes funciones para el manejo de fechas en PHP.
Además, veremos cómo guardar adecuadamente estas fechas en una base de datos
MySQL teniendo en cuentas detalles del formato de guardado y extracción que suelen
ser un poco molestos o confusos de tratar.

Para poder llevar este curso necesitas conocer ligeramente el lenguaje de


programación PHP y haber interactuado anteriormente con una base de datos
MySQL.

1. Manejando fechas con PHP


 Configurando PHP
 La función DATE – parte 1
 La función DATE – parte 2
 La funcion mktime
 La función strtotime
 Operando con fechas – parte 1
 Operando con fechas – parte 2
 Operando con fechas – parte 3
 DateTimeZone – parte 1
 DateTimeZone – parte 2
 Preparando base de datos
 Guardando fechas – parte 1
 Guardando fechas – parte 2

39
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
CONTENIDOS DEL MASTER

MASTER DE PROGRAMACIÓN WEB – LARAVEL


OCTAVO MES

En este curso podrás entender el uso y funcionamiento de Laravel, el framework


liviano más popular en la actualidad. Al finalizar este curso estarás capacitado para
crear aplicaciones completas usando la estructura que impone Laravel, sus ayudas
de código y su funcionalidad preestablecida. También podrás realizar pruebas a tu
propio código de tal forma que asegures su buen funcionamiento.

Iniciaremos el curso entendiendo qué es Laravel y para qué sirve. Entender estos
conceptos nos servirán para comprender los criterios de uso de Laravel y el por qué
de su estructura. Luego mostraremos la estructura de carpetas de Laravel y el modo
en que se puede hacer uso de sus clases para obtener rápidamente una aplicación en
línea.

Crearemos páginas con Laravel desde cero usando sus ayudas de código y
entenderemos el código propio de Laravel para poder hacer uso de sus métodos y
propiedades. Enseguida crearemos una aplicación en Laravel para poder tener una
base sobre la cual construir nuestras aplicaciones propias. Esto permitirá ver el
funcionamiento completo de Laravel. Por último, veremos como probar nuestro
código antes de enviarlo a producción.

Este curso introduce el framework de Laravel y por lo tanto requiere conocimientos


de PHP a nivel de programación orientada a objetos.

1. Introducción
 Bienvenida
 Pre-requisitos del curso
 Usando los archivos del curso

2. Conceptos básicos
 ¿Qué es Laravel?
 Arquitectura MVC de Laravel
 Funcionalidades de Laravel
 Componentes de Laravel
 Symfony y Laravel
40
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Composer y Laravel
 Eloquent ORM
 Blade
 Composer en Mac OS
 Composer en Windows
 Configurando PHP – parte 1
 Configurando PHP – parte 2
 Creando proyecto – parte 1
 Creando proyecto – parte 2

3. Creando páginas
 Usando rutas
 Vinculando Assets
 Conectando base de datos
 Usando Schema Builder – parte 1
 Usando Schema Builder – parte 2
 Versiones con Migrations – parte 1
 Versiones con Migrations – parte 2
 Versiones con Migrations – parte 3
 Usando Eloquent ORM – parte 1
 Usando Eloquent ORM – parte 2

4. Mostrando código Laravel


 Variables de Blade
 Funciones PHP en Blade
 Funciones de Laravel en Blade
 Condicionales en Blade
 Bucles en Blade
 Uso de sentencia Unless
 Creando formulario
 Instalando formulario
41
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Configurando formulario
 Usando Form Open
 Usando Form Text
 Usando Form Select
 Usando Form Text Area
 Usando Form Checkbox
 Usando Form Hidden
 Usando Form Submit
 Recuperando variables Form

5. Creando aplicación con Laravel


 Autenticación – parte 1
 Autenticación – parte 2
 Autenticación – parte 3
 Autenticación – parte 4
 Formulario de registro – parte 1
 Formulario de registro – parte 2
 Formulario de registro – parte 3
 Formulario de registro – parte 4
 Páginas para inicio de sesión
 Inicio y cierre de sesión – parte 1
 Inicio y cierre de sesión – parte 2
 Inicio y cierre de sesión – parte 3

6. Probando el código Laravel


 Sobre las pruebas en Laravel
 Prueba unitaria
 PHP Unit
 Prueba unitaria en PHP Unit
 Entorno de pruebas en Laravel
 Instalando PHP Unit
42
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Ejecutando prueba unitaria
 Creando prueba unitaria
 Usando aserciones

43
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
CONTENIDOS DEL MASTER

MASTER DE PROGRAMACIÓN WEB – BUENAS PRÁCTICAS PHP


OCTAVO MES

En este curso hemos compilado las recomendaciones de muchos autores acerca de


cómo programar correctamente en PHP. El curso es bastante corto, pero tiene una
tremenda importancia, ya que si haces uso de estas prácticas podrás generar código
limpio, legible y ordenado, características esenciales en todo código y proceso de
desarrollo, particularmente si piensas compartir código con un equipo de desarrollo.

1. Introducción
 Usando el manual PHP
 Variable Error Reporting
 Interfaces de desarrollo
 Usando frameworks

2. Manteniendo el código
 Limpiando scripts
 Identando código
 Arquitectura MVC
 Etiquetas en PHP
 Convenciones de nombres
 Utilidad de los comentarios
3. MAMP y WAMP
 Instalando MAMP y WAMP
 Configurando tiempo límite
 Usando OOP
 Comillas simples y dobles
 Ocultando información
 Encriptando claves
 MySQL Workbench
44
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Usando Output Buffering
 Prevenir inyección SQL
 Aprendiendo ORM

4. Trabajando con caché


 Creando caché
 Validando cookies
 Caché en frameworks
 Depurando XDebug
 Estándares de programación
 Aligerando loops
 Usando sistemas de caché
 Actualizando PHP
 Consultando ayuda

45
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
CONTENIDOS DEL MASTER

MASTER DE PROGRAMACIÓN WEB – WORDPRESS SELF HOSTING


NOVENO MES

En este curso te enseñaremos a trabajar con la versión de instalación de WordPress,


el gestor de contenidos con más descargas a nivel mundial. Veremos desde el proceso
de instalación y configuración hasta la instalación de plugins y temas que permitan
extender la funcionalidad de WordPress. El conocimiento que te entrega este curso te
permitirá crear proyectos propios de WordPress que no sólo se limiten a la
administración de un blog. Actualmente WordPress permite crear páginas de
comercio electrónico, educación virtual, redes sociales, y muchas más.

Empezaremos el curso instalando y configurando WordPress en un entorno de


trabajo local que nos permitirá emular el uso de un servidor remoto real. La
configuración e instalación en entornos remotos es exactamente la misma. Luego
veremos que diferencia nos ofrece esta versión de WordPress con respecto a la que
podemos encontrar en WordPress.com. Revisaremos los paneles y las opciones
adicionales de esta versión.

Finalmente modificaremos el aspecto y la funcionalidad del blog. El aspecto lo


modificaremos instalando temas nuevos y haremos lo correspondiente con la
funcionalidad haciendo uso de plugins de terceros.

1. Introducción
 Bienvenida al curso

2. Instalando Wordpress
 Requerimientos
 Instalando Wordpress - parte 1
 Instalando Wordpress - parte 2
 Cambio de idioma
 Importar contenido de un blog

3. Comparando paneles
 Diferencias principales
 Cambios personalizados

46
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Entendiendo función de slugs
 Trabajando con usuarios
 Actualizaciones en Wordpress
 Opciones generales

4. Modificando aspecto
 Temas en Wordpress
 Instalando temas – parte 1
 Instalando temas – parte 2
 Personalizando temas
 Personalizando CSS – parte 1
 Personalizando CSS – parte 2
 Personalizando PHP – parte 1
 Personalizando PHP – parte 2

5. Usando plugins
 Haciendo uso de los plugins
 Sobre el plugin Akismet
 Revisando estadísticas
 Encuestas en Wordpress
 Aclaraciones sobre las CMS
 Entradas personalizadas – parte 1
 Entradas personalizadas – parte 2
 Creando nuevas taxonomías
 Menús personalizados

47
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
CONTENIDOS DEL MASTER

MASTER DE PROGRAMACIÓN WEB – WORDPRESS DESKTOP SERVER


NOVENO MES

En este curso conocerás en qué consiste Desktop Server y cómo utilizarlo de manera
fácil. Una vez terminado el curso, serás capaz de hacer uso de WordPress Desktop
Server para crear, clonar o migrar de manera sencilla instalaciones de WordPress
junto con plugins y templates.

Como parte del curso, veremos qué es WordPress Desktop Server y cómo instalarlo y
utilizarlo de manera adecuada. Además, veremos cómo configurar diferentes sitios
en WordPress y el uso de Blueprints, los cuales nos permitiran crear versiones
completas de nuestras instalaciones de WordPress.

Para poder llevar este curso es preferible haber utilizado WordPress anteriormente.
Sin embargo, no es indispensable pues a lo largo del curso se verá también la
instalación de WordPress y su uso básico.

1. Introducción
 Bienvenida
 Wordpress Desktop Server

2. Instalación en Windows
 Instalando Desktop Server
 Ejecutando Desktop Server
 Configurando el sitio en Wordpress
 Accediendo a Wordpress
 Creando sitios adicionales
 Manejando Desktop Server

3. Manejando Blueprints
 Entendiendo Blueprints
 Creando Blueprints

48
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
4. Conclusiones
 Conceptos finales

49
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
CONTENIDOS DEL MASTER

MASTER DE PROGRAMACIÓN WEB – PLANTILLAS WORDPRESS


NOVENO MES

En este curso podrás aprender cómo buscar e instalar una plantilla, así como
configurarla entre otras opciones adicionales. Al finalizar el curso, podrás realizar
instalaciones de plantillas en WordPress, así como configurarlas sin mayor dificultad,
también podrás instalar diversos plugins.

Empezaremos buscando plantillas en la página oficial de WordPress para ser


instaladas. Luego, configuraremos y adecuaremos la plantilla seleccionada. Además,
añadiremos contenido de prueba como texto e imágenes. Adicionalmente, estaremos
explorando e instalando diversos plugins para lograr diversas funcionalidades como
formularios de contacto personalizados, calendarios, encuestas entre otros.

Para poder llevar este curso necesitas tener conocimiento de cómo instalar
WordPress o tener ya una instalación funcional de WordPress.

1. Publicación de página
 Presentación
 Buscando una plantilla adecuada
 Instalando la plantilla
 Viendo la estructura del sitio
 Creando páginas
 Añadiendo contenido – parte 1
 Añadiendo contenido – parte 2
 Añadiendo contenido – parte 3
 Creando barra de menú
 Modificando la página principal
 Agregando slider
 Añadiendo imágenes
 Formulario de contacto
 Opciones generales – parte 1
 Opciones generales – parte 2

50
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Instalando plugin Calendario
 Utilizando plugin Calendario
 Instalando plugin Smooth Scroll
 Utilizando plugin Smooth Scroll
 Instalando plugin Jetpack Lite
 Utilizando plugin Jetpack Lite
 Instalando plugin WP-Polls
 Utilizando plugin WP-Polls
 Instalando plugin Contact Form 7
 Utilizando plugin Contact Form 7

51
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
CONTENIDOS DEL MASTER

MASTER DE PROGRAMACIÓN WEB – MIGRANDO WORDPRESS


NOVENO MES

En este curso podrás entender cómo realizar una migración completa y exitosa de
una instalación de WordPress. Una vez terminado el curso, podrás migrar cualquier
instalación de WordPress junto con las imágenes, templates y todo el contenido que
este mismo traía originalmente.

A lo largo del curso veremos, paso a paso, cómo realizar una migración exitosa.
Veremos de manera detallada cada acción a realizar y cada detalle a tener en
cuenta.

Para poder llevar este curso no necesitas tener algún conocimiento específico sobre
WordPress. Sin embargo, es recomendable haber utilizado anteriormente WordPress
y tener un editor de textos para poder editar ciertos archivos que veremos en el
curso.

1. Migrando WordPress
 Bienvenida
 Los pasos a realizar
 Exportando archivos
 Exportando la base de datos
 Editando la base de datos
 Importando la base de datos al host nuevo

52
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
CONTENIDOS DEL MASTER

MASTER DE PROGRAMACIÓN WEB – WOOCOMMERCE


NOVENO MES

En este curso podrás conocer todo lo necesario sobre cómo instalar y manejar
Woocommerce de manera completa. Una vez terminado el curso, tendrás
conocimientos necesarios para crear tu propia tienda virtual utilizando WordPress y
Woocommerce, así también sobre cómo extender esta tienda virtual mediante
plugins y plantillas.

Comenzaremos el curso desde lo más básico. Empezaremos aprendiendo cómo


instalar WordPress y dejarlo preparado para Woocommerce. Luego, veremos cómo
instalar Woocommerce y las secciones que trae consigo. También veremos cómo
configurar diferentes métodos de pago, agregar productos, manejar ventas, entre
otros temas.

Para poder entender este curso no es necesario tener algún conocimiento específico
ya que estaremos explicando detalladamente todos los conceptos y fundamentos
necesarios.

1. Introducción
 Bienvenida
 Conceptos previos

2. Conceptos de Wordpress
 ¿Qué es Wordpress?
 Blogs y páginas corporativas
 Ejemplos de páginas
 Plugins en Wordpress
 Plantillas en Wordpress

3. Conceptos de e-commerce
 ¿Qué es e-commerce?
 Métodos de pago
 Seguridad en e-commerce
53
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Ejemplos de e-commerce
 Wordpress y el e-commerce
 ¿Qué es WooCommerce?

4. Configurando Wordpress
 Creando una base de datos
 Instalando Wordpress
 Configurando Wordpress
 Preparando Wordpress

5. Configuraciones iniciales
 Instalando WooCommerce
 Configuración inicial
 Creando una cuenta
 Explorando plantillas
 Instalando una plantilla gratuita
 Modificando la plantilla
 Instalando información
 Vista general a WooCommerce
 Configuración general
 Configuración de productos
 Configuración de cuentas
 Configuración de impuestos
 Configuración de email
 Configuración de webhooks

6. Métodos de pago
 Explorando opciones de pago
 Opciones de pago
 Configurando PayPal

54
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Extensiones para pagos – parte 1
 Extensiones para pagos – parte 2

7. Métodos de envío
 Decidiendo opciones de envío
 Creando clases de envío
 Configuración de envío

8. Agregando productos
 Agregando un nuevo productos
 Información del producto
 Agregando imágenes
 Variaciones de producto
 Manejando productos digitales
 Comentarios de productos

9. Personalizando la tienda
 Vista rápida a la tienda
 Configurando la página de inicio
 Configurando la barra lateral
 Navegación por categorías

10. Manejando las ventas


 Experiencia del cliente
 Manejando órdenes
 Explorando reportes
 Manejando reportes
 ¿Qué son los cupones?
 Creando cupones

55
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
11. Sobre los plugins
 Plugins y extensiones
 Explorando plugins
 Instalando un plugin gratuito
 Utilizando WooSidebars
 Explorando extensiones
 Instalando Custom Currencies
 Utilizando Custom Currencies
 Instalando Coupon Shortcodes
 Utilizando Coupon Shortcodes

12. Utilizando WooCommerce


 Comprando un producto
 Eligiendo un método de envío
 Pagando un producto
 Haciendo seguimiento
 Despedida

56
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
CONTENIDOS DEL MASTER

MASTER DE PROGRAMACIÓN WEB – GITHUB


DÉCIMO MES

En este curso podrás conocer los conceptos básicos de Git y Github hasta conceptos
más avanzados y prácticos de los mismos. Una vez terminado el curso, podrás
moverte con mayor facilidad en el uso de Git y de Github, también conocerás el
funcionamiento del sistema de control de versiones Git.

En este curso aprenderemos conceptos base sobre Git y el control de versiones como
la creación de un repositorio, realizar commits, checkouts, entre otras cosas. Veremos
también conceptos un poco más avanzados como merge, branch, reverts y rollbacks.
Además, veremos cómo utilizar de manera eficiente Github y las opciones y
posibilidades que este mismo nos brinda a través de su cliente.

Todos los conceptos necesarios para poder entender este curso serán explicados
mediante ejemplos prácticos, por lo que no es necesario tener ningún tipo de
conocimiento previo.

1. Introducción
 Bienvenida al curso
 Usando los archivos del curso

2. GitHub
 ¿Qué es GitHub?
 Creando una cuenta en GitHub
 Documentación relevante

3. Conceptos sobre Git


 El control de versiones
 Utilizando la línea de comandos
 Instalando Git en Mac
 Instalando Git en Windows
 Funcionamiento de Git

57
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Creando un repositorio
 Estado del repositorio
 Añadiendo archivos
 Realizando commits
 Modificando archivos
 Examinando diferencias
 Creando ramas o branch
 Cambiando entre branch
 Actualizando branch
 Entendiendo el merge
 Merge básico
 Resolviendo conflictos
 Manejando branches
 Usando Push
 Aprendiendo Git

4. Conceptos sobre Github


 Creando un nuevo repositorio
 Agregando un archivo README
 Agregando un archivo gitignore
 Clonando un repositorio
 Borrando un repositorio

5. Utilizando el cliente Github


 Explorando el cliente
 Viendo un proyecto
 Agregando un proyecto
 Actualizando archivos
 Agregando nuevos archivos
 Haciendo pull
 Creando un branch
58
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Manejando branches
 Haciendo merge
 Resolviendo conflictos
 Archivos binarios
 Borrando branches
 Usando revert y rollback

6. Colaborando con GitHub


 Añadiendo colaboradores
 Añadiendo comentarios
 Creando nuevos issues
 Manejando issues
 Trabajando como colaborador
 Creando un pedido de pull
 Manejando pedidos de pull

7. Conclusión
 Recursos adicionales

59
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
CONTENIDOS DEL MASTER

MASTER DE PROGRAMACIÓN WEB – GESTIÓN DE VERSIONES


DÉCIMO MES

En este curso conocerás todo lo necesario sobre el manejo y la gestión de versiones,


así como las alternativas y programas que existen en este entorno. Una vez
terminado el curso, tendrás conocimientos necesarios para seleccionar la
herramienta adecuada de gestión de versiones para tus proyectos, así como la
terminología y fundamentos necesarios para moverte fácilmente en esta área.

Veremos qué es la gestión de versiones y algunos ejemplos y ventajas que trae


consigo gestionarla de manera adecuada. Además, veremos conceptos básicos y
conceptos avanzados sobre el mismo así también como la terminología común
utilizada. A lo largo del curso también veremos diferentes alternativas para la
gestión de versiones y en qué consiste cada una de ellas. Estaremos revisando
Subversion, Perforce, TFS, Git y Mercurial. Utilizaremos cada uno de estos y veremos
cómo realizar operaciones comunes con cada uno de ellos.

Para poder llevar este curso no es necesario tener algún conocimiento específico ya
que estaremos explicando detalladamente todos los conceptos y fundamentos
necesarios. Sin embargo; es recomendable haber manejado la consola de comandos
de Windows (cmd) anteriormente para poder movernos con mayor facilidad.

1. Introducción
 Bienvenida
 Conceptos previos
 Archivos del curso

2. Control de versiones
 Vista general
 Conceptos básicos

3. Contexto
 Marco teórico
 Terminología
 Sistemas centralizados

60
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
4. Conceptos
 Sacando archivos
 Guardando cambios
 Revertir a una versión anterior
 Creando etiquetas
 Branching y merging
 Integración de flujos de trabajo
 Herramientas gráficas
 Integrando IDE
 Integración con consola
 Forward y Reverse

5. Subversion
 Instalación y configuración
 Creando un repositorio
 Checkin, checkout y revert
 Etiquetando
 Branching y merging
 Trabajando con GUI e IDEs

6. Perforce
 Instalación y configuración
 Checkin, checkout y revert
 Etiquetando
 Branching y merging

7. Microsoft TFS
 Instalación y configuración
 Creando un repositorio
 Checkin, checkout y revert

61
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Etiquetando
 Branching y merging

8. Git
 Instalación y configuración
 Creando un repositorio
 Checkin, checkout y revert
 Etiquetando
 Branching y merging
 Trabajando con GUI e IDEs

9. Mercurial
 Instalación y configuración
 Creando un repositorio
 Checkin, checkout y revert
 Etiquetando
 Branching y merging
 Trabajando con GUI e IDEs

6. Conclusión
 Eligiendo un software adecuado

62
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
CONTENIDOS DEL MASTER

MASTER DE PROGRAMACIÓN WEB – PYTHON


UNDÉCIMO MES

En este curso se explicará de manera detallada los conceptos básicos y avanzados de


Python. Este conocimiento servirá para crear proyectos propios y entender los
proyectos de otros. Además entender los frameworks más usados en la actualidad te
facilitará las tareas cotidianas en Python. Este es un lenguaje interesante y potente
que podemos usar tanto en aplicaciones standalone y aplicaciones web.

Empezaremos el curso explicando para qué sirve Python y cómo puede ser utilizado.
Veremos como rápidamente preparar un entorno de trabajo para poder seguir el
curso video tras video. Estudiaremos la sintaxis y la creación de variables, objetos y
asignación de valores. A continuación, veremos cómo controlar el flujo del programa
a través de estructuras condicionales y operadores condicionales. Aprenderemos
cómo iterar funcionalidad a través de una colección. Enseguida, estudiaremos temas
complejos que permitirán dotar a nuestras aplicaciones de capacidad de respuesta y
búsqueda de soluciones.

La programación orientada a objetos también forma parte de este curso y en las


últimas secciones veremos cómo crear clases, métodos y propiedades. Entenderemos
los conceptos de herencia y polimorfismo los cuales nos permitirán crear librerías
correctamente estructuradas. Finalmente, veremos como continuar nuestro estudio
de Python después de haber finalizado el curso.

1. Introducción
 Bienvenida al curso
 Entendiendo los pre-requisitos
 Usando los archivos fuente

2. Inició rápido en Python


 Ciclo de desarrollo – parte 1
 Ciclo de desarrollo – parte 2
 Condicionales – parte 1
 Condicionales – parte 2
 Bucle While
 Bucle For

63
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Funciones
 Funciones Generadoras
 Reusando código con clases
 Reusabilidad con herencia
 Polimorfismo
 Excepciones

3. Preparando Python
 Descargando lo necesario
 Instalando Python
 Instalando Eclipse
 Configurando Eclipe – parte 1
 Configurando Eclipse – parte 2

4. Sintaxis general
 Hola Mundo
 Creando un archivo principal – parte 1
 Creando un archivo principal – parte 2
 Espacios en blanco – parte 1
 Espacios en blanco – parte 2
 Comentando código
 Asignando valores – parte 1
 Asignando valores – parte 2
 Condicionales de expresión
 Usando funciones en Python
 Usando objetos en Python

5. Variables, objetos y valores


 Objetos y variables
 Objetos mutables e inmutables
 Usando números
64
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Usando cadenas – parte 1
 Usando cadenas – parte 2
 Usando secuencias
 Usando diccionario
 Comparación de ID
 Valores booleanos

6. Condicionales en Python
 Condiciones booleanas
 Múltiples condiciones – parte 1
 Múltiples condiciones – parte 2
 Emulando Switch Case
 Condicional reducida

7. Bucles en Python
 Explicando WHILE
 Explicando FOR
 Índices FOR
 Uso de CONTINUE y BREAK
 Uso de ELSE

8. Operadores en Python
 Operadores aritméticos
 Operadores BIT – parte 1
 Operadores BIT – parte 2
 Operadores BIT – parte 3
 Operadores de comparación
 Operadores booleanos
 Operador Slice – parte 1
 Operador Slice – parte 2
 Precedencia de operadores
65
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
9. Expresiones regulares
 Usando el módulo RE
 Expresiones regulares – parte 1
 Expresiones regulares – parte 2
 Compilando un patrón

10. Excepciones en Python


 Manejando excepciones – parte 1
 Manejando excepciones – parte 2
 Lanzando excepciones

11. Funciones en Python


 Definiendo funciones – parte 1
 Definiendo funciones – parte 2
 Parámetros opcionales
 Parámetros con nombre – parte 1
 Parámetros con nombre – parte 2
 Retornando valores
 Funciones generadoras – parte 1
 Funciones generadores – parte 2

12. Clases en Python


 Clases y objetos – parte 1
 Clases y objetos – parte 2
 Usando métodos – parte 1
 Usando métodos – parte 2
 Usando datos de objeto – parte 1
 Usando datos de objeto – parte 2
 Usando datos de objeto – parte 3
 Entendiendo herencia

66
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS
 Polimorfismo en clases – parte 1
 Polimorfismo en clases – parte 2
 Usando generadores
 Usando decoradores

13. Métodos de cadena


 Entendiendo cadenas
 Funciones de cadena
 Dando formato con STR.FORMAT
 Usando Split y Join
 Documentación sobre cadenas

14. Contenedores en Python


 Tuplas
 Listas
 Operaciones con arreglos
 Extendiendo listas
 Insertar elementos en la lista
 Creando diccionarios
 Elementos del diccionario

15. Conclusiones
 Recomendaciones finales
 Despedida

67
AULA FORMATIVA SOLUCIONES ONLINE S.L. – TODOS LOS DERECHOS RESERVADOS