TALLER DE PROGRMACION WEB DESDE 0

TEMARIO POR SESIÓN

SEMANA 1: • FORMULARIOS HTML. BOTONES:

ENVÍO SUBMIT, RESTABLECIMIENTO
• CONCEPTOS BÁSICOS DE
RESET, IMAGEN Y CONTENIDO
PROGRAMACIÓN WEB: ¿QUÉ ES
(BUTTON).
PROGRAMACIÓN WEB? ¿PARA QUÉ
• DIV Y SPAN HTML TAGS, ID HTML.
SIRVE?
CREACIÓN DE UN PORTAL WEB
• INSTALACIÓN DE EDITOR DE TEXTO Y
BÁSICO. PÁGINA PRINCIPAL.
CÓDIGO FUENTE: SUBLIME TEXT
CABECERA, MENÚ, CUERPO Y PIE.
• ¿QUÉ ES HTML?: CONCEPTOS BÁSICOS
CÓDIGO
• HEAD Y BODY HTML, ETIQUETAS
• EJEMPLO FORMULARIO HTML
BÁSICAS DE PÁGINAS WEB, TITLE
(METHOD, ACTION...). CREAR PORTAL
(TÍTULO), META TAG DESCRIPTION Y
WEB BÁSICO. EJEMPLO CÓDIGO EN
KEYWORDS
CAPAS DIV
• SIGNIFICADO DE DEPRECATED.
ETIQUETA BODY: CUERPO DE LA SEMANA 2:
PÁGINA HTML, BGCOLOR, TEXT,
• ¿QUÉ ES CSS?: CONCEPTOS BÁSICOS
BACKGROUND
• DIFERENCIAS DE HTML, CSS, PHP
• FORMATOS DE TEXTO HTML: NEGRITA,
• ESTRUCTURA HTML Y SU SEMÁNTICA
CURSIVA, TACHADO, SUBRAYADO,
AL MODELO DE CAJAS CSS.
SUPERÍNDICE, SUBÍNDICE. B Y STRONG.
ELEMENTOS BLOCK E INLINE CSS
ENCABEZADOS HTML H1 A H6.
• TIPOS BÁSICOS DE ESTILOS CSS:
PÁRRAFOS. APLICAR ESTILOS Y
ESTILOS POR DEFECTO Y CSS EN LÍNEA
ETIQUETA PRE (TEXTO
(INLINE). SOBREESCRITURA DE ESTILOS
PREFORMATEADO)
• FORMAS DE APLICAR CSS: INTERNO Y
• CREAR TABLAS HTML, COLSPAN Y
EXTERNO. LINK REL Y ARCHIVOS DE
ROWSPAN. UNIR CELDAS:
EXTENSIÓN CSS. COMENTARIOS CSS
HORIZONTAL Y VERTICAL. TR, TD, TH
• SELECTORES CSS: ID. APLICAR CSS A
• FORMULARIOS HTML. FORM, LABEL.
PARTES DE UNA WEB. EJEMPLOS.
NAME, VALUE, ID. EJEMPLOS.
DIFERENCIAR ETIQUETAS HTML EN IDS,
CHECKBOX, OPTION BUTTON,
SELECTOR DE CLASES CSS: CLASS.
COMBOBOX, INPUT HTML, TYPE Y
APLICAR ESTILOS CSS EN DISTINTOS
VALUE. PEDIR DATOS EN
LUGARES DE UNA WEB
FORMULARIOS. MULTILÍNEA
TEXTAREA. TEXT, PASSWORD. • ¿QUÉ ES PHP? CONCEPTOS BÁSICOS
 SEMANA 4:
• INSTALACIÓN DE SERVIDOR LOCAL:
XAMPP SERVER
• ESTRUCTURA BÁSICA DE PÁGINA,
TIPOS DE VARIABLE EN PHP,
DECLARACIÓN Y ASIGNACIÓN,
SENTENCIAS ECHO.
• CONDICIONALES EN PHP (IF, ELSE, ELSE
IF), OPERADORES LÓGICOS –
EJEMPLOS PRÁCTICOS
• OPERADORES ARITMÉTICOS EN PHP –
EJEMPLOS PRÁCTICOS
SEMANA 3:
• SWITCH CASE EN PHP, BREAK,
DEFAULT – EJEMPLOS PRÁCTICOS
• CADENAS (STRINGS) PHP,
CONCATENAR, LONGITUD DE
CARACTERES, SUCADENAS
• TIPOS DE BUCLES CICLOS DE
REPETICIÓN EN PHP: WHILE, DO-
WHILE Y FOR – EJEMPLOS PRÁCTICOS
• ARRAYS PHP (ARREGLOS). CONCEPTO
DEFINICIÓN. ARRAYS
UNIDIMENSIONALES (VECTORES) –
EJEMPLOS PRÁCTICOS
• MATRICES. ARRAY (ARREGLO)
MULTIDIMENSIONAL PHP. ARRAYS
ANIDADOS – EJEMPLOS PRÁCTICOS
• ARRAYS ASOCIATIVOS EN PHP
(ARREGLOS). CONCEPTO Y FORMAS DE
DECLARACIÓN Y USO – EJEMPLOS
PRÁCTICOS
• COUNT PHP (FUNCIÓN). RECORRER
ARREGLOS O ARRAYS UNI O
MULTIDIMENSIONALES CON FOR Y
FOREACH – EJEMPLOS PRÁCTICOS
• FUNCIONES PHP: DECLARACIÓN Y
LLAMADAS. PARÁMETROS, TIPOS,
RETURN. – EJEMPLOS PRÁCTICOS
• FUNCIONES CADENAS PHP:
STR_REPLACE, STRTOLOWER,
COUNT_CHARS, STRPOS, TRIM,
STR_REPEAT, STRSTR, CHR – EJEMPLOS
PRÁCTICOS
• COMPARAR CADENAS PHP: STRCMP,
==, === NO DISTINGUIR MAYÚSCULA:
STRCASECMP. RELLENAR: STR_PAD –
EJEMPLOS PRÁCTICOS
• FUNCIONES PHP DE FECHA, HORA,
TIEMPO. TIME, DATE. FORMATO DE
FECHA. MKTIME, GMMKITME.
• MOSTRAR FECHA EN ESPAÑOL PHP,
SETLOCALE, STRFTIME, FORMATO
DATE_DEFAULT _TIMEZONE _SET.
• ENVÍO DE DATOS DE UN FORMULARIO
CON PHP. MÉTODOS GET Y POST –
EJEMPLOS PRÁCTICOS
• $_GET PHP: RECUPERAR DATOS DE
FORMULARIOS HTML (PEDIR DATOS),
$_POST PHP. PROCESAR DATOS DE UN
FORMULARIO HTML, REQUEST PHP.
DIFERENCIAS, VENTAJAS Y PROBLEMAS
DE GET, POST, REQUEST – EJEMPLOS
PRÁCTICOS
• LEER Y ESCRIBIR ARCHIVOS DE TEXTO
CON PHP. FUNCIÓN FOPEN (MODO),
FGETS, FPUTS, FCLOSE Y FEOF, FWRITE
PHP. LECTURA Y ESCRITURA FICHERO
TXT. MODO ACCESO. PHP_EOL SALTO
DE LÍNEA – EJEMPLOS PRÁCTICOS
 • FUNCIONES JAVASCRIPT. CONCEPTO.
