master de programaciÓn web para … · aula formativa soluciones online s.l. – todos los...

67
AULA FORMATIVA SOLUCIONES ONLINE S.L. TODOS LOS DERECHOS RESERVADOS 1 MASTER DE PROGRAMACIÓN WEB PARA EMPRENDEDORES MODALIDAD: ONLINE DURACIÓN: 11 MESES

Upload: buitu

Post on 30-Sep-2018

215 views

Category:

Documents


0 download

TRANSCRIPT

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

1

MASTER DE PROGRAMACIÓN WEB PARA EMPRENDEDORES

MODALIDAD: ONLINE DURACIÓN: 11 MESES

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

2

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

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

3

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

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

4

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

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

5

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

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

6

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

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

7

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

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

8

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

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

9

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

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

10

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

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

11

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

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

12

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

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

13

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

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

14

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

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

15

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

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

16

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

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

17

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

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

18

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

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

19

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

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

20

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

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

21

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

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

22

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

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

23

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

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

24

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

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

25

¿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

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

26

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

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

27

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

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

28

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

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

29

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

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

30

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

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

31

14. Pasos finales

Utilizando visores para móviles

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

32

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

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

33

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

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

34

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

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

35

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

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

36

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

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

37

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

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

38

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

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

39

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

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

40

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

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

41

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

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

42

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

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

43

Ejecutando prueba unitaria

Creando prueba unitaria

Usando aserciones

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

44

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

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

45

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

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

46

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

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

47

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

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

48

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

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

49

4. Conclusiones

Conceptos finales

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

50

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

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

51

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

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

52

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

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

53

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

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

54

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

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

55

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

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

56

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

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

57

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

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

58

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

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

59

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

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

60

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

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

61

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

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

62

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

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

63

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

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

64

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

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

65

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

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

66

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

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

67

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