Luma Studio

Luma Studio
¡Eres el Dueño de tus IDEAS!

Curso de Programación Web



Curso de Programación

Nuestro curso de programación tiene como objetivo entrenar al estudiante en el fascinante mundo de la programación de Web donde las posibilidades son infinitas, en la actualidad todo el peso de la Web recae sobre estos genios que lo controlan todo.


FUNDAMENTOS DE PROGRAMACIÓN.
HTML y CSS.
HTML5 y CSS3.
JAVA.
JAVACRIPT.
PHP.
JQUERY.


__________________________________________________________________________________


Contenido Curso de HTML - CSS 1,2,3 Básico 20 horas


EN ESTE CURSO APRENDERÁS Dominar los selectores de CSS Modificar la posición de los elementos mediante código CSS Crear barras de navegación usando listas

HTML Básico
Qué es HTML
Lenguages de etiquetas
Reglas del lenguaje
El elemento raiz (HTML)

ELEMENTO HEAD
Meta
LINK
SCRIPT

BODY
Títulos
Párrafos
Imágenes
Links

Que es el CSS
Cuales son los beneficios de trabajar con CSS
Versiones de CSS

TRABAJANDO CON CSS
Declaración de reglas de estilo
Hoja de estilo externa
Hoja de estilo embebida en el encabezado del documento
Estilos en línea
Creación de una hoja de estilo
Vinculación de una hoja de estilo
Diferencia entre vinculación e importación de una hoja de estilo
Reglas de estilo
Sintaxis de las reglas de estilo
Selectores
Formato de comentario
Estructura y Herencia
Selectores de grupo

Atributos tipográficos
Font Family (Familia de fuente)
Font Style (Estilo de fuente)
Font Variant (Variante de fuente )
Font Weight (Peso de fuente)
Font Size (Tamaño de fuente)
Font (Fuente) // declaración en una sola línea

Atributos de texto
Color(color de texto)
Text-decoration (decoración de texto)
Text-align (alineación de texto)
Text-tranform (transformación de texto)
Text-indent (sangría de texto )
line-height (altura de línea)

Atributos de fondo
Background-color (color de fondo)
Background-image (imagen de fondo)
Background-position (posición de fondo)
Background-attachmen (anclaje de fondo)
Background Repeat (Repetir fondo)
Background (Fondo) (declaración de una sola línea)

DIAGRAMACIÓN BÁSICA
ETIQUETA DIV
PORQUE REEMPLAZAR LAS TABLAS POR ETIQUETAS DIV EN LA MAQUETACION
SELECTORES DE ID
ATRIBUTOS DE TAMAÑO
Width (ancho)
height (alto)

DIAGRAMACIÓN POR FLOAT
DIAGRAMACIÓN EN COLUMNA POR FLOTACIÓN
UTILIZACIÓN DEL ATRIBUTO FLOAT
Utilización del atributo Clear
Anidamiento de divs
Modelo de caja

ATRIBUTOS DE LA CAJA
Margin (margen)
Borde (Border)
Relleno (Padding)

ESCRITURA RESUMIDA (DECLARACIÓN DE UNA SOLA LÍNEA)
Declaración una línea para el padding
Declaración una línea para el margin
Declaración una línea para el borde
Diagramación centrada
Centrado de un div dentro de otro
Centrado de un div en el navegador

DIAGRAMACIÓN AVANZADA
DIAGRAMACIÓN AVANZADA CON POSICIÓN
Atributos de posición
Position Static (estático)
Position Relative (relativo)
Position Absolute (absoluto)
Position Fixed
Atributo de Z-index

DIAGRAMACIÓN CENTRADA

BARRAS DE NAVEGACIÓN
LISTAS
Listas Ordenadas
Listas No ordenadas
Atributos para las listas
List-style-type
List-style-image
List-style-position

CREACIÓN DE BARRAS DE NAVEGACIÓN
SELECTORES DESCENDENTES
Pseudoclases
La pseudo-clase a:link
La pseudo-clase a:visited
La pseudo-clase a:hover
La pseudo-clase a:active

CLASES Y ESTILOS EN LÍNEA
SELECTORES DE CLASE
Creación de selectores de clase
Aplicación de clases

SELECTORES DE CONTEXTO
Orden de cascada
Jerarquías y especificidad
Estilos en línea

INTRODUCIÓN AL CSS 3.0
Que es CSS 3.0
Compatibilidad con los navegadores

