Taller de Programación web para principiantes
OBJETIVO
Nuestros alumnos al terminar el taller podrán interpretar e implementar aplicaciones web dinámicas.
Conviértete en un desarrollador full stack !!
TEMARIO
| SEMANA 1: • CONCEPTOS BÁSICOS DE PROGRAMACIÓN WEB: ¿QUÉ ES PROGRAMACIÓN WEB? ¿PARA QUÉ SIRVE? • INSTALACIÓN DE EDITOR DE TEXTO Y CÓDIGO FUENTE: SUBLIME TEXT • ¿QUÉ ES HTML?: CONCEPTOS BÁSICOS • HEAD Y BODY HTML, ETIQUETAS BÁSICAS DE PÁGINAS WEB, TITLE (TÍTULO), META TAG DESCRIPTION Y KEYWORDS • SIGNIFICADO DE DEPRECATED. ETIQUETA BODY: CUERPO DE LA PÁGINA HTML, BGCOLOR, TEXT, BACKGROUND • FORMATOS DE TEXTO HTML: NEGRITA, CURSIVA, TACHADO, SUBRAYADO, SUPERÍNDICE, SUBÍNDICE. B Y STRONG. ENCABEZADOS HTML H1 A H6. PÁRRAFOS. APLICAR ESTILOS Y ETIQUETA PRE (TEXTO PREFORMATEADO) • CREAR TABLAS HTML, COLSPAN Y ROWSPAN. UNIR CELDAS: HORIZONTAL Y VERTICAL. TR, TD, TH • FORMULARIOS HTML. FORM, LABEL. NAME, VALUE, ID. EJEMPLOS. CHECKBOX, OPTION BUTTON, COMBOBOX, INPUT HTML, TYPE Y VALUE. PEDIR DATOS EN FORMULARIOS. MULTILÍNEA TEXTAREA. TEXT, PASSWORD. • FORMULARIOS HTML. BOTONES: ENVÍO SUBMIT, RESTABLECIMIENTO RESET, IMAGEN Y CONTENIDO (BUTTON). • DIV Y SPAN HTML TAGS, ID HTML. CREACIÓN DE UN PORTAL WEB BÁSICO. PÁGINA PRINCIPAL. CABECERA, MENÚ, CUERPO Y PIE. CÓDIGO • EJEMPLO FORMULARIO HTML (METHOD, ACTION…). CREAR PORTAL WEB BÁSICO. EJEMPLO CÓDIGO EN CAPAS DIV. | SEMANA 2: ¿QUÉ ES CSS?: CONCEPTOS BÁSICOS • DIFERENCIAS DE HTML, CSS, PHP • ESTRUCTURA HTML Y SU SEMÁNTICA AL MODELO DE CAJAS CSS. ELEMENTOS BLOCK E INLINE CSS • TIPOS BÁSICOS DE ESTILOS CSS: ESTILOS POR DEFECTO Y CSS EN LÍNEA (INLINE). SOBREESCRITURA DE ESTILOS • FORMAS DE APLICAR CSS: INTERNO Y EXTERNO. LINK REL Y ARCHIVOS DE EXTENSIÓN CSS. COMENTARIOS CSS. • SELECTORES CSS: ID. APLICAR CSS A PARTES DE UNA WEB. EJEMPLOS. DIFERENCIAR ETIQUETAS HTML EN IDS, SELECTOR DE CLASES CSS: CLASS. APLICAR ESTILOS CSS EN DISTINTOS LUGARES DE UNA WEB • ¿QUÉ ES PHP? CONCEPTOS BÁSICOS • 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 | SEMANA 4: • 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. |
| SEMANA 5: • ¿QUÉ ES JAVASCRIPT?: PRINCIPALES USOS. SERVIDOR Y CLIENTE. HTML, CSS Y PROGRAMACIÓN. EFECTOS • DIFERENCIAS ENTRE JAVASCRIPT Y JAVA, HTML, CSS, PHP… FRONTERA ENTRE LENGUAJES EN DESARROLLOS WEB • USO DE JAVASCRIPT A PARTIR DE HTML Y CSS BÁSICOS (MENÚ, LISTAS, LINKS, FORMULARIOS, ETC.) • JAVASCRIPT INTERNO CON SCRIPT TYPE=”TEXT/JAVASCRIPT”. INTÉRPRETE JAVASCRIPT • ARCHIVOS DE EXTENSIÓN JS. INCLUIR JAVASCRIPT EN WEBS REFERENCIANDO UN FICHERO EXTERNO CON SRC • TIPOS DE DATOS JAVASCRIPT, TIPOS DE VARIABLES JAVASCRIPT, DECLARAR VARIABLES JAVASCRIPT. INICIALIZARLAS • OPERADORES ARITMÉTICOS JAVASCRIPT. %, MOD O RESTO DE DIVISIÓN • OPERADORES LÓGICOS JAVASCRIPT. RELACIONALES. IGUAL, DISTINTO, AND, OR, NOT. • IF ELSE, IF ELSE IF JAVASCRIPT. CONDICIONALES DEL FLUJO O ESTRUCTURAS DE DECISIÓN. | SEMANA 6: • SWITCH JAVASCRIPT (CONDICIONAL DE SELECCIÓN) • ARRAYS JAVASCRIPT (ARREGLOS). DECLARACIÓN, INICIALIZACIÓN. • FUNCIONES JAVASCRIPT. CONCEPTO. PARÁMETROS (ARGUMENTOS) Y TIPOS. PASO POR VALOR. RETURN. • DOM O DOCUMENT OBJECT MODEL JAVASCRIPT ¿QUÉ ES, PARA QUÉ SIRVE? • TIPOS DE NODOS DOM: DOCUMENT, ELEMENT, TEXT, ATTRIBUTE, COMMENT. ARBOL DE NODOS PARA JAVASCRIPT • JAVASCRIPT: ACCEDER A ELEMENTOS POR ID. GETELEMENTBYID • GETELEMENTSBYNAME JAVASCRIPT. ONSUBMIT AL ENVIAR FORMULARIO FORM CON INPUT TYPE SUBMIT. • CASO PRÁCTICO DE VALIDACIÓN DE FORMULARIO CON JAVASCRIPT (HTML JAVASCRIPT). |
| SEMANA 7: • CÓMO CREAR UNA BASE DE DATOS MYSQL PARA WEBS PHP • ACCESO AL GESTOR PHPMYADMIN • CREAR TABLAS MYSQL CON PHPMYADMIN. TIPOS DE DATOS BÁSICOS (VARCHAR, INT, FLOAT). INSERTAR FILAS. • CONEXIÓN A BASE DATOS MYSQL DESDE PHP • CONSULTAS MYSQL DESDE PHP, RECORRIDO DE RESULTADOS QUERY • PHP INSERCIÓN DE REGISTROS EN BASE DE DATOS • BORRAR REGISTROS DE LA BASE DE DATOS DESDE PHP | 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 |
PLATAFORMA USADA: Zoom
TIEMPO: 2 MESES (8 SEMANAS)
HORARIO: MARTES 7PM – 10PM
INVERSIÓN: S/ 300.00
PRECIO PROMOCIONAL: S/ 200.00
INICIO DE CLASES: 12 DE ABRIL