PARÁMETROS (ARGUMENTOS) Y
TIPOS. PASO POR VALOR. RETURN.
SEMANA 5: • DOM O DOCUMENT OBJECT MODEL
JAVASCRIPT ¿QUÉ ES, PARA QUÉ
• ¿QUÉ ES JAVASCRIPT?: PRINCIPALES SIRVE?
USOS. SERVIDOR Y CLIENTE. HTML, CSS
• TIPOS DE NODOS DOM: DOCUMENT,
Y PROGRAMACIÓN. EFECTOS
ELEMENT, TEXT, ATTRIBUTE,
• DIFERENCIAS ENTRE JAVASCRIPT Y COMMENT. ARBOL DE NODOS PARA
JAVA, HTML, CSS, PHP... FRONTERA
JAVASCRIPT
ENTRE LENGUAJES EN DESARROLLOS
• JAVASCRIPT: ACCEDER A ELEMENTOS
WEB
POR ID. GETELEMENTBYID
• USO DE JAVASCRIPT A PARTIR DE
• GETELEMENTSBYNAME JAVASCRIPT.
HTML Y CSS BÁSICOS (MENÚ, LISTAS,
ONSUBMIT AL ENVIAR FORMULARIO
LINKS, FORMULARIOS, ETC.)
FORM CON INPUT TYPE SUBMIT.
• JAVASCRIPT INTERNO CON SCRIPT
• CASO PRÁCTICO DE VALIDACIÓN DE
TYPE="TEXT/JAVASCRIPT". INTÉRPRETE
FORMULARIO CON JAVASCRIPT (HTML
JAVASCRIPT
- JAVASCRIPT)
• ARCHIVOS DE EXTENSIÓN JS. INCLUIR
JAVASCRIPT EN WEBS REFERENCIANDO SEMANA 7:
UN FICHERO EXTERNO CON SRC
• CÓMO CREAR UNA BASE DE DATOS
• TIPOS DE DATOS JAVASCRIPT, TIPOS DE
MYSQL PARA WEBS PHP
VARIABLES JAVASCRIPT, DECLARAR
• ACCESO AL GESTOR PHPMYADMIN
VARIABLES JAVASCRIPT.
• CREAR TABLAS MYSQL CON
INICIALIZARLAS
PHPMYADMIN. TIPOS DE DATOS
• OPERADORES ARITMÉTICOS
BÁSICOS (VARCHAR, INT, FLOAT).
JAVASCRIPT. %, MOD O RESTO DE
INSERTAR FILAS.
DIVISIÓN
• CONEXIÓN A BASE DATOS MYSQL
• OPERADORES LÓGICOS JAVASCRIPT.
DESDE PHP
RELACIONALES. IGUAL, DISTINTO, AND,
• CONSULTAS MYSQL DESDE PHP,
OR, NOT.
RECORRIDO DE RESULTADOS QUERY
• IF ELSE, IF ELSE IF JAVASCRIPT.
• PHP INSERCIÓN DE REGISTROS EN
CONDICIONALES DEL FLUJO O
BASE DE DATOS
ESTRUCTURAS DE DECISIÓN
• BORRAR REGISTROS DE LA BASE DE
SEMANA 6: DATOS DESDE PHP

• SWITCH JAVASCRIPT (CONDICIONAL DE

SELECCIÓN)
• ARRAYS JAVASCRIPT (ARREGLOS).
DECLARACIÓN, INICIALIZACIÓN
SEMANA 8:

• DESARROLLO DE UN CATÁLOGO
VIRTUAL UTILIZANDO LOS
CONOCIMIENTOS VISTO EN CLASE
ACCESO AL GESTOR PHPMYADMIN
o LISTAR REGISTROS
o VENTANA DE NUEVO
REGISTRO
o EDICIÓN DE REGISTRO
o ELIMINACIÓN DE REGISTRO