OPACIDAD
Opacidad
Bordes Redondeados
Propiedad border-radius
Sombra de texto
Propiedad text-shadow
Valores posibles para la propiedad text-shadow
Sombra de caja
Propiedad box-shadow
Valores posibles para la propiedad box-shadow
Trabajo practico integrador del curso

TABLAS BÁSICAS
Elemento TABLE
Cabecera de la tabla THEAD
Cuerpo de la tabla TBODY
Elemento TR
Elementos TD y TH


EVALUACIÓN DE LOS INSTRUCTORES


__________________________________________________________________________________



Contenido Curso Fundamentos de Programación 20 horas

ASPECTOS BÁSICOS


INTRODUCCIÓN

OBJETIVOS DEL CURSO
Descripción
Definiciones
Características
Metas
Repaso diario

ALGORITMOS
Algoritmos
Diagramas de flujo
Pseudocódigo

INTRODUCCIÓN EN JAVASCRIPT

INTRODUCCIÓN
Origen
Conceptos Básicos
Dónde y cómo incluir Javascript

SINTAXIS Y SEMANTICA DEL LENGUAJE

VARIABLES
Introducción
Que es una variable?
Variables globales

TIPOS DE DATOS
Descripción
Tipos de Datos
Carácter
Boolean
Enteros
Flotante

OPERADORES
Que es un Operador?
Operadores de comparación
Operadores Lógicos
Operadores de Asignación
Operadores especiales

COMENTARIOS
Introducción
TIPOS DE COMENTARIOS
ESTRUCTURAS DE CONTROL DE FLUJO

SENTENCIAS CONDICIONALES
Bifurcación if
Bifurcación if else
Bifurcación if else if else
Bifurcación switch

ESTRUCTURA DE CONTROL (BUCLES)
Introducción
Bucle For
Bucle do while
Sentencia break
Sentencia continue

VENTANAS DEL NAVEGADOR
(Entrada y salida de información en el browser)
Introducción
VENTANA ALERT
Descripción
VENTANA CONFIRM
Descripción
VENTANA PROMPT
Descripción

FORMULARIOS
El objeto form, propiedades y métodos
El objeto form
Propiedades principales del objeto form
Objetos de un formulario

PROPIEDADES Y EVENTOS
Propiedades Básicas de Formularios y Elementos
Eventos más utilizados en el manejo de los formularios

VENTANAS SECUNDARIAS
ABRIR VENTANAS SECUNDARIAS EN JAVASCRIPT
Breve descripción de la forma de abrir ventanas secundarias con el lenguaje JavaScript
Abrir una ventana con HTML
Parámetros para dar forma a una ventana
CERRAR VENTANAS CON JAVASCRIPT
Cerrar ventanas del navegador mediante la programación Javascript

EVALUACIÓN DE LOS INSTRUCTORES

__________________________________________________________________________________



Contenido Curso Html 5 / Css3 Avanzado 20 horas

ASPECTOS BÁSICOS


INTRODUCCIÓN

OBJETIVOS DEL CURSO
Descripción
Metas
Repaso diario

Conceptos básicos de html 5
Doctype
Sintaxis de html 5

Etiquetas semánticas
header
nav
section
article
footer
hgroup
figure
figcaption
Script de compatibilidad de IE

Etiquetas semánticas
details
button
time
mark
ruby
rt
rp
wbr
bdi
embed
meter
progress
menu
command


Multimedia
video
Atributos de la etiqueta video
audio
Atributos de la etiqueta audio

Etiqueta canvas
Propiedades de canvas
Métodos de dibujo con canvas

Formularios
Etiqueta label
Etiqueta input
type email
url
tel
number
range
date
time
datetime
datetime-local
search
color
Atributos
required
autofocus
autocomplete
placeholder
novalidate
multiple
max
min
step
Atributos de sobreescritura
Etiqueta datalist
Atributo list
Etiqueta keygen
Etiqueta output

CSS 3
Estilos propietarios
opacity
modos de color rgb / rgba / hsl / hsla
border radius
box shadow
text shadow
fondos multiples
background-size
background-origin
background-clip
column count
column-width
column-gap
column-rule
word-wrap
resize

Maquetación Avanzada
block y inline-block
box-sizing
flex-box
Introducción a grids
Medidas relativas al viewport
calc()
Soporte en navegadores.

Diseño adapatable o responsivo
meta viewport
media querys
técnicas de maquetación para móviles


Gradient
Border image
Font face
Google font
Selectores avanzados
Hijo
Hermano
Hermano adyacente
Selector de atributos
Pseudoclases y pseudoelementos

Transformaciones 2d
Transformaciones 3d
Transiciones
Animaciones con css
Apis relevantes de HTML 5

SVG
Introducción al SVG
SVG como en etiqueta img
etiqueta SVG

EVALUACIÓN DE LOS INSTRUCTORES

__________________________________________________________________________________



Contenido Curso JavaScript 20 horas

ASPECTOS BÁSICOS


INTRODUCCIÓN

OBJETIVOS DEL CURSO
Descripción
Definiciónes
Características
Metas
Repaso diario

INTRODUCCIÓN EN JAVASCRIPT

INTRODUCCIÓN
Origen
Conceptos Básicos
Dónde y cómo incluir Javascript

SINTAXIS Y SEMANTICA DEL LENGUAJE

VARIABLES
Introducción
Que es una variable?
Variables globales

TIPOS DE DATOS
Descripcion
Tipos de Datos
Carácter
Boolean
Enteros
Flotante

OPERADORES
Que es un Operador?
Operadores de comparación
Operadores Lógicos
Operadores de Asignación
Operadores especiales

COMENTARIOS
Introducción
TIPOS DE COMENTARIOS
ESTRUCTURAS DE CONTROL DE FLUJO

SENTENCIAS CONDICIONALES
Bifurcación if
Bifurcación if else
Bifurcación if else if else
Bifurcación switch

ESTRUCTURA DE CONTROL (BUCLES)
Introducción
Bucle For
Bucle do while
Sentencia break
Sentencia continue

VENTANAS DEL NAVEGADOR
Introducción
VENTANA ALERT
Descripcion
VENTANA CONFIRM
Descripcion
VENTANA PROMPT
Descripcion

FORMULARIOS
El objeto form, propiedades y métodos
El objeto form
Propiedades principales del objeto form
Objetos de un formulario

PROPIEDADES Y EVENTOS
Propiedades Básicas de Formularios y Elementos
Eventos más utilizados en el manejo de los formularios

VENTANAS SECUNDARIAS
ABRIR VENTANAS SECUNDARIAS EN JAVASCRIPT
Breve descripción de la forma de abrir ventanas secundarias con el lenguaje Javascript
Abrir una ventana con HTML
Parámetros para dar forma a una ventana
CERRAR VENTANAS CON JAVASCRIPT
Cerrar ventanas del navegador mediante la programación Javascript

MODELO DE OBJETO DE DOCUMENTO

EL OBJETO DOCUMENT (Obteniendo Elementos)
getElementsByTagName
getElementsByClassName
getElementById
querySelector
queySelectorAll
Nodos hijos, padres y hermanos

MODIFICANDO CONTENIDO
innerHTML, textContent
insertAdjacementHTML
appendChild
getAttribute y setAttribute

ALMACENANDO DATOS
Local Storage
SessionStorage
dataset

Otras APIs
Geolocation
Youtube
APIs redes sociales


EVALUACIÓN DE LOS INSTRUCTORES


__________________________________________________________________________________



Contenido Curso JQuery 20 horas

ASPECTOS BÁSICOS


INTRODUCCIÓN

OBJETIVOS DEL CURSO
Descripción
Definiciónes
Características
Metas
Repaso diario

jQuery
Introducción
¿Qué es?
¿Para qué sirve?
Ventajas y desventajas
Compatibilidad con Browsers
Compatibilidad con otras librerías de JavaScript

Selectores
¿Qué son?
¿Para qué sirven?
Tipos
De ID
De Clase
De Etiqueta
Avanzados
Manipulación de elementos HTML
Manipulación de CSS
Estilos
Clases
Manipulación de Atributos
Manipulación del Contenido

Eventos del Usuario
Introducción
Eventos relacionados con el mouse
click
dblclick
hover
mousedown
mouseenter
mouseleave
mousemove
mouseout
mouseover
mouseup
Eventos relacionados con el teclado:
keydown
keypress
keyup
Otros eventos:
blur
load
focus
focusin
focusout
ready
resize
scroll
select
submit
toggle
unload
Efectos
.animate
.toogle
blind
clip
drop
explode
fold
highlight
puff
pulsate
scale
size
slide

Formularios
Conceptos de validación
jQuery Validation

jQueryUI
Introducción
Conceptos Básicos
Ventajas y Desventajas
Descarga y primeros pasos
Contenidos de la descarga
Personalización de la descarga
Componentes
Dialog
Tabs
Accordion
DatePicker
Opcionales
ProgressBar
Slider
Button

Themes
¿Para qué sirven?
Ventajas y Desventajas
Descarga y primeros pasos
Themes prediseñados
Themes personalizados

Otros plugins
Galería de Imágenes
Carrousel
Pasador de imagenes
Pasador de contenidos html
Barra de Navegación
Menú desplegable
Slider vertical con anclas
Navegación dentro del mismo sitio
Zoom
Zoom sobre imágenes

jQuery con HTML 5 y CSS 3
jQuery y HTML 5
Cuándo utilizar jQuery
Cuándo utilizar HTML 5
Cuándo utilizar jQuery con HTML 5
jQuery y CSS 3
Cuándo utilizar jQuery
Cuándo utilizar CSS 3
Cuándo utilizar jQuery con CSS 3

EVALUACIÓN DE LOS INSTRUCTORES


__________________________________________________________________________________



Contenido Curso MySql - Php Avanzado 40 horas

ASPECTOS BÁSICOS


INTRODUCCIÓN

OBJETIVOS DEL CURSO
Descripción
Definiciónes
Características
Metas
Repaso diario

Qué es PHP
La historia
Que se puede hacer con PHP
Organización y Conceptos
El Modelo Cliente - Servidor
Páginas Estáticas
Páginas Dinámicas
Servidor Web Apache

Por qué PHP
Ventajas
Desventajas

Propuestas del mercado
Proyecto Integrador
Introducción
Objetivos
Links Downloads
Sitios institucionales
Otros sitios Web

Instalacion
Entorno de trabajo
Descargar e instalar

XAMPP
APPSERV
Comprobación de la instalación

PHP: Lenguaje de Programación
Sintaxis
Etiquetas de PHP
Comentarios en PHP
Línea comentada
Párrafo comentado

HTML ? embebido
Definición
Significado
Consideraciones

HTML no es PHP
Comentarios en HTML
Variables
Introducción
Definición de Variables

Tipos de Datos
Asignación de Variables
Redefinición de Variables
Los valores por defecto
Operadores

Operadores de Incremento y Decremento
Operadores de Asignación
Paso de Variables por URL
Protocolo HTTP
Argumento $_GET

Control de Flujo
Estructuras de Control
Operadores de Comparacion
Expresiones
Operadores de Igualdad
Operadores Lógicos

Sentencias Condicionales
Sentencia IF
Sentencia ELSE
Sentencia ELSEIF
Sentencia Switch

Estructuras de Control (Bucles)
Bucle FOR
Bucle While
Bucle Do While
Break y Continue
Bucles Infinitos

Arreglos en PHP
Arreglos Bidimensionales (Vectores)
Inicializar un Array
Verificar si una variable es Array
Contar cantidad de elemento de un Vector
Arreglos no secuénciales
Funciones para manejos de arreglos
Función ?range()?
Arreglos asociativos
Bucle FOREACH
Operador \"=>\"
Imprimir un Array en pantalla para propósitos de prueba

Agregar y Remover elementos de un Array
Agregar un valor al inicio de un Array
Agregar un valor al final de un Array
Remover un valor del inicio del Array
Remover un valor del final del Array
Localización de elementos en un Array
Búsqueda en un Array
Búsqueda de un indice(clave) en un Array Asociativo
Búsqueda de un valor en un Array Asociativo
Importar y exportar un arreglo a Cadena de caracteres
Función implode()
Función explode()
Ordenamientos
Función ?array_reverse()?
Función ?array_flip()?
Ordenamientos en Arreglos Secuenciales
Función ?sort()?
Función ?rsort()?
Ordenamientos en Arreglos Asociativos
Función ?asort()?
Función ?arsort()?
Arreglos Multidimencionales (Matrices)

Encabezados de una pagina Web
Protocolo HTTP
HTTP Headers
Anatomía de una Pagina Web
Introducción a los Encabezados
Estructura del Encabezado
Redireccionamiento
Cambiar el formato de una pagina

Formularios
La etiqueta FORM
Atributos del formulario
Controles del Formulario
Grafico de Controles
Recepción de datos
Variables Externas
Método GET
Método POST
Captura de Datos de un Formulario

Funciones
Funciones en PHP
Los valores de retorno
Funciones para Manejo de Cadenas
Función print()
Función printf()
Función sprintf()
Función strtoupper() y strtolower ()
Función strlen()
Función number_format()
Función substr()
Función rtrim()
Función ltrim()
Función trim()
Función ereg()
Función eregi()
Función split()
Función addslashes()
Funciones de Redondeo
Función Round()
Función Ceil()
Funciones para Tipos de Datos
Conversión de tipos de datos
Consultar tipos de datos

Funcione definidas por el Usuario
Characteristicas
Parámetros
Parámetros por Defecto
Valores de Retornos
Características de return()
Variables de Ambiente
Variables Globales

Variables de Entorno
Función getenv()
El Arreglo $_SERVER

Constantes
Predefinidas
Algunas constantes nativas de PHP

Manejo de Archivos
Abrir y Cerrar Archivos de Texto
Función fopen()
Función fclose()
Control de Errores
Operador Arroba \"@\"
Captura de mensajes de error

Lectura de archivos de texto
Función fpassthru()
Función fread()
Función fgetc()
Función feof()
Función fgets()
Función fgetss()
Función file()
Escritura de archivos de texto
Función fwrite()
Función is_writable
Moviéndose dentro de un Archivo
Función rewind()
Función fseek()
Funciones de PHP para interactuar con Ficheros y Directorios
Función copy(). Copiar Archivos
Función rename(). Renombrar Archivos
Función unlink(). Borrar Archivos
Función file_exists()
Función filetime()
Función filesize()
Función pathinfo()
Manejo de Directorios
Función opendir()
Función readdir()
Función chdir()

Introducción a Bases de datos
Bases de datos Relacionales
Diseño de una base de datos
Tablas
Relaciones
Tipos de relaciones.
Clave Principal

Base de Datos MySQL
Entorno MySQL
Que es MySQL
Tablas
MySQL es un sistema de administración relacional de bases de datos

PHPMyAdmin
Selección de una Base de Datos
Crear una Tabla

El lenguaje SQL
Creación de una Tabla
Eliminar una Tabla
SELECT
UPDATE
DELETE
iNSERT
WHERE
LIMIT
Consultas con SQL SELECT
Consultas Agrupadas - GROUP BY
Operadores Lógicos
Consultas Anidadas ? JOIN
Promedios, máximos, mínimos, cuenta, sumas
Alias tablas, alias campos.



PHP con Bases de Datos MySQL
Conectando PHP con Bases de Datos
MySQL
Funciones de PHP para interactuar con MySQL
mysqli_connect()
mysqli_close()
mysqli_select_db()
mysqli_query()
Mysqli_num_rows ()
mysqli_fetch_array()
mysqli_error()
Modificaciones de Datos
Insertar un Registro
Modificar un Registro
Borrar un Registro
Listado de Productos
Armar el Reporte de Productos
Armar la consulta SQL
Reporte
Colores Interlineados
Búsquedas internas en el sitio
Paginación de los resultados del Reporte

PDO
Previniendo ataques de injección de SQL()
Construct()
query()
prepare()
exec()
bindParam()
fetch
fetchAll()
fetchObject()
errorInfo()

UPLOAD ? Subir Archivos al Server
Introducción
Formulario para subir archivos
Tipos de contenido del Formulario
Etiqueta FILE
Campo oculto MAX_FILE_SIZE
Formulario completo de Carga
Pagina Destino ? Copiar al Servidor
La variable $_FILES
Grabando el archivo subido

PHP en la Práctica
Campos Ocultos
hidden

Sesiones
Porque usar sesiones
Identificador de Sesion
Gestion de una sesion
Cookies

Funciones de PHP para interactuar con Sesiones
Construcción de variables de sesión
Identificación de la sesión
Destrucción de una sesión
Crear variables de sesión
Autentificación de Usuarios a un Sitio Web con uso de Sesiones
Logueo al Sitio
Autentificación y Creación de la sesión
Cerrar sesión: Pagina Desconectarse

DOMINIOS Y SUBDOMINIOS
Limitaciones
Funciones de PHP para interactuar con Cookies
Construcción
Utilización
Expiración
Eliminación
La función isset()

Mails
Envío de e-Mails en PHP
Funciones de PHP para enviar e-Mails
Parámetros de la función mail
Ejemplo completo de envío de un mail

Configuración Avanzada del Servidor
PHP.INI
Donde lo encontramos el PHP.INI?
Lista de directivas de php.ini
Función ini_set()

El Archivo Apache httpd.conf
Las secciones más importantes son
El archivo .htaccess
Primera regla
Posibles Errores
httpd.conf vs .htaccess

Web Hosting
Cómo elegir un proveedor de Web Hosting
Categorías de servicios de Hosting
Dedicated server hosting
Shared server hosting
Virtual private server hosting

EVALUACIÓN DE LOS INSTRUCTORES


__________________________________________________________________________________






Publicar un comentario