TEMARIO FASE 3 - COMPUTACIÓN by emilianisomascos

Promoción 2022 Sexto Computación “A”

Sexto Computación “B”

Diego René Almengor Carrillo Karen Mishel Alvarado Nájera Mónica Julisa Barrera Rodriguez Emanuel Eduardo Beltran Gómez Cindi Fabiola Benito Sarceño Erwin Fernando Blanco Melendres Alexsandro Daniel Camel de la Cruz Kevin Daniel Cárcamo Rodas Yásmin Abigail Carrillo Vargas Diego Armando Castellanos De La Cruz Josue David Chitay Culajay Astrid Daniela Colindres Fuentes Pablo Andrés Contreras Cantoral Josué Arnoldo Cujá Jerónimo Williams Ismael Alfredo Culajay Guamuch ● José Javier Culajay Patzán ● Robinson Daniel Dávila Alba ● Edwin Sebastian de León yas ● Brandon Uwe Diaz Ac ● Eldan André Escobar Asturias ● José Daniel Garcia Cubur ● Wiliam de Jesus González Pisabaj ● William Alejandro Guzmán Juárez ● Francisco Estuardo Pérez López ● Dylan Luis José Solares Monzón ● Pablo Andrés Hernández Ramírez

● Alvaro Miguel Angel Ico Tiul ● Andrés Ixcajoc López ● Dwight Pablo Miguel Jongezoon Ordóñez ● Herbert José Leal Sinay ● Andy Giovanny Letran Tomás ● Keneth Alexander López Barrios ● Diego Fernando López Gómez ● Herbert Noé Mayca de los Santos ● Donován Alexander Monge Picón ● Jonatan Samuel Andres Monzon Nimatuj ● Cristofer Javier Morales de León ● Maria Fernanda Morales Lima ● Luis David Ortíz Fernández ● Carlos Fabio Andrés Paz Hernández ● Dina Rebeca Perez Bátres ● José Javier Petzey Coquix ● Daniel Estuardo Puluc Patzán ● Fernando José Raxón Pirir ● Devin Miguel Reyes Quiñonez ● William Leonardo Salvador Dealtán ● Pablo Andrés Sarceño Jacinto ● Diego Pablo Solares Zuleta ● Andrés Alexander Tobar Muñoz ● Angel Andres Velásquez de León ● Gabriel Orlando Xanté Mejía

● ● ● ● ● ● ● ● ● ● ● ● ● ● ●

Centenario Somasco en América Cien años de la comunidad somasca en América, aquel lejano 5 de octubre de 1921 en el cual tuvimos el arribo en el puerto de la libertad, en el vecino país del Salvador, el que significa el primer apostolado somasco. Posteriormente en 1927 comenzaron las obras en Guatemala. Pensar que tenemos ya en este año 2022 más de 100 años de nosotros también ser partícipes de una obra que sigue hasta el día de hoy creciendo y expandiéndose, un mensaje de perseverancia que nos muestra que no todo llega rápidamente, pero que en algún momento todo da sus frutos. Solamente Dios sabe qué es lo que hace y cómo lo hace, cuál es el rumbo de las cosas, de su corazón nacen las cosas que son buenas, la ayuda, la sabiduría, la inteligencia, solo vienen de él, sus planes para todos en los que en él confían, serán siempre de bendición. El es el que da las herramientas para que podamos salir adelante, siempre interfiere en todo lo que nos pasa en el día a día, en cada hora, en cada minuto, cada instante de nuestras vidas está planeado desde mucho antes de que nosotros conociéramos el primer instante de vida. Eso significa la comunidad, una comunidad que significó una luz, una muestra de que el amor divino, que la mano de Dios aún está con nosotros y que seguirá estando, de la mano de todos aquellos colaboradores y de todos aquellos corazones que están conectados con la espiritualidad, que son verdaderos devotos a la obra verdaderamente cristiana, que mucha falta hace en estos tiempos tan difíciles. Una comunidad que ha hecho muchas obras de bien para la sociedad, fundando instituciones educativas, seminarios, con el fin siempre de acercar más a las personas a Jesús, que es la verdadera visión y vocación que siempre se ha querido plasmar y transmitir hacia cada persona que está involucrada en esta obra masiva de devoción, caridad y trabajo. Lo que representó San Jerónimo a partir de su conversión, y que demostró toda su vida a partir de aquella experiencia propia que tuvo con la Virgen María. Su virtud es llevar el mensaje de salvación a partir de la ayuda hacia aquellos que más lo necesitan.

La pandemia que vivimos en estos últimos dos años, sin duda significó muchas cosas perdidas, familias que perdieron trabajo, que están pasando angustias económicas, incluso familias en dónde muchos miembros ya no están, suena como un mensaje pesimista, pero es la verdadera realidad en la cual nos encontramos viviendo, pero cuando hacemos algo, por ayudar a alguien más estamos contribuyendo al propósito de nuestras vidas. Cuando empezamos a ver más allá de lo que nuestra perspectiva común ve, cuando dejamos de centrarnos en lo que pasamos, o a aún con problemas, luchas externas e internas, podemos ver aquellas realidades en las que nosotros, podemos intervenir, y quizá no cambiemos la realidad de la persona, hay situaciones realmente difíciles pero, sí podemos dar una palabra incluso que venga del corazón, y dar ánimo nuevamente a una persona.

Porque la obra de caridad es algo más allá que ser llamado propiamente un santo, porque la caridad está en cada uno de aquellos corazones dispuestos a sacrificar algo, por servir, por ayudar a los demás. Porque la caridad requiere de intencionalidad también, el deseo y el sentido del deber, de dar sin esperar recibir nada a cambio, realmente eso es lo que completa una verdadera conversión, porque si recibimos la salvación, y la misericordia de Cristo, cómo no tener misericordia de aquellos que alguna vez fuimos nosotros. El Centenario Somasco en América, significa más que solo 100 años, significan años de trabajo, de sacrificio, de cambios, de una transformación que incluso todos buscamos a diario. Quizá lo más significativo más allá de toda la historia que engloba estos cien años de la Comunidad Somasca en América, tenemos un proyecto de vida que busca reunir a todas aquellas personas marginadas, necesitadas, dirigirse a los niños, como el mismo Jesús lo haría en su tiempo. Resulta más que grata su presencia en América y propiamente en Guatemala, y deseamos que así como tenemos un centenario se sigan cumpliendo más y más años de nuevos retos, pero sobre todo de practicar el amor al prójimo, el mensaje de salvación por medio de las obras.

Introducción A lo largo de este trabajo como alumnos del 6to grado en bachiller industrial y perito con especialidad en computación, daremos a conocer cada uno de los temas vistos e impartidos por nuestros docentes en el ciclo escolar 2021 que corresponde al quinto grado de nuestra especialidad ya antes mencionada. Explicaremos y daremos a conocer en cada tema que en este documento se presenta, cada uno de los aspectos, características, aplicaciones y utilidades de dichos temas, tratando de dejar claro cada uno de ellos. Abarcando de una manera clara y directa todo lo visto en ese ciclo escolar, principalmente orientado a la programación en Visual basic, programación orientada a objetos en Java, conexiones a bases de datos, Introducción a HTML entre muchos otros temas que serán de apoyo y guía para retroalimentar y fomentar en los estudiantes el correcto desarrollo de aplicaciones y proyectos que necesiten de estos tipos de software, lenguajes y conocimientos.

Justificación El motivo por el cual todos los estudiantes realizamos la recopilación de toda la información que se presenta en este documento, es principalmente para que cada uno de nosotros tenga acceso a un medio de estudio y retroalimentación de todos los temas comprendidos, no solamente este año, sino también para un ámbito laboral y profesional que como futuros graduandos no estamos lejos a alcanzar, Cada uno podrá estudiar y repasar para mejorar y poner en práctica cada una de nuestras habilidades adquiridas a lo largo de todo este ciclo escolar. Ya que será información que no solo nos servirá este año, sino que si nos esmeramos y ponemos empeño en cada una de las prácticas y competencias en cada tema, vamos a adquirir los conocimientos necesarios que nos servirán en un grado de educación superior universitaria y a lo largo de toda nuestra vida laboral.

Temas Sexto grado Programación estructurada Capítulo I 1.

PHP5 1.1

PHP Introducción

1.2

PHP Sintaxis

1.3

Variables PHP

1.4

PHP Echo / Imprimir

1.5

PHP Tipos de datos

1.6

Funciones PHP de cuerda

1.7

PHP Constantes

1.8

PHP Operadores

1.9

PHP If…Else…ElseIf

1.10

PHP Conmutador

1.11

PHP do…While

1.12

PHP For

1.13

PHP Funciones

1.14

PHP Arrays

1.15

PHP Ordenando Arrays

1.16

PHP Superglobales

1.17

PHP fecha y hora

1.18

PHP incluir

1.19

PHP Administración de archivos

1.20

PHP Open File / Read

1.21

PHP File Crear / escritura

1.22

PHP File Upload

1.23

PHP cookies

1.24

PHP Sesiones

1.25

PHP Manejo de errores

1.26

Excepción PHP

Capítulo II 2.

JavaScript I 2.1.

JS Introduction

2.2.

JS Where To

2.3.

JS Output

2.4.

JS Syntax

2.5.

JS Statements

2.6.

JS Comments

2.7.

JS Variables

2.8.

JS Data Types

2.9.

JS Objects

2.10.

JS Functions

2.11.

JS Scope

2.12.

JS Events

2.13.

JS Strings

2.14.

JS String Methods

2.15.

JS Numbers

2.16.

JS Numbers Methods

2.17.

JS Operators

2.18.

JS Math

2.19.

JS Dates

2.20.

JS Date Methods

2.21.

JS Arrays

2.22.

JS Array Methods

2.23.

JS Booleans

2.24.

JS RegExp

2.25.

JS Type Conversion

2.26.

JS Comparisons

Capítulo III 3.

JQuery 3.1.

jQuery Hide/Show

3.2.

jQuery Fade

3.3.

jQuery Slide

3.4.

jQuery Animate

3.5.

jQuery stop()

3.6.

jQuery Callback

3.7.

jQuery Chaining

3.8.

jQuery Get

3.9.

jQuery Set

3.10.

jQuery Add

3.11.

jQuery Remove

3.12.

jQuery CSS Classes

3.13.

jQuery css()

3.14.

jQuery Dimensions

Sexto Grado Estructura de datos Capítulo I 1.

MySQL (Gráfico/consola) 1.1.

Entorno de trabajo

1.2.

Instalación

1.3.

Crear base de datos

1.4.

Llave primaria

1.5.

Llave foránea

1.6.

Mostrar base de datos y tablas

1.7.

Tipos de datos básicos

1.8.

Valores null

1.9.

DML

1.10.

1.9.1.

Create

1.9.2.

Alter

1.9.3.

Drop

1.9.4.

Truncate table

DDL

1.10.1.

Select

1.10.2.

Insert

1.10.3.

Update

1.10.4.

Delete

Capítulo II 1.

Framework web y Scripting 1.1.

¿Qué es un framework Web?

1.2.

Patrón MVC y Model 2.

1.3.

Tipos de framework Web.

1.4.

Características.

1.5.

ejemplo

1.6.

Historia

1.7.

Aplicaciones

1.8.

Tecnologías

1.9.

Scripting

Capítulo III 1.

Servidor Web

Conexión de red SSL, TLS, HTTPS

Uno o más clientes

Arquitectura dos capas 4.1.

Cliente / Servidor

Arquitectura tres capas 5.1.

Capa de presentación 5.1.1.

Capa de diseño

5.1.2.

Capa de negocios

Qué es la seguridad de sitios web

Amenazas contra las seguridades

Vulnerabilidad

Medidas de seguridad para la web

10.

Herramientas de testeo para la web 10.1.

Inyección SQL

10.2.

Denegación de servicios

10.3.

Inyección de comandos

Sexto Grado Tecnología vocacional Capítulo I 1.

Estándares Web 1.1.

W3C

1.2.

HTML & CSS

1.3.

Gráficos

1.4.

Audio y Vídeo

1.5.

Internacionalización

1.6.

Redes móviles

1.7.

Privacidad

1.8.

Navegadores web 1.8.1.

Historia y evolución

1.8.2.

Versiones

1.8.3.

Ejemplos de navegadores Web

Capítulo II 2.

Integración CMS+CRM+ERP 2.1.

Conceptos

2.2.

Historia

2.3.

Implementación

2.4.

ERP versus software de gestión

2.5.

Ventajas y desventajas

2.6.

Seguridad en la Web

2.7.

Historia

2.8.

Vulnerabilidad

2.9.

Soluciones

2.10.

Tipos de ataques

Capítulo III 3.

Arquitectura y seguridad en las aplicaciones web 3.1.

Que es un software web

3.2.

Usos de un software web 3.2.1.

Por qué elegir una solución web

3.3.

Elección de un software web

3.4.

Tipos de software web

3.5.

Software web serial

3.6.

Ventajas y desventajas de un software serial

3.7.

Software con servicios rentados

3.8.

Software Web adaptación a dispositivos móviles 3.8.1.

3.9. 3.10. 3.11.

Cómo se implementa

Software web desarrollado a medida Tipos de licencia

Sexto Grado Redes de la información Capítulo I 1.

Introducción y clasificación de las redes 1.1.

Qué es una red

1.2.

Comunicación de datos

1.3.

Canal de comunicación

1.4.

Red de computadores

1.5.

Telemática

1.6.

Ventajas de las redes

1.7.

Modelo de sistema de comunicación

1.8.

Fuente

1.9.

Transmisor

1.10.

Clasificación de las redes según su tamaño y extensión: 1.10.1.

LAN

1.10.2.

PAN

1.10.3.

MAN

1.10.4.

WAN

1.10.5.

WLAN

1.10.6.

VLAN

1.10.7.

CAN

1.10.8.

SAN

1.10.9.

Redes de internet

1.10.10.

Redes inalámbricas

1.10.11.

Topologías

1.10.12.

Tipos de topología de red

1.10.13.

Topología en anillo

1.10.14.

Topología de anillo doble

1.10.15.

Topología de árbol

1.10.16.

Topología de bus

1.10.17.

Topología de estrella

1.10.18.

Topología de estrella extendida

1.10.19.

Topología de malla

1.10.20.

Topología híbrida

1.10.21.

Partes de una topología

Capítulo II 2.

Modelo Osi y protocolos TCP/IP 2.1.

Capas del modelo OSI

2.2.

Capa 1: La capa física

2.3.

Capa 2: La capa de enlace de datos

2.4.

Capa 3: La capa de red

2.5.

Capa 4: La capa de transporte

2.6.

Capa 5: La capa de sesión

2.7.

Capa 6: La capa de presentación

2.8.

Capa 7: La capa de aplicación

2.9.

Protocolos utilizados en cada capa

2.10.

Dispositivos de redes utilizados en cada capa

2.11.

Redes IP

2.12.

El protocolo IP versión 4

2.13.

El protocolo ICMP

2.14.

El protocolo UDP

2.15.

El protocolo TCP

Capítulo III 1.

Subneteo 1.1.

1.2.

1.3.

Subneteo Clase A 1.1.1.

Dirección IP clase A

1.1.2.

Máscara de red

1.1.3.

Asignación de subred

Subneteo Clase B 1.2.1.

Dirección IP clase B

1.2.2.

Máscara de red

1.2.3.

Asignación de subred

Subneteo Clase C 1.3.1.

Dirección IP clase B

1.3.2.

Máscara de red

1.3.3.

Asignación de subred

Sexto Grado Programación Estructurada III

Capítulo I 1.1 PHP Por: Diego René Almengor Carrillo

1.1.1

Introducción a PHP

Por: Diego René Almengor Carrillo

PHP es un potente lenguaje, y su intérprete, bien como módulo del servidor web o bien como binario CGI, puede acceder a ficheros, ejecutar comandos o abrir conexiones de red desde el servidor. Estas propiedades hacen que, por omisión, sea inseguro todo lo que se ejecute en un servidor web. PHP está diseñado específicamente para ser un lenguaje más seguro para escribir aplicaciones CGI que Perl o C. Partiendo de un correcto ajuste de opciones de configuración para tiempo de ejecución y en tiempo de compilación, y el uso de prácticas de programación apropiadas, pueden proporcionarle la combinación de libertad y de seguridad que necesita. Dado que hay muchas vías para ejecutar PHP, existen muchas opciones de configuración para controlar su comportamiento. Al haber una extensa selección de opciones se garantiza poder usar PHP para un gran número de propósitos, pero a la vez significa que existen combinaciones que conllevan una configuración menos segura. La flexibilidad de configuración de PHP rivaliza igualmente con la flexibilidad de su código. PHP puede ser usado para construir completas aplicaciones de servidor, con toda la potencia de un usuario de consola, o se puede usar sólo desde el lado del servidor implicando un menor riesgo dentro de un entorno controlado. El cómo construir ese entorno, y cómo de seguro es, depende del desarrollador PHP. Este capítulo comienza con algunos consejos generales de seguridad, explica las diferentes combinaciones de opciones de configuración y las situaciones en que pueden ser útiles, y describe diferentes consideraciones relacionadas con la programación de acuerdo a diferentes niveles de seguridad.

Imagen: Logotipo de php Fuente: http://i.imgur.com/tq5Bs.png

En un sitio dinámico, la información generalmente está contenida en una base de datos. Cada vez que mostramos la página, como por ejemplo una página de noticas, buscamos en la base de datos las últimas noticias que tenemos ingresadas para mostrar en el navegador del visitante. Ahora bien, ¿cómo se consigue que la página vaya mostrando noticias nuevas? Simplemente cargando las mismas en la base de datos, por ejemplo, a través de un formulario que rellena una persona y que una vez relleno cuando pulsa “Enviar” implica que lo que haya escrito se guarde en nuestra base de datos. De esta manera, cuando solicitamos la página web y el servidor consulte la base de datos, encontrará esta nueva información y mostrará nuestra página de forma distinta a como se veía anteriormente.

Imagen: Codigo implmentado de php Fuente: https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=492:iquees-php-y-ipara-que-sirve-un-potente-lenguaje-de-programacion-para-crear-paginas-webcu00803b&catid=70&Itemid=193

1.1.2

Sintaxis PHP

Por: Diego René Almengor Carrillo

Cuando PHP analiza un fichero, busca las etiquetas de apertura y cierre, que son <?php y ?>, y que indican a PHP dónde empezar y finalizar la interpretación del código. Este mecanismo permite embeber a PHP en todo tipo de documentos, ya que

todo lo que esté fuera de las etiquetas de apertura y cierre de PHP será ignorado por el analizador. PHP también permite la etiqueta de apertura abreviada <? (la cual está desaconsejada debido a que sólo está disponible si se habilita con la directiva short_open_tag del fichero de configuración php.ini, o si PHP se configuró con la opción --enable-short-tags). Si un fichero contiene solamente código de PHP, es preferible omitir la etiqueta de cierre de PHP al final del mismo. Así se previene la adición de espacios en blanco o nuevas líneas accidentales después de la etiqueta de cierre, lo cual causaría efectos no deseados debido a que PHP comenzará la salida del búfer cuando no había intención por parte del programador de enviar ninguna salida en ese punto del script.

Imagen: Sintaxix básica de php Fuente: https://www.monografias.com/trabajos106/lenguaje-php-basico/img2.png

En lugar de usar muchos comandos para mostrar HTML (como en C o en Perl), las páginas de PHP contienen HTML con código incrustado que hace "algo" (en este caso, mostrar "¡Hola, soy un script de PHP!). El código de PHP está encerrado entre las etiquetas especiales de comienzo y final <?php y ?> que permiten entrar y salir del "modo PHP". Lo que distingue a PHP de algo del lado del cliente como Javascript es que el código es ejecutado en el servidor, generando HTML y enviándolo al cliente. El cliente recibirá el resultado de ejecutar el script, aunque no se sabrá el código subyacente que era. El servidor web puede ser configurado incluso para que procese todos los ficheros HTML con PHP, por lo que no hay manera de que los usuarios puedan saber qué se tiene debajo de la manga.

1.1.3

Tipos de PHP

Por: Monica Julisa Barrera Rodriguez Los principales tipos de datos (considerados tipos de datos escalares) en PHP son: boolean: almacenan valores verdadero o falso (true / false). integer: números enteros. float: números con decimales, usando el punto como separador decimal.

Cuatro tipos escalares: ● Boolean: Este es el tipo más simple. Un boolean expresa un valor que indica verdad. Puede ser true (verdadero) o false (falso).

Fuente: https://www.php.net/manual/es/language.types.boolean.php

● Integer: Un número entero (o integer) es un número del conjunto ℤ = {..., -2, -1, 0, 1, 2, ...}.

Fuente: https://www.php.net/manual/es/language.types.integer.php

● Float: Los números de punto flotante (también conocidos como "de coma flotante" en español, y "floats" en inglés) pueden ser especificados usando cualquiera de las siguientes sintaxis:

Fuente: https://www.php.net/manual/es/language.types.float.php

● String: Un string, o cadena, es una serie de caracteres donde cada carácter es lo mismo que un byte. Esto significa que PHP solo admite un conjunto de 256 caracteres, y de ahí que no ofrezca soporte nativo para Unicode.

Fuente: https://medium.com/@shankarbabu007/important-php-string-functions66cc480e687

Tipos especiales: ● Resource: Un valor tipo resource es una variable especial, que contiene una referencia a un recurso externo. Los recursos son creados y usados por funciones especiales.

Fuente: https://slideplayer.com/slide/5023941/

● NULL: El valor especial null representa una variable sin valor. Null

1.1.4

Funciones de PHP de Cuerda

Por: Monica Julisa Barrera Rodriguez En este capítulo vamos a ver algunas funciones que se usan comúnmente para manipular cadenas.

Obtener la longitud de una cuerda: El PHP strlen() función devuelve la longitud de una cadena.

Fuente: https://www.w3bai.com/es/php/php_string.html

Contar el número de palabras en una cadena: El PHP str_word_count() función cuenta el número de palabras de una cadena:

Fuente: https://www.w3bai.com/es/php/php_string.html

Invertir una cadena El PHP strrev() función invierte una cadena:

Fuente: https://www.w3bai.com/es/php/php_string.html

Reemplazar texto dentro de una cadena El PHP str_replace() función reemplaza algunos caracteres con algunos otros caracteres de una cadena.

Fuente: https://www.w3bai.com/es/php/php_string.html

1.1.5

PHP Constantes

Por: Emanuel Eduardo Beltran Gomez Una constante es un identificador (nombre) para un valor simple. Como el nombre sugiere, este valor no puede variar durante la ejecución del script (a excepción de las constantes mágicas, que en realidad no son constantes). Por defecto, una constante distingue mayúsculas y minúsculas. Por convención, los identificadores de constantes siempre se declaran en mayúsculas. l nombre de una constante sigue las mismas reglas que cualquier otra etiqueta de PHP. Un nombre de constante válido empieza por una letra o guion bajo, seguido por cualquier número de letras, números o guiones bajos. Usando una expresión regular, se representaría de la siguiente manera: [a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*

1.1.6

PHP Operadores

Por: Emanuel Eduardo Beltran Gomez Los operadores de comparación permiten comparar dos valores, tal y comosu nombre indica. En general, esto nos servirá para tomar decisiones. Por ejemplo, quizás tenemos que decidir si autorizar una operación según exista saldo suficiente en su cuenta bancaria o no. Para ello en PHP disponemos de los operadores que se indican en la siguiente tabla.

fuente: https://www.php.net/manual/es/language.operators.logical.php

1.1.7

PHP if.. Else.. Elseif

Por: Cindi Fabiola Benito Sarceño Muy a menudo, cuando escribe código, desea realizar diferentes acciones para diferentes condiciones. Puede usar declaraciones condicionales en su código para hacer esto. En PHP tenemos las siguientes declaraciones condicionales: ●

If declaración - ejecuta algún código si una condición es verdadera

●

if...else declaración: ejecuta algún código si una condición es verdadera y otro código si esa condición es falsa

●

if...elseif...else declaración - ejecuta diferentes códigos para más de dos condiciones

●

switch instrucción: selecciona uno de los muchos bloques de código que se ejecutarán

Imagen: php if else elseif Fuente: https://cdn.pimylifeup.com/wp-content/uploads/2022/02/PHP-if-else-elseifconditional-statements-Thumbnail.jpg

1.1.8

PHP Conmutador

Por: Cindi Fabiola Benito Sarceño conmutador es un dispositivo de interconexión de redes de otros dispositivos o computadoras.

Conocido también como "switch", el conmutador es un aparato que interconecta dos o más segmentos de una misma red para el enlace de datos, funcionando como un puente. Se dice que en una "red en estrella" el conmutador es el centro. La funcionalidad de un conmutador está dada por la multiplicación de redes y datos a transmitir, con la subsiguiente necesidad de un orden y sistematización para su operación. Un conmutador funciona como un filtro en la red, mejorando el rendimiento y la seguridad de las conexiones al provocar una fusión de éstas.

Imagen: php conmutador Fuente: https://www.adaweb.es/wp-content/uploads/2018/03/04032019_contenido_PHP_adawebmin.png

1.1.9

Do… While PHP

Por: Pablo Ismael Berganza Mendoz Los bucles do-while son muy similares a los bucles while, excepto que la expresión verdadera es verificada al final de cada iteración en lugar que al principio. La diferencia principal con los bucles while es que está garantizado que corra la primera iteración de un bucle do-while (la expresión verdadera sólo es verificada al final de la iteración), mientras que no necesariamente va a correr con un bucle while regular (la expresión verdadera es verificada al principio de cada iteración, si se evalúa como false justo desde el comienzo, la ejecución del bucle terminaría inmediatamente). Hay una sola sintaxis para bucles do-while:

Imagen: Ejemplo de do while en PHP Fuente: https://www.php.net/manual/es/control-structures.do.while.php

El bucle de arriba se ejecutaría exactamente una sola vez, ya que después de la primera iteración, cuando la expresión verdadera es verificada, se evalúa como false ($si no es mayor que 0) y termina la ejecución del bucle. Los usuarios avanzados de C pueden estar familiarizados con un uso distinto del bucle do-while, para permitir parar la ejecución en medio de los bloques de código, mediante el encapsulado con do-while (0), y utilizando la sentencia break. El siguiente fragmento de código demuestra esto:

Imagen: Ejemplo de do while en PHP Fuente: https://www.php.net/manual/es/control-structures.do.while.php

1.1.10 For PHP Por: Pablo Ismael Berganza Mendoz

Los bucles for son los más complejos en PHP. Se comportan como sus homólogos en C. La sintaxis de un bucle for es: for (expr1; expr2; expr3) sentencia La primera expresión (expr1) es evaluada (ejecutada) una vez incondicionalmente al comienzo del bucle. En el comienzo de cada iteración, se evalúa expr2. Si se evalúa como true, el bucle continúa y se ejecutan la/s sentencia/s anidada/s. Si se evalúa como false, finaliza la ejecución del bucle. Al final de cada iteración, se evalúa (ejecuta) expr3. Cada una de las expresiones puede estar vacía o contener múltiples expresiones separadas por comas. En expr2, todas las expresiones separadas por una coma son evaluadas, pero el resultado se toma de la última parte. Que expr2 esté vacía significa que el bucle debería ser corrido indefinidamente (PHP implícitamente lo considera como true, como en C). Esto puede no ser tan inútil como se pudiera pensar, ya que muchas veces se debe terminar el bucle usando una sentencia condicional break en lugar de utilizar la expresión verdadera del for. Considere los siguientes ejemplos. Todos ellos muestran los números del 1 al 10:

for ($i = 1; $i <= 10; $i++) { echo $i;

}

for ($i = 1; ; $i++) { if ($i > 10) { break; } echo $i; }

for ($i = 1, $j = 0; $i <= 10; $j += $i, print $i, $i++);

1.1.11 PHP Funciones Por: Erwin Blanco Una función es un conjunto de instrucciones que a lo largo del programa van a ser ejecutadas multitud de veces. Es por ello, que este conjunto de instrucciones se agrupa en una función. Las funciones pueden ser llamadas y ejecutadas desde cualquier punto del programa. Además, una función puede recibir parámetros externos de los cuales dependa el resultado de dicha función. Es decir, según el parámetro o parámetros con los que se invoque a la función, ésta devolverá un resultado u otro. Las funciones deben estar definidas antes de realizar la llamada a la función (como es lógico). Sintaxis

Imagen: Ejemplo De la sintaxis Fuente: https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=573:funcio nes-php-declaracion-y-llamadas-parametros-tipos-return-ejercicios-ejemplos-resueltoscu00827b&catid=70&Itemid=193#:~:text=FUNCIONES%20EN%20PHP&text=Una%20funci%C3%B3n%20es %20un%20conjunto,desde%20cualquier%20punto%20del%20programa

1.1.12 PHP Array Por: Erwin Blanco Un array en PHP es en realidad un mapa ordenado. Un mapa es un tipo de datos que asocia valores con claves. Este tipo se optimiza para varios usos diferentes; se puede emplear como un array, lista (vector), tabla asociativa (tabla hash - una implementación de un mapa), diccionario, colección, pila, cola, y posiblemente más. Ya que los valores de un array pueden ser otros arrays, también son posibles árboles y arrays multidimensionales. Una explicación sobre tales estructuras de datos está fuera del alcance de este manual, aunque se proporciona al menos un ejemplo de cada uno de ellos. Para más información, consulte la extensa literatura que existe sobre este amplio tema.

Imagen: Ejemplo De la sintaxis Fuente: https://www.php.net/manual/es/language.types.array.php

1.1.13 PHP Ordenador Array Por: Alexandro Camel Ahora veamos directamente las funciones disponibles para ordenar arrays. Es la función más básica para ordenar arrays en PHP. Ordena el array de valores menores a mayores. Lo vemos con un ejemplo.

Imagen: Ejemplo de sort() Fuente: https://desarrolloweb.com/articulos/ordenar-arrays-php.html

Esta función ordena el array por valores. La "r" delante quiere decir que ordena en orden reverso, de mayor a menor.

Imagen: Ejemplo de rsort() Fuente: https://desarrolloweb.com/articulos/ordenar-arrays-php.html

También podemos ordenar un array por el índice o llave, que quiere decir que en lugar de ordenar atendiendo a los valores, se ordenaría atendiendo al índice que tienen. Para ver este ejemplo utilizaremos arrays asociativos, que son los que tienen índices de texto en vez de números.

En el array siguiente vemos que tenemos índices como "h", "e", "a", en lugar de números. Lo que hará este tipo de ordenación es fijarse en esos índices para poner el array ordenado por ellos.

Imagen: Ejemplo de ksort() Fuente: https://desarrolloweb.com/articulos/ordenar-arrays-php.html

Esta función ordena los elementos de un array, pero manteniendo la correlación entre índices y valores a los que están asociados. Ordena por valores. Se utiliza generalmente en arrays asociativos.

Imagen: Ejemplo de asort() Fuente: https://desarrolloweb.com/articulos/ordenar-arrays-php.html

1.1.14 PHP Super Plegable Por: Alexandro Camel Son variables internas que están disponibles siempre en todos los ámbitos. Algunas variables predefinidas en PHP son "superglobales", lo que significa que están disponibles en todos los ámbitos a lo largo del script. No es necesario emplear global $variable; para acceder a ellas dentro de las funciones o métodos.

$GLOBALS

Es un array asociativo que contiene las referencias a todas la variables que están definidas en el ámbito global del script. Los nombres de las variables son las claves dearray.

Imagen: Ejemplo de $GLOBALS Fuente: https://www.php.net/manual/es/reserved.variables.globals.php

$_SERVER Es un array que contiene información, tales como cabeceras, rutas y ubicaciones de script. Las entradas de este array son creadas por el servidor web. No hay garantía que cada servidor web proporcione alguna de estas entradas, existen servidores que pueden omitir algunas o proporcionar otras no recogidas aquí. Un gran número de estas variables se encuentran recogidas en » especificación CGI 1.1, así que al menos debe esperaencontrar estas entradas.

Imagen: Ejemplo de $_SERVER Fuente: https://www.php.net/manual/es/reserved.variables.server.php

1.1.15 PHP Fecha y Hora Por: Kevin carcamo date(string $format, int $timestamp = time()): string

Devuelve una cadena formateada según el formato dado usando el parámetro de tipo integer timestamp dado o el momento actual si no se da una marca de tiempo. En otras palabras, timestamp es opcional y por defecto es el valor de time(). El formato de la fecha de salida tipo string. Vea las opciones de formato mas abajo. También hay varias constantes de fecha predefinida que pueden usarse en su lugar, asi por ejemplo Date_RRS contiene la cadena de formato ‘D, d M Y H: i : s’.

Los siguientes caracteres están reconocidos en el parámetro de cadena format Carácter de format

Descripción

Ejemplo devueltos

Día

---

Día del mes, 2 dígitos con ceros 01 a 31 iniciales

Una representación textual de Mon hasta Sun un día, tres letras

Día del mes sin ceros iniciales

valores

1 a 31

l ('L' Una representación textual Sunday hasta Saturday minúscula) completa del día de la semana N

Representación numérica ISO- 1 (para lunes) 8601 del día de la semana hasta 7 (para domingo) (añadido en PHP 5.1.0)

Sufijo ordinal inglés para el día st, nd, rd o th. del mes, 2 caracteres bien con j

Representación numérica día de la semana

El día del año (comenzando por 0 hasta 365 0)

Semana

---

Número de la semana del año Ejemplo: 42 (la 42ª semana ISO-8601, las semanas del año) comienzan en lunes

Mes

---

Una representación textual January hasta December completa de un mes, como January o March

Representación numérica de un 01 hasta 12 mes, con ceros iniciales

Una representación textual corta Jan hasta Dec de un mes, tres letras

Representación numérica de un 1 hasta 12 mes, sin ceros iniciales

Número de días del mes dado

28 hasta 31

Año

---

Si es un año bisiesto

1 si es bisiesto, 0 si no.

Año según el número de la Ejemplos: 1999 o 2003 semana ISO-8601. Esto tiene el mismo valor que Y, excepto que

Funciona

del 0 (para domingo) hasta 6 (para sábado)

---

Los siguientes caracteres están reconocidos en el parámetro de cadena format Carácter de format

Descripción

Ejemplo devueltos

valores

si el número de la semana ISO (W) pertenece al año anterior o siguiente, se usa ese año en su lugar. (añadido en PHP 5.1.0) U

Segundos desde la Época Unix (1 Vea también time() de Enero del 1970 00:00:00 GMT)

El parámetro opcional timestamp es una marca temporal de Unix de tipo integer que por defecto es la hora local si no proporciona ningún valor a Timestamp. Es forma predeterminada el valor de la función time().

1.1.16 PHP Incluir Por: Kevin Carcamo Los archivos son incluidos con base en la ruta de acceso dada o, si ninguna es dada, el include_path especificado. Si el archivo no se encuentra en el include_path, include finalmente verificara en el propio directorio del script que hace el llamado y en el directorio de trabajo actual, antes de fallar. El constructor include emitirá una advertencia si no puede encontrar un archivo, este es un comportamiento diferente al de require, el cual emitirá un error fatal. Si una ruta es definida ya sea absoluta (comenzando con una letra de unidad o en Windows o en sistemas Unix/Linux) o relativa al directorio actual (comenzando con. o) el include_path será ignorado por completo. Por ejemplo, si un nombre de archivo comienza con /. el intérprete buscará en el directorio padre para encontrar el archivo solicitado. vars.php <?php $color = 'verde'; $fruta = 'manzana'; ?> test.php <?php echo "Una $fruta $color"; // Una include 'vars.php'; echo "Una $fruta $color"; // Una manzana verde

Si la inclusión ocurre al interior al interior de una función dentro del archivo que hace el llamado, entonces todo el código contenido en el archivo llamado se comportara como si hubiera sido definida dentro de esa función. Por lo tanto, seguirá el ámbito de las variables de esa función. Una excepción a esta regla son las constantes mágicas las cuales son evaluadas por el intérprete antes que ocurra la inclusión.

1.1.17 Administracion de Archivo PHP Por: Yasmin Carillo PHP tiene varias funciones para crear, leer, cargar y editar archivos.

PHP readfile() Función El readfile() función lee un archivo y lo escribe en el buffer de salida.

El código PHP para leer el archivo y escribir en el búfer de salida es la siguiente (the readfile() devuelve el número de bytes leídos en caso de éxito):

Ejemplo <?php echo readfile("webdictionary.txt"); ?> El readfile() función es útil si todo lo que quiere hacer es abrir un archivo y leer su contenido.

1.1.18 PHP Open File/Read Por: Yasmin Carrillo Abrir archivo PHP - fopen() Un mejor método para abrir archivos es con el fopen() función. Esta función le da más opciones que el readfile() función.

El primer parámetro de fopen () contiene el nombre del archivo que se puede abrir y el segundo parámetro especifica en qué modo el archivo se debe abrir. El ejemplo siguiente también genera un mensaje si la función fopen () no es capaz de abrir el archivo especificado:

Ejemplo

<?php $myfile = fopen("webdictionary.txt", "r") or die("Unable to open file!"); echo fread($myfile,filesize("webdictionary.txt")); fclose($myfile); ?>

PHP Leer archivo - fread () La función fread () lee de un archivo abierto.

El primer parámetro de fread () contiene el nombre del archivo a leer y el segundo parámetro especifica el número máximo de bytes a leer.

El siguiente código PHP lee el archivo "webdictionary.txt" al final:

fread($myfile,filesize("webdictionary.txt"));

PHP Cerrar archivo - fclose() El fclose() función se utiliza para cerrar un archivo abierto.

El fclose() requiere el nombre del archivo (o una variable que contiene el nombre del archivo) queremos cerrar:

<?php $myfile = fopen("webdictionary.txt", "r") ; // some code to be executed.... fclose($myfile) ; ?>

1.1.19 PHP Manejo de Errores Por: Diego Castellano El manejo de errores por defecto en PHP es muy simple. Un mensaje de error con el nombre de archivo, número de línea y un mensaje que describe el error se envía al navegador.

Registro de Errores Por defecto, PHP envía un registro de errores de sistema de registro del servidor o un archivo, dependiendo de cómo la configuración error_log en el archivo php.ini. Al utilizar el error_log() la función que puede enviar registros de errores en un archivo especificado o un destino remoto. El envío de mensajes de error a sí mismo por correo electrónico puede ser una buena manera de conseguir la notificación de errores específicos.

Imagen: Ejemplo de como implementar un código que permita enviar un error a un correo electrónico en específico. Fuente: https://www.w3bai.com/es/php/php_error.html

Función Die() Se utiliza para evitar el muestreo de mensajes de error como el siguiente:

Imagen: Ejemplo de un mensaje de error mostrado por defecto por php Fuente: https://www.w3bai.com/es/php/php_error.html

Para mostrar mensajes como:

Imagen: Ejemplo de un mensaje de error mostrado por la función die() Fuente: https://www.w3bai.com/es/php/php_error.html

Mostrando un mensaje más comprensible para el programador y/o usuario, haciendo fácil su corrección o detección de su causa.

Imagen: Ejemplo de como implementar una función die() Fuente: https://www.w3bai.com/es/php/php_error.html

1.1.20 Excepción PHP Por: Diego Castellano PHP 5 tiene un modelo de excepciones similar al de otros lenguajes de programación. Una excepción puede ser lanzada ("thrown"), y atrapada ("catched") dentro de PHP. El código puede estar dentro de un bloque try para facilitar la captura de excepciones potenciales. Cada bloque try debe tener al menos un bloque catch o finally correspondiente.

El objeto lanzado debe ser una instancia de la clase Exception o una subclase de Exception. Intentar lanzar un objeto que no lo sea resultará en un Error Fatal de PHP.

catch Se pueden usar múltiples bloques catch para atrapar diferentes clases de excepciones. La ejecución normal (cuando no es lanzada ninguna excepción dentro

del bloque try) continuará después del último bloque catch definido en la sencuencia. Las excepciones pueden ser lanzadas ("thrown") (o relanzadas) dentro de un bloque catch.

Cuando una excepción es lanzada, el código siguiente a la declaración no será ejecutado, y PHP intentará encontrar el primer bloque catch coincidente. Si una excepción no es capturada, se emitirá un Error Fatal de PHP con un mensaje "Uncaught Exception ..." ("Excepción No Capturada"), a menos que se haya definido un manejador con set_exception_handler().

Imagen: Ejemplo de como lanzar una excepción Fuente: https://www.php.net/manual/es/language.exceptions.php

finally En PHP 5.5 y posterior, se puede utilizar un bloque finally después o en lugar de los bloques catch. El código de dentro del bloque finally siempre se ejecutará después de los bloques try y catch, independientemente de que se haya lanzado una excepción o no, y antes de que la ejecución normal continúe.

Imagen: Ejemplo de como manejar un finally Fuente: https://www.php.net/manual/es/language.exceptions.php

1.1.21 PHP File Crear/ Escritura Por: Josue David Chitay Culajay Al igual que para leer un archivo, hay más de una forma de escribir en uno. La forma más básica es utilizar la función fwrite() (o fputs(), que es su alias): $file = "miarchivo. txt"; $texto = "Hola que tal"; $fp = fopen($file, "w"); fwrite($fp, $texto); fclose($fp);

Lectura de Ficheros Para leer un archivo de texto línea a línea en PHP vamos a utilizar la función fgets(). Por ejemplo, si queremos leer línea por línea el archivo 'archivo.txt' que se encuentra ubicado en la misma carpeta que el archivo 'leer.php', tenemos que escribir en el archivo PHP:

Imagen: Ejemplo de Lectura de Ficheros PHP Fuente: https://www.aprenderaprogramar.com/index.php?option=com_content&view=article&id=598:fwritephp-lectura-y-escritura-fichero-txt-modo-acceso-phpeol-salto-de-linea-ejercicio-ejemplocu00837b&catid=70&Itemid=193

Escritura de Ficheros Para escribir un archivo de texto en PHP podemos utilizar la función fwrite(). Por ejemplo, si queremos escribir línea por línea un archivo 'archivo.txt' que se encuentre ubicado en la misma carpeta que el archivo 'escribir.php', tenemos que escribir en el archivo PHP:

Imagen: Ejemplo de Escritura de Ficheros Fuente: https://www.google.com/search?q=imagen+ejemplo

1.1.22 PHP File Upload Por: Josue David Chitay Culajay Esta característica permite la subida de ficheros de texto y binarios. Con la autenticación de PHP y las funciones de manipulación de ficheros se tiene control completo sobre quién está autorizado a realizar una subida y qué hay que hacer con el fichero una vez subido. PHP es capaz de recibir subidas de ficheros de cualquier navegador compatible con el RFC-1867.

$_Files El array global $_FILES contendrá toda la información de los los ficheros subidos. Su contenido en el formulario del ejemplo es el siguiente. Este puede ser cualquier nombre

Imagen: Ejemplo de Array Global Fuente: https://www.php.net/manual/es/features.file-upload.post-method.php

Validación de la subida de ficheros Se necesita revisar la corrección de los archivos subidos como se hace con cualquier otro dato del formulario. Por ejemplo, podríamos necesitar revisar: Si los archivos fueron realmente subidos a través de una petición POST HTTP y que no fueron solo copiados desde alguna carpeta.

Imagen: Ejemplo de Validación de subida de ficheros Fuente: https://www.php.net/manual/es/features.file-upload.post-method.php

1.1.23 PHP Cookies Por: Astrid Colindres PHP tiene soporte para las «cookies» de HTTP de forma transparente. Las cookies son un mecanismo por el que se almacenan datos en el navegador remoto para monitorizar o identificar a los usuarios que vuelvan al sito web. Las cookies se pueden configurar con las funciones setcookie () o setrawcookie (). Las cookies son parte de la cabecera HTTP, por lo que setcookie () será invocada antes de enviar cualquier otra salida al navegador. Esta es la misma limitación que tiene la función header (). Se pueden utilizar las funciones del búfer de salida para retrasar la salida del script hasta que se haya decidido si establecer o no alguna cookie o enviar cualquier otra cabecera. Algunas cookies enviadas desde el cliente serán incluidas automáticamente en el array autoglobal $_COOKIE si variables_order contiene "C". Para asignar varios valores a una sola cookie, simplemente se debe agregar [] al nombre de la cookie.

Imagen: Funcionamiento de cookies en PHP (Diagrama) Fuente: https://cdn.educba.com/academy/wp-content/uploads/2019/09/Cookie-in-PHP.jpg

1.1.24 PHP Sesiones Por: Astrid Colindres En PHP, las sesiones se crean mediante la función session_start (). Si la sesión no existía, esta función crea la sesión y le asocia un identificador de sesión único. Si la sesión ya existía, esta función permite que la página tenga acceso a la información vinculada a la sesión. Es decir, todas las páginas que quieran guardar datos en $_SESSION o leer datos de $_SESSION deben comenzar con la función session_start (). La creación de sesiones requiere el envío de cabeceras HTTP, por lo que la función session_start () debe utilizarse antes de empezar a escribir el contenido de la página. En caso contrario PHP producirá un aviso y no se creará la sesión. El motivo es que el identificador de sesión se utiliza en las cabeceras de respuesta HTTP y las cabeceras se envían antes del texto de la página. En la lección sobre cabeceras se comenta con más detalle el problema del envío de cabeceras.

Imagen: Ejemplo de creación de sesión en PHP (Ejemplo codificado) Fuente: https://i.ytimg.com/vi/LXbW8IMs_gw/maxresdefault.jpg

Capítulo II 2.

JavaScript I 2.1.

JS Introduction

Por: Diego René Almengor Carrillo JavaScript es un lenguaje de programación multiplataforma orientado a objetos que se utiliza para hacer que las páginas web sean interactivas (p. ej., que tienen animaciones complejas, botones en los que se puede hacer clic, menús emergentes, etc.). También hay versiones de JavaScript del lado del servidor más avanzadas, como Node.js, que te permiten agregar más funcionalidad a un sitio web que simplemente descargar archivos (como la colaboración en tiempo real entre varias computadoras). Dentro de un entorno (por ejemplo, un navegador web), JavaScript se puede conectar a los objetos de su entorno para proporcionar control programático sobre ellos. JavaScript contiene una biblioteca estándar de objetos, como Array, Date y Math, y un conjunto básico de elementos del lenguaje como operadores, estructuras de control y declaraciones.

Imagen: Logotipo de JS Fuente: https://d8285fmxt3duy.cloudfront.net/public/articulos/img/java-script1.jpg

JavaScript de lado del cliente extiende el núcleo del lenguaje al proporcionar objetos para controlar un navegador y su Modelo de objetos de documento (DOM por Document Object Model). Por ejemplo, las extensiones de lado del cliente permiten que una aplicación coloque elementos en un formulario HTML y responda a eventos del usuario, como clics del mouse, formularios para ingreso de datos y navegación de páginas. ● JavaScript de lado del servidor amplía el núcleo del lenguaje al proporcionar objetos relevantes para ejecutar JavaScript en un servidor. Por ejemplo, las extensiones de lado del servidor permiten que una aplicación se comunique con una base de datos, brinde continuidad de información de una invocación a otra de la aplicación o realice manipulación de archivos en un servidor. Sintaxis de javascript La sintaxis de JavaScript define un conjunto de reglas que deben seguirse para escribir código correctamente, y darle así instrucciones al programa en el que estemos trabajando, ejecutando la tarea especificada de dicho código. ● No se tienen en cuenta los espacios en blanco y las nuevas líneas: el intérprete de JavaScript ignora cualquier espacio en blanco sobrante, por lo que el código se puede ordenar de forma adecuada para entenderlo mejor. (tabulando las líneas, añadiendo espacios, creando nuevas líneas, etc.). ●

● Diferencia las letras mayúsculas de las minúsculas, es decir case sensitive. Lo que significa que si definimos estas variables, de la siguiente manera, ambas se crearán sin ningún problema y con su valor asignado. ● No se define el tipo de las variables: al crear una variable, no es necesario indicar el tipo de dato que almacenará. De esta forma, una misma variable puede almacenar diferentes tipos de datos durante la ejecución del script. ● Se pueden incluir comentarios: los comentarios se utilizan para añadir información en el código fuente del programa. Los comentarios son partes del programa que el intérprete no lee. En JavaScript distinguimos dos formas de comentarios: por línea y por bloque (de varias líneas). En línea el comentario debe estar antepuesto por dos slash.

Imagen: Sintaxis JS Fuente:

http://recursostic.educacion.es/observatorio/web/images/upload/smie0000/javascript_1/eje mplo1.gif

2.2.

JS Where to

Por: Diego René Almengor Carrillo Los scripts en una página se ejecutarán inmediatamente mientras la página se carga en el navegador. Esto no es siempre lo que queremos. A veces queremos ejecutar un script cuando se carga una página, otras veces cuando un usuario activa un evento. Scripts en la sección de encabezado: los scripts que se ejecutarán cuando se llamen o cuando se active un evento, vayan a la sección de encabezado. Cuando coloca un script en la sección principal, se asegurará de que el script se cargue antes de que alguien lo use.

Imagen: Where To Fuente: http://www.cev.washington.edu/lc/CLWEBCLB/jst/js_whereto.html

Scripts en la sección del cuerpo: Los scripts que se ejecutarán cuando se cargue la página van en la sección del cuerpo. Cuando coloca un script en la sección del cuerpo, genera el contenido de la página.

Imagen: Where To Fuente: http://www.cev.washington.edu/lc/CLWEBCLB/jst/js_whereto.html

Guiones tanto en la sección del cuerpo como en la del encabezado: puede colocar una cantidad ilimitada de guiones en su documento, por lo que puede tener scripts tanto en la sección del cuerpo como en la del encabezado

Imagen: Where To Fuente: http://www.cev.washington.edu/lc/CLWEBCLB/jst/js_whereto.html

Cómo ejecutar un JavaScript externo A veces, es posible que desee ejecutar el mismo script en varias páginas, sin escribir el script en todas y cada una de las páginas. Para simplificar esto, puede escribir un script en un archivo externo y guardarlo con una extensión de archivo .js, como este:

Imagen: Where To Fuente: http://www.cev.washington.edu/lc/CLWEBCLB/jst/js_whereto.html

Guarde el archivo externo como xxx.js. Nota: El script externo no puede contener la etiqueta <script> Ahora puede llamar a este script, utilizando el atributo "src", desde cualquiera de sus páginas:

Imagen: Llamamos el archivo Fuente: http://www.cev.washington.edu/lc/CLWEBCLB/jst/js_whereto.html

2.3.

JS Variables

Por: Emanuel Eduardo Beltran Gomez Una analogía útil es pensar en las variables como etiquetas para nuestros valores. Piensa en un contenedor de arándanos con una etiqueta que dice 'arándanos'. En este ejemplo, la variable arándanos, señala hacia un valor, que son los mismos arándanos.

Imagen: Variable Fuente: https://www.freecodecamp.org/espanol/news/javascript-variables-paraprincipiantes/#:~:texto=Las%20variables%20son%20la%20manera,referirnos%20a%20este%20m%C3%A1 s%20adelante.

2.4.

JS Data Type

Por: Emanuel Eduardo Beltran Gomez Todos los lenguajes de programación tienen estructuras de datos integradas, pero estas a menudo difieren de un lenguaje a otro. Este artículo intenta enumerar las estructuras de datos integradas disponibles en JavaScript y las propiedades que tienen. Estas se pueden utilizar para construir otras estructuras de datos. Siempre que es posible, se hacen comparaciones con otros lenguajes.

Imagen: JS Data Type Fuente: https://developer.mozilla.org/es/docs/Web/JavaScript/Data_structures

2.5.

Objects/Functions

Por: Cindi Fabiola Benito Sarceño En JavaScript, las funciones se denominan objetos de función porque son objetos. Al igual que los objetos, las funciones tienen propiedades y métodos, se pueden almacenar en una variable o una matriz y se pueden pasar como argumentos a otras funciones.

Imagen: JS Functions Fuente: https://3.bp.blogspot.com/GO9xuOyhrGg/XLLrKmAlDPI/AAAAAAAAF3A/irhbzEPAlY4Fg1DbrcWGRcEDAPUbMOlgCLcBGAs/s1600/javascript-objects.PNG

2.6.

JS Scope

Por: Pablo Ismael Berganza Mendoz El scope puede definirse como el alcance que una variable tendrá en tu código. En otras palabras, el scope decide a qué variables tienes acceso en cada parte del código. Existen dos tipos de scope, el scope global y el scope local.

Qué es el Scope Local Cuando puedes acceder a una variable únicamente en cierta parte del código, se dice que esa variable está declarada en el scope local. Estas también son conocidas como variables locales. Un ejemplo de esto es cuando una variable está declarada

dentro de un bloque o una función. Si tratas de acceder a esta variable fuera de esta función o bloque, tendrás un error que dirá que la variable no está definida.

Imagen: Ejemplo de Scope Local JS Fuente: https://platzi.com/blog/como-funciona-el-scope-enjavascript/#:~:text=JavaScript%20desde%20cero.,¿Qué%20es%20el%20scope%20en%20JavaScript%3F,global%20y%20el%20scope%20local.

Qué es el Scope Global Se dice que una variable está en el scope global cuando está declarada fuera de una función o de un bloque. También son conocidas como variables globales. Puedes acceder a este tipo de variables desde cualquier parte de tu código, ya sea dentro o fuera de una función.

A pesar de que JavaScript nos permite declarar una variable como global, no es una buena práctica. Una de las razones es porque tenemos la posibilidad de declarar dos variables globales en distintas partes del código con el mismo nombre sin notarlo.

2.7.

JS Events

Por: Pablo Ismael Berganza Mendoz La interacción de JavaScript con HTML se maneja a través de eventos que ocurren cuando el usuario o el navegador manipula una página. Cuando se carga la página, se llama un evento. Cuando el usuario hace clic en un botón, ese clic también es un evento. Otros ejemplos incluyen eventos como presionar cualquier tecla, cerrar una ventana, cambiar el tamaño de una ventana, etc. Los desarrolladores pueden usar estos eventos para ejecutar respuestas codificadas en JavaScript, lo que hace que los botones cierren ventanas, se muestran mensajes a los usuarios, se validan datos y prácticamente cualquier otro tipo de respuesta imaginable.

onclick Tipo de evento

Este es el tipo de evento que se usa con más frecuencia y ocurre cuando un usuario hace clic con el botón izquierdo de su mouse. Puede poner su validación, advertencia, etc. contra este tipo de eventos.

Imagen: Ejemplo de JS Event Fuente: https://www.tutorialspoint.com/javascript/javascript_events.htm

onsubmit Tipo de evento onsubmit es un evento que ocurre cuando intentas enviar un formulario. Puede poner la validación de su formulario en este tipo de evento. El siguiente ejemplo muestra cómo usar onsubmit. Aquí estamos llamando a una función de validación () antes de enviar los datos de un formulario al servidor web. Si la función validar () devuelve verdadero, se enviará el formulario; de lo contrario, no enviará los datos.

Imagen: Ejemplo de JS Event Fuente: https://www.tutorialspoint.com/javascript/javascript_events.htm

onmouseover y onmouseout Estos dos tipos de eventos te ayudarán a crear buenos efectos con imágenes o incluso con texto. El evento onmouseover se activa cuando coloca el mouse sobre cualquier elemento y el evento onmouseout se activa cuando mueve el mouse fuera de ese elemento.

Imagen: Ejemplo de JS Event Fuente: https://www.tutorialspoint.com/javascript/javascript_events.htm

2.8.

JS String

Por: Erwin Blanco

Las cadenas son útiles para almacenar datos que se pueden representar en forma de texto. Algunas de las operaciones más utilizadas en cadenas son verificar su length, para construirlas y concatenarlas usando operadores de cadena + y +=, verificando la existencia o ubicación de subcadenas con indexOf() o extraer subcadenas con el método substring().

Imagen: Ejemplo De la sintaxis Fuente: https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/String

2.9.

JS String Methods

Por: Erwin Blanco En una traducción rápida, las Media Queries de CSS (o CSS media queries) son, consultas sobre las características del medio donde se está visualizando una web. Nos sirven para definir estilos condicionales, que solo se aplicarán en caso de que esa consulta del médico sea satisfactoria.

Imagen: Ejemplo De la sintaxis Fuente: https://miro.medium.com/max/1400/1*PxrheGqU-rY86oV4qm3l_g.png

2.10.

JS Numbers

Por: Alexandro Camel En Javascript, los números son uno de los tipos de datos básicos (tipos primitivos) que para crearlos, simplemente basta con escribirlos. No obstante, en Javascript todo son objetos, como veremos más adelante, y también se pueden declarar como si fueran un objeto:

Imagen: Ejemplo de JS Numbers Fuente: https://lenguajejs.com/javascript/fundamentos/variables-numericas/

rsort() Sin embargo, aunque existan varias formas de declararlos, no se suele utilizar la notación new con objetos primitivos ya que es bastante más tedioso y complicado que utilizar la notación de literales:

Imagen: Ejemplo de JS Numbers Fuente: https://lenguajejs.com/javascript/fundamentos/variables-numericas/

Cualquier parámetro pasado al new Number() que no sea un número, dará como resultado un valor NaN (ver más adelante).

Constante Numérica Existe una serie de constantes definidas en relación a las variables numéricas. La mayoría de ellas establecen límites máximos y mínimos, veamos su significado:

Imagen: Ejemplo de JS Numbers Fuente: https://lenguajejs.com/javascript/fundamentos/variables-numericas/

La diferencia entre Number.MAX_VALUE y Number.MAX_SAFE_INTEGER es que, el primero es el valor máximo que es posible representar en Javascript. Por otro lado, el segundo es el valor máximo para realizar cálculos con seguridad en Javascript.

Comprobaciones Numéricas En Javascript tenemos varias funciones para conocer la naturaleza de una variable numérica (número finito, número entero, número seguro o si no es representable como un número). Las podemos ver a continuación en la siguiente tabla:

Imagen: Ejemplo de JS Numbers Fuente: https://lenguajejs.com/javascript/fundamentos/variables-numericas/

2.11.

JS Numbers Methods

Por: Alexandro Camel Los valores primitivos (como 3.14 o 2014), no pueden tener propiedades y métodos (porque no son objetos). Pero con JavaScript, los métodos y propiedades también están disponibles para valores primitivos, porque JavaScript trata los valores primitivos como objetos al ejecutar métodos y propiedades.

El método toString() El toString()método devuelve un número como una cadena. Todos los métodos numéricos se pueden usar en cualquier tipo de números (literales, variables o expresiones):

Imagen: Ejemplo del Método toString Fuente: https://www.w3schools.com/js/js_number_methods.asp

El método toExponential() toExponential()devuelve una cadena, con un número redondeado y escrito en notación exponencial. Un parámetro define el número de caracteres detrás del punto decimal:

Imagen: Ejemplo del Método toString Fuente: https://www.w3schools.com/js/js_number_methods.asp

El método toFixed() toFixed()devuelve una cadena, con el número escrito con un número específico de decimales:

Imagen: Ejemplo del Método toString

Fuente: https://www.w3schools.com/js/js_number_methods.asp

toFixed(2)es perfecto para trabajar con dinero.

El método toPrecision() toPrecision()devuelve una cadena, con un número escrito con una longitud especificada:

Imagen: Ejemplo del Método toString Fuente: https://www.w3schools.com/js/js_number_methods.asp

2.12.

● ● ● ● ● ● ● ● ● ●

JS Operator

Por: Kevin Carcamo JavaScript tiene los siguientes tipos de operadores. Esta sección describe los operadores y contiene información sobre la procedencia de los mismos. Operadores de asignación Operadores de comparación Operadores aritméticos Operadores bit a bit Operadores lógicos Operadores de cadena Operador condicional (ternario) Operador coma Operadores unarios Operadores relacionales JavaScript tiene ambos operadores binarios y unarios, y un operador ternario especial, el operador condicional. Un operador binario requiere dos operandos, uno antes del operando y otro después del operador

2.13.

JS Operator

Por: Kevin Carcamo Math es un objeto incorporado que tiene propiedades y métodos para constantes y funciones matemáticas. No es un objeto de función. Math funciona con el tipo Number. No funciona con BigInt. A diferencia de los demás objetos globales, el objeto Math no se puede editar. Todas las propiedades y métodos de Math son estáticos. Usted se puede referir a la constante pi como Math.PI y puede llamar a la función seno como Math.sin(x), donde x es el argumento del método. Las constantes se definen con la precisión completa de los números reales en JavaScript. ● Propiedades Math.E

Constante de Euler, la base de los logaritmos naturales, aproximadamente 2.718. Math.LN2 Logaritmo natural de 2, aproximadamente 0.693. Math.LN10 Logaritmo natural de 10, aproximadamente 2.303. Math.LOG2E Logaritmo de E con base 2, aproximadamente 1.443. Math.LOG10E Logaritmo de E con base 10, aproximadamente 0.434. Math.PI Ratio de la circunferencia de un círculo respecto a su diámetro, aproximadamente 3.14159. Math.SQRT1_2 Raíz cuadrada de 1/2; Equivalentemente, 1 sobre la raíz cuadrada de 2, aproximadamente 0.707. Math.SQRT2 Raíz cuadrada de 2, aproximadamente 1.414.

2.14.

JS Date

Por: Yasmin Carillo El objeto Date le permite trabajar con fechas (años, meses, días, horas, minutos, segundos y milisegundos) A fecha de JavaScript puede ser escrito como una cadena: Sat Jun 11 2022 12:03:57 GMT-0600 o como un número: 1654970637114 1478386666530 Fechas escritas como números, especifica el número de milisegundos desde el 1 de enero de 1970, 00:00:00. Viendo fechas Se utiliza una secuencia de comandos para mostrar fechas dentro de un <p> elemento con id="demo”: Ejemplo <p id="demo"></p> <script> document.getElementById("demo").innerHTML = Date(); </script>

2.15.

JS Date Methods

Por: Yasmin Carrillo Fecha métodos permiten obtener y establecer los valores de fecha (años, meses, días, horas, minutos, segundos, milisegundos) El getTime() Método getTime() devuelve el número de milisegundos desde 1 de enero de 1970: Ejemplo <script>

var d = new Date(); document.getElementById("demo").innerHTML = d.getTime(); </script> El getFullYear() Método getFullYear() devuelve el año de una fecha como un número de cuatro dígitos: Ejemplo <script> var d = new Date(); document.getElementById("demo").innerHTML = d.getFullYear(); </script>

El getDay() Método getDay() devuelve el día de la semana como un número (0-6): Ejemplo <script> var d = new Date(); document.getElementById("demo").innerHTML = d.getDay(); </script>

2.16.

JS Arrays

Por: Diego Castellano El objeto Array de JavaScript es un objeto global que es usado en la construcción de arrays, que son objetos tipo lista de alto nivel. Una matriz o array puede contener muchos valores bajo un solo nombre y puede acceder a los valores haciendo referencia a un número de índice. Los arrays son objetos similares a una lista cuyo prototipo proporciona métodos para efectuar operaciones de recorrido y de mutación. Tanto la longitud como el tipo de los elementos de un array son variables. Dado que la longitud de un array puede cambiar en cualquier momento, y los datos se pueden almacenar en ubicaciones no contiguas, no hay garantía de que los arrays de JavaScript sean densos; esto depende de cómo el programador elija usarlos. La posición de un elemento en el arreglo es conocida como índice. En JavaScript, el índice del arreglo empieza con 0, e incrementa uno a uno con cada elemento. El número de elementos en el arreglo determina su longitud.

Imagen: Ejemplo de como crear un array en Javascript Fuente: https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/Array

2.17.

JS Arrays Methods

Por: Diego Castellano arr.push(...items) – agrega ítems al final. arr.pop() – extrae un ítem del final. arr.shift() – extrae un ítem del inicio. arr.unshift(...items) – agrega ítems al principio. arr.slice([principio], [final]) - Devuelve un nuevo array copiando en el mismo todos los elementos desde principio hasta final (sin incluir final). principio y final pueden ser negativos, en cuyo caso se asume la posición desde el final del array.

Imagen: Ejemplo de cómo se utiliza el método .slice() Fuente: https://es.javascript.info/array-methods

arr.concat(arg1, arg2...) - crea un nuevo array que incluye los valores de otros arrays y elementos adicionales.

Imagen: Ejemplos de cómo se utiliza el método .concat() Fuente: https://es.javascript.info/array-methods

arr.forEach permite ejecutar una función a cada elemento del array.

Imagen: Ejemplos de cómo se utiliza el método .forEach() Fuente: https://es.javascript.info/array-methods

arr.indexOf(item, from) – busca item comenzando desde el index from, y devuelve el index donde fue encontrado, de otro modo devuelve -1. arr.lastIndexOf(item, from) – igual que el anterior, pero busca de derecha a izquierda. arr.includes(item, from) – busca item comenzando devuelve true en caso de ser encontrado.

desde

el índice from,

Imagen: Ejemplos de cómo se utilizan los métodos .includes() e .indexOf. Fuente: https://es.javascript.info/array-methods

arr.find(fn) – Busca y devuelve un elemento de un array si es que existe dentro de este.

Imagen: Ejemplos sobre cómo funciona y se utiliza el método .find() Fuente: https://es.javascript.info/array-methods

2.18.

JS Booleans

Por: Josue David Chitay Culajay Los booleanos son un tipo de dato primitivo comúnmente usado en lenguajes de programación. Por definición, un booleano tiene 2 posibles valores: true (verdadero) o false (falso).

El objeto Boolean También existe un objeto nativo de JavaScript. El valor pasado como primer parámetro es convertido a un valor booleano si es necesario. Si el valor es omitido, 0, -0, 0n, -0n (BigInt), null, false, NaN, undefined, document.all, o una cadena vacía (" ", ' '. ` `), el objeto tiene valor inicial de falso. Cualquier otro valor, incluidos cualquier objeto o la cadena de texto "false", crean un objeto de valor inicial verdadero.

Imagen: Ejemplo de Objetos Boolean Fuente: https://www.freecodecamp.org/espanol/news/booleanos-en-javascript-comousarlos/#:~:text=Los%20booleanos%20son%20un%20tipo,)%20o%20false%20(falso).

2.19.

JS RegExp

Por: Josue David Chitay Culajay Esta función permite buscar determinadas secuencias de caracteres en los textos y, si se desea, reemplazarlas por otra secuencia de caracteres cualquiera. Las regex son cadenas de caracteres basadas en reglas sintácticas que permiten describir secuencias de caracteres.

Notación literal y constructor Hay dos formas de crear un objeto RegExp: una notación literal y un constructor. ● Los parámetros de la notación literal se encierran entre barras y no utilizan comillas. ● Los parámetros de la función constructora no se encierran entre barras, pero utilizan comillas.

Imagen: Ejemplo de la notación Fuente: https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/RegExp

Banderas en el constructor A partir de ECMAScript 6, new RegExp(/ab+c/, 'i') ya no arroja un TypeError ("no puedes proporcionar banderas cuando construyes una expresión regular a partir de otra") cuando el primer argumento es una RegExp y el segundo

argumento flags está presente. En su lugar, se crea una nueva RegExp a partir de los argumentos.

Imagen: Ejemplo de Banderas en el Constructor Fuente: https://developer.mozilla.org/es/docs/Web/JavaScript/Reference/Global_Objects/RegExp

2.20.

JS Type Conversion

Por: Astrid Colindres En programación, la conversión de tipos es el proceso de convertir datos de un tipo a otro. Por ejemplo: convertir Stringdatos a Number. Hay dos tipos de conversión de tipo en JavaScript. ● Conversión implícita: conversión de tipo automática En ciertas situaciones, JavaScript convierte automáticamente un tipo de datos a otro (al tipo correcto). Esto se conoce como conversión implícita. ● Conversión explícita - conversión de tipo manual También puede convertir un tipo de datos a otro según sus necesidades. La conversión de tipo que se realiza manualmente se conoce como conversión de tipo explícita. En JavaScript, las conversiones de tipos explícitos se realizan mediante métodos integrados.

Imagen: Conversiones en JS (Información) Fuente: hhttps://res.cloudinary.com/practicaldev/image/fetch/s--GTaVMqci-/c_imagga_scale,f_auto,fl_progressive,h_900,q_auto,w_1600/https://thepracticaldev.s3.amazonaws.c om/i/ntakoxl60hh5rz0wu5wd.png

2.21.

JS Comparisons

Por: Astrid Colindres Para comparar dos valores, utiliza un operador de comparación. La siguiente tabla muestra los operadores de comparación en JavaScript: Operador Sentido < menos que > más grande que <= >= == !=

Menos que o igual a Mayor qué o igual a igual a no igual a

Imagen: Operadores Comparativos (Información) Fuente: https://www.javascripttutorial.net/wp-content/uploads/2016/11/JavaScript-ComparisonOperators.png

Capítulo III 3.

JQuery

3.1.

Jquery Hide/Show

Por: Diego René Almengor Carrillo Con jQuery, puede ocultar y mostrar elementos HTML con los métodos hide() y :show()

Imagen: JQuery Hide/Show Fuente: https://www.w3schools.com/jquery/jquery_hide_show.asp

3.2.

Jquery Fade

Por: Diego René Almengor Carrillo Con jQuery puede hacer que un elemento aparezca y desaparezca de la visibilidad. El método JQuery fadeIn() se usa para desvanecer un elemento oculto

Imagen: JQuery FadeIn() Fuente: https://www.w3schools.com/jquery/jquery_hide_show.asp

El método jQuery fadeOut()se usa para desvanecer un elemento visible.

Imagen: JQuery FadeOut() Fuente: https://www.w3schools.com/jquery/jquery_hide_show.asp

El método jQuery fadeToggle()alterna entre los métodos fadeIn()y .fadeOut()

Imagen: JQuery FadeToggle() Fuente: https://www.w3schools.com/jquery/jquery_hide_show.asp

El método jQuery fadeTo()permite desvanecerse a una opacidad dada (valor entre 0 y 1).

Imagen: JQuery FadeTo() Fuente: https://www.w3schools.com/jquery/jquery_hide_show.asp

3.3.

JQuery Slide

La función Slide, permite crear un efecto deslizante sobre un elemento. Contiene tres métodos principales, slideDown(), slideUP() y slideToggle().

Imagen: Ejemplo de Slide Fuente: https://www.w3schools.com/jquery/jquery_slide.asp

3.4.

JQuery Animate

Permite crear animaciones modificando las propiedades css de los objetos del DOM de nuestra página.

Imagen: Propiedades de animate Fuente: https://www.anerbarrena.com/jquery-animate-3787/

Los elementos de la sintaxis son los siguientes:

● Elemento (obligatorio): Este valor será normalmente el id del elemento (‘#’) que queremos manipular. También puede ser un class (‘.’) o etiqueta. ● Propiedades CSS (obligatorio): Propiedades de estilos CSS que queremos animar, los valores son los del listado anterior. ● Duración (opcional): Velocidad de la duración del efecto en milisegundos. También pueden pasarse los valores ‘fast‘, ‘slow‘ y ‘normal‘. Por defecto 400 milisegundos. ● Easing (opcional): Velocidad de la animación en diferentes puntos de la misma. El valor por defecto es ‘swing‘ (movimiento rápido al principio y final y lento por el medio de la animación), en cambio el valor ‘linear‘ ofrece una animación constante sin cambios de velocidad. ● Callback (opcional): Función/acción que se ejecutará cuando el efecto se haya completado satisfactoriamente.

Imagen: Ejemplo de animate Fuente: https://www.anerbarrena.com/jquery-animate-3787/

3.5.

JQuery Stop

Es un método incorporado en jQuery que se usa para detener las animaciones que se están ejecutando actualmente para el elemento seleccionado.

Imagen: Parámetros de Stop Fuente: https://www.anerbarrena.com/jquery-animate-3787/

● stopAll: Es un parámetro opcional y el valor de este parámetro es booleano. Este parámetro se utiliza para especificar si también se deben detener o no las animaciones en cola. El valor predeterminado de este parámetro es falso.

● goToEnd: Es un parámetro opcional y el valor de este parámetro es booleano. Este parámetro se utiliza para especificar si completar o no todas las animaciones inmediatamente. El valor predeterminado de este parámetro es falso.

Imagen: Ejemplo de stop Fuente: https://www.anerbarrena.com/jquery-stop5003/#:~:text=Vamos%20a%20repasar%20la%20función,delay()

3.6.

JQuery CallBack

Por: Monica Julisa Barrera Rodriguez Los callbacks aseguran que una función no se va a ejecutar antes de que se complete una tarea, sino que se ejecutará justo después de que la tarea se haya completado.

Imagen: ejemplo de callback. Fuente: https://www.freecodecamp.org/espanol/news/funciones-callback-en-javascript-que-son-loscallback-en-js-y-como-usarlos/

La función imprimir( ) toma otra función como parámetro y la llama en su interior. Esto es válido en JavaScript y lo llamamos "callback". Así que una función que se pasa a otra función como parámetro es una función callback. Pero eso no es todo. El siguiente ejemplo tiene un parámetro de devolución de llamada que es una función que se ejecutará después de que se complete el efecto de ocultación:

Imagen: Ejemplo de callback Fuente: https://www.w3schools.com/jquery/jquery_callback.asp

3.7.

JQuery Chaining

Con jQuery, puede encadenar acciones/métodos. El encadenamiento nos permite ejecutar múltiples métodos jQuery (en el mismo elemento) dentro de una sola declaración. Hasta ahora hemos estado escribiendo declaraciones jQuery una a la vez (una tras otra). Sin embargo, existe una técnica llamada encadenamiento, que

nos permite ejecutar varios comandos de jQuery, uno tras otro, en los mismos elementos.

Imagen: Ejemplo de chaning Fuente: https://www.w3schools.com/jquery/jquery_chaining.asp

3.8.

JQuery Get

Por: Emanuel Eduardo Beltran Gomez Carga datos del servidor mediante una solicitud HTTP GET.

Imagen: Ejemplo de GET Fuente: https://api.jquery.com/jquery.get/

3.9.

JQuery Set

Por: Cindi Fabiola Benito Sarceño Usaremos los mismos tres métodos de la página anterior para configurar el contenido: text()- Establece o devuelve el contenido de texto de los elementos seleccionados ● html()- Establece o devuelve el contenido de los elementos seleccionados (incluido el marcado HTML) ● val()- Establece o devuelve el valor de los campos de formulario ●

El siguiente ejemplo demuestra cómo establecer contenido con los métodos jQuery text(), html()y :val()

Imagen: JQuery Set

Fuente: https://ayudawp.com/wp-content/uploads/2009/03/codigo-jquery.jpg

3.10.

JQuery Add

Por: Cindi Fabiola Benito Sarceño Dado un objeto jQuery que representa un conjunto de elementos DOM, el .add()método construye un nuevo objeto jQuery a partir de la unión de esos elementos y los pasados al método. El argumento para .add()puede ser prácticamente cualquier cosa que $()acepte, incluida una expresión de selector de jQuery, referencias a elementos DOM o un fragmento de código HTML.

Imagen: JQuery Add Fuente:http://www.w3bai.com/es/jquery/traversing_add.html

3.11.

JQuery Remove

Por: Pablo Ismael Berganza Mendoza El método .remove() saca elementos del DOM. Úselo cuando desee eliminar el elemento en sí, así como todo lo que contiene. Además de los propios elementos, se eliminan todos los eventos vinculados y los datos de jQuery asociados con los elementos. Para eliminar los elementos sin eliminar datos y eventos. Considere el siguiente HTML: