Informe de entrenamiento de verano

En

“ Desarrollo web"
Presentado en cumplimiento parcial de concesión de título de
Licenciatura en Tecnología en Ingeniería Electrónica y Comunicaciones

Presentado por

Divyank Ranjan
2K18
B. Tecnología (ECE)
CSJMA18001390083

Departamento de Ingeniería Electrónica y Comunicaciones,

INSTITUTO UNIVERSITARIO DE INGENIERÍA Y TECNOLOGÍA

UNIVERSIDAD CSJM, KANPUR

 Instituto Universitario de Ingeniería y Tecnología

Universidad CSJM, Kanpur

CERTIFICADO

Esto es para certificar que DIVYANK RANJAN de B.Tech (INGENIERÍA

cuarto
ELECTRÓNICA Y COMUNICACIONES), de año, ha presentado su informe de

capacitación de verano sobre "Desarrollo web" de manera exitosa y satisfactoria bajo

nuestra guía y supervisión. Este informe es un requisito para el cumplimiento parcial de su

curso B. Tech de UIET, CSJM University, Kanpur.

Eh. Amit Kumar Katiyar

(Encargado del entrenamiento de verano)

Eh. Atul Agnihotri

(Encargado del entrenamiento de verano)

Dr. Vishal Awasthi

(Jefe de Departamento, Ingeniería Electrónica y Comunicaciones)

 RECONOCIMIENTO

La oportunidad que me brindó Udemy de aprender y estudiar sobre desarrollo web marcará
una diferencia real en mis conocimientos y habilidades de ingeniería.
Me gustaría agradecer a todos aquellos que me ayudaron brindándonos sus valiosos
pensamientos e información, sin los cuales me hubiera sido difícil completar esta
capacitación. Me siento obligado y honrado de expresar mi profundo sentimiento de gratitud
hacia mi instructora de capacitación , la Dra. Angela Yu de Udemy, por su útil orientación y
sugerencias en cada etapa de esta capacitación. Estoy agradecido a mi entrenamiento de
verano a cargo de Er. Amit Kumar Katiyar y Er. Atul Agnihotri por sus conferencias en el
departamento de ingeniería electrónica y de comunicaciones me alientan y me brindan una
valiosa orientación a través de la cual puedo realizar mi capacitación con éxito.
También agradezco al Dr. Vishal Awasthi , Jefe del Departamento de Ingeniería Electrónica
y Comunicaciones por su valioso apoyo.

Fecha: Divyank Ranjan

LUGAR: Kanpur Tecnología B
4to
año
ECE 2K18
LISTA DE FIGURAS
ABSTRACTO
LISTA DE CONTENIDO: NÚMERO
DE
PÁGINA
CERTIFICADO
RECONOCIMIENTO
LISTA DE FIGURAS
ABSTRACTO
1. INTRODUCCIÓN
1.1. VARIOS ASPECTOS DEL DESARROLLO WEB
1.2. PROCESO
2. REQUISITOS DE HARDWARE Y SOFTWARE
2.1. HARDWARE REQUERIDO
2.2. SE REQUIEREN CABLES DE SOFTWARE
3. HERRAMIENTAS
3.1. INTRODUCCIÓN
3.2. CARACTERÍSTICAS
4. HTML
4.1. INTRODUCCIÓN
4.2. ¿QUÉ ES LA WEB?
4.3. VERSIONES DE HTML
5. CSS
5.1. ¿QUÉ ES CSS?
5.2. SINTAXIS CSS
5.2.1. SELECTOR DE IDENTIFICACIÓN
5.2.2. EL SELECTOR DE CLASES
5.3. COMENTARIOS CSS
5.4. ESTILOS CSS
6. JAVASCRIPT
6.1. ¿QUÉ ES JAVASCRIPT?
6.1.1. EJEMPLO DE JAVASCRIPT: CÓDIGO ENTRE LA
ETIQUETA DEL CUERPO
6.1.2. EJEMPLO DE JAVASCRIPT: CÓDIGO EN ARCHIVO
JS
6.1.3. ENTRE LA ETIQUETA HEAD DE HTML
6.2. ¿CÓMO CAMBIAR EL CONTENIDO DE HTML USANDO
JAVASCRIPT?
6.3. COMENTARIOS EN JAVASCRIPT
6.3.1. VENTAJAS DE LOS COMENTARIOS DE
JAVASCRIPT
6.4. VARIABLE JAVASCRIPT
6.5. VALIDACIÓN DE FORMULARIO JAVASCRIPT
6.5.1. VALIDACIÓN DE CONTRASEÑA VOLVER A
ESCRIBIR EN JAVASCRIPT
 6.6. FUNCIONES JAVASCRIPT
6.6.1. VENTAJA DE LA FUNCIÓN JAVASCRIPT
6.6.2. SINTAXIS DE LA FUNCIÓN JAVASCRIPT
6.7. DECLARACIONES DE CONTROL DE JAVASCRIPT
6.7.1. SI-ELSE
6.7.2. INTERRUPTOR JAVASCRIPT
7. INTRODUCCIÓN A PHP
7.1. ¿QUÉ ES PHP?
7.2. HISTORIA DE PHP
7.3. CARACTERÍSTICAS DE PHP
7.4. UN CÓDIGO PHP
7.5. INSTALAR PHP
8. MySQL
8.1. USOS
8.2. CARACTERÍSTICAS
9. PHP/MYSQL: DESARROLLO DE APLICACIONES WEB
9.1. ¿POR QUÉ PHP?
9.2. USANDO PHP CON UN SISTEMA DE BASE DE DATOS
9.3. EJECUTAR COMANDOS PHP
9.4. INTRODUCCIÓN AL SERVIDOR APACHE/ISS
CONCLUSIÓN
1. Introducción
Un sitio web es una colección de páginas web relacionadas, incluido contenido multimedia,
normalmente identificadas con un nombre de dominio común y publicadas en al menos un
servidor web. Se puede acceder a un sitio web a través de una red pública de Protocolo de
Internet (IP), como Internet, o una red de área local (LAN) privada, haciendo referencia a un
localizador uniforme de recursos (URL) que identifica el sitio.
Los sitios web pueden tener muchas funciones y utilizarse de diversas formas; un sitio web
puede ser un sitio web personal, un sitio web comercial para una empresa, un sitio web
gubernamental o un sitio web de una organización sin fines de lucro. Los sitios web suelen
estar dedicados a un tema o propósito particular, que van desde entretenimiento y redes
sociales hasta brindar noticias y educación. Todos los sitios web de acceso público
constituyen colectivamente la World Wide Web, mientras que los sitios web privados, como
el sitio web de una empresa para sus empleados, suelen formar parte de una intranet.
Desarrollo web es un término amplio para el trabajo involucrado en el desarrollo de un sitio
web para Internet (World Wide Web) o una intranet (una red privada). El desarrollo web
puede abarcar desde el desarrollo de la página única estática más simple de texto plano hasta
las más complejas aplicaciones de Internet basadas en web (o simplemente 'aplicaciones
web'), negocios electrónicos y servicios de redes sociales. Una lista más completa de tareas a
las que comúnmente se refiere el desarrollo web puede incluir ingeniería web, diseño web,
desarrollo de contenido web, enlace con el cliente, secuencias de comandos del lado del
cliente/servidor, configuración de seguridad de la red y del servidor web, y desarrollo del
comercio electrónico. Entre los profesionales web, "desarrollo web" generalmente se refiere a
los principales aspectos no relacionados con el diseño de la creación de sitios web: escritura,
marcado y codificación.
1.1 Varios aspectos del desarrollo web
Antes de desarrollar un sitio web se deben tener en cuenta varios aspectos como:
 ¿Qué poner en el sitio web?
 ¿Quién lo acogerá?
 Cómo hacerlo interactivo
 ¿Cómo proteger el código fuente con frecuencia?
 ¿El diseño del sitio web se mostrará bien en diferentes navegadores?
 ¿Serán fáciles de usar los menús de navegación?
 ¿El sitio web se cargará rápidamente?
 ¿Con qué facilidad se imprimirán las páginas del sitio?
1.2 Proceso

Estos son los pasos que se consideran al desarrollar una página web:
 Fig 1: Proceso de desarrollo web

2. REQUISITOS DE HARDWARE Y SOFTWARE:

2.1 Hardware requerido:

TABLA 1: HARDWARE REQUERIDO

Número Descripción
1. Pentium 4, ventana XP/ventana 7
2. 256 MB de RAM

2.2 Cables de software necesarios:

TABLA 2: SOFTWARES REQUERIDOS

Número Descripción
1. WindowsXP, 7
2. PHP 5.1
3. mysql
4. Servidor IIS/XAMPP
5. HTML/CSS/JavaScript

3. HERRAMIENTAS
3.1 Introducción
Se planeó que la aplicación Traducir y Editar constara de dos partes: interfaz y
desarrollo de back-end. El front-end es la parte de la web que puede ver e interactuar (por
ejemplo, programación del lado del cliente). Mientras que el código de front-end interactúa
con el usuario en tiempo real, el back-end interactúa con un servidor para devolver
resultados listos para el usuario. El front-end es una combinación de codificación HTML,
CSS y JavaScript. Al utilizar JavaScript, se pueden realizar modificaciones en el diseño de
una página web de forma inmediata, pero sólo temporales y visibles únicamente para el
usuario.

Normalmente, el usuario no tendría derechos para modificar el contenido web

dinámicamente en el servidor.
lado. Lógicamente, los administradores son quienes se ocupan de la modificación back-end
de
bases de datos, por ejemplo, ya que a menudo contienen datos confidenciales que no
deberían estar disponibles para que el público en general los vea o modifique. Estas
herramientas de front-end y back-end incluyen lenguajes como HTML, CSS, JavaScript,
PHP, MySQL, etc. Discutiremos todos estos idiomas brevemente como se indica a
continuación.
3.2 Características
 Activos de páginas web, recursos e información de red
 Beneficio y auditoría

4.HTML

4.1 Introducción

HTML (Lenguaje de marcado de hipertexto) es lo que se conoce como "lenguaje de

marcado" cuya función es preparar documentos escritos utilizando etiquetas de formato.
Las etiquetas indican cómo se presenta el documento y cómo se vincula con otros
documentos.

La World Wide Web (para abreviar WWW), o simplemente la Web, es la red mundial
formada por todos los documentos (llamados "páginas web") que están conectados entre sí
mediante hipervínculos.

Las páginas web generalmente se organizan alrededor de una página principal, que actúa
como un centro para explorar otras páginas con hipervínculos. Este grupo de páginas web
unidas por hipervínculos y centradas alrededor de una página principal se denomina sitio
web.

La Web es un vasto archivo viviente compuesto por una miríada de sitios web, que brinda a
las personas acceso a páginas web que pueden contener texto formateado, imágenes,
sonidos, videos, etc.

4.2 ¿Qué es la Web?

La Web está compuesta por páginas web almacenadas en servidores web, que son máquinas
que están constantemente conectadas a Internet y que proporcionan las páginas que los
usuarios solicitan. Cada página web y, en general, cualquier recurso en línea, como
imágenes, vídeos, música y animaciones, está asociada a una dirección única denominada
URL. El elemento clave para ver páginas web es el navegador, un programa de software
que envía solicitudes a servidores web, luego procesa los datos resultantes y muestra la
información según lo previsto, según las instrucciones de la página HTML.
Los navegadores más utilizados en Internet incluyen:

 Mozilla Firefox,
 Microsoft Internet Explorer,
 Netscape Navigator,
 Safari,
 Ópera

4.3 Versiones de HTML:

HTML fue diseñado por Tim Berners-Lee, en ese momento investigador del CERN (Red
China de Investigación de Ecosistemas), a partir de 1989. Anunció oficialmente la creación
de la Web en Usenet en agosto de 1991. Sin embargo, no fue hasta 1993 que HTML se
consideró lo suficientemente avanzado como para llamarlo lenguaje (entonces HTML fue
bautizado simbólicamente como HTML 1.0).

RFC 1866, de noviembre de 1995, representó la primera versión oficial de HTML,

denominada HTML 2.0. Tras la breve aparición de HTML 3.0, que nunca fue lanzado
oficialmente, HTML 3.2 se convirtió en el estándar oficial el 14 de enero de 1997. Los
cambios más significativos en HTML 3.2 fueron la estandarización de tablas, así como
muchas características relacionadas con la presentación de páginas web.

El 18 de diciembre de 1997 se lanzó HTML 4.0. La versión 4.0 de HTML se destacó por
estandarizar las hojas de estilo y los marcos. La versión HTML 4.01, que salió el 24 de
diciembre de 1999, realizó varias modificaciones menores a HTML 4.0.

Ejemplo:

<HTML>
<CABEZA>
</CABEZA>
<CUERPO>
<H5>ESTO ES UN EJEMPLO</H5>
</CUERPO>
</HTML>

5. CSS:
5.1 ¿Qué es CSS?

 CSS significa hojas de estilo en cascada.

 CSS describe cómo se mostrarán los elementos HTML en la pantalla, en papel o en otros
medios.

 CSS ahorra mucho trabajo. Puede controlar el diseño de varias páginas web a la vez.

 Las hojas de estilo externas se almacenan en archivos CSS.

  CSS describe cómo se deben mostrar los elementos HTML.

 ¡CSS ahorra mucho trabajo! Las definiciones de estilo normalmente se guardan en

archivos .css externos.

 ¡Con un archivo de hoja de estilo externo, podemos cambiar el aspecto de un sitio web
completo cambiando solo un archivo!

 CSS puede ser externo o interno.

5.2 Sintaxis CSS:

Un conjunto de reglas CSS consta de un selector y un bloque de declaración:

Selector de CSS: el selector apunta al elemento HTML al que desea aplicar estilo.

El bloque de declaración contiene una o más declaraciones separadas por punto y coma.

Cada declaración incluye un nombre de propiedad CSS y un valor, separados por dos
puntos.

Una declaración CSS siempre termina con un punto y coma y los bloques de declaración
están rodeados por llaves.

El CSS externo se puede declarar en la página HTML requerida como:

<enlace rel="hoja de estilo" href="nombre_archivo_CSS ".css">

El archivo CSS externo se guarda usando la extensión .css, mientras que el CSS interno se
guarda en el archivo HTML correspondiente usando la etiqueta <style>. Usar CSS externo
es mucho mejor que usar interno. Aquí hay algunas razones por las que esto es mejor.

 Mantenimiento más fácil

 Tamaño de archivo reducido

 Ancho de banda reducido

 Flexibilidad mejorada

Los selectores que se pueden utilizar para seleccionar la parte HTML son:

 selector de identificación

 selector de clase

5.2.1 Selector de identificación:

El selector de identificación utiliza el atributo de identificación de un elemento HTML

para seleccionar un elemento específico. la identificación de
 un elemento debe ser único dentro de una página, por lo que el selector de identificación se
usa para seleccionar uno único
¡elemento! Para seleccionar un elemento con una identificación específica, escriba un
carácter almohadilla (#), seguido de la identificación
del elemento. La siguiente regla de estilo se aplicará al elemento HTML con id="paral":

Ejemplo

Supongamos que el contenido HTML es el siguiente,

<hl id="para1">contenido</h1>

Entonces Id será declarado como

#para1 {

alineación de texto: centro;

color azul;

familia de fuentes: jokerman;

5.2.2 El selector de clase:

El selector de clases selecciona elementos con un atributo de clase específico.

Para seleccionar elementos con una clase específica, escriba un carácter de punto (.),
seguido del nombre de la clase.

Ejemplo:

.para1

alineación de texto: centro;

color azul;

familia de fuentes: Jokerman;

5.3 Comentarios CSS:

Los comentarios se utilizan para explicar el código y pueden ayudar cuando edite el código
fuente en una fecha posterior. Los navegadores ignoran los comentarios. Un comentario
CSS comienza con /* y termina con */. Los comentarios también pueden abarcar varias
líneas.

Ejemplo

Para1

alineación de texto: centro;

color azul;

familia de fuentes: Jokerman;

/*este es el comentario de una sola línea */

En el ejemplo anterior, todos los elementos HTML con class-paral" serán azules y estarán
alineados en el centro.

5.4 Estilos CSS:

 Propiedades de fondo

 Propiedades de borde

 Relleno

 Margen

 Color

 Propiedades de fuente

 Propiedades del texto Propiedades del enlace/Propiedades de la barra de navegación

6. JAVASCRIPT:

6.1 ¿Qué es JavaScript?

JavaScript es un lenguaje de programación basado en objetos, ligero y multiplataforma.

JavaScript no se compila sino que se traduce. El traductor de JavaScript (integrado en el
navegador) es responsable de traducir el código JavaScript.

Se utiliza principalmente para:

 Validación del lado del cliente

 Menús desplegables dinámicos.

 Visualización de datos y hora.

  Mostrar ventanas emergentes y cuadros de diálogo (como cuadros de diálogo de
alerta, cuadros de diálogo de confirmación y cuadros de diálogo de aviso).

 Visualización de relojes, etc.

Ejemplo de JavaScript:

<h2>Bienvenido a JavaScript</h2>

<guión>

document.write("Hola JavaScript por JavaScript");

</script>

Aquí, la etiqueta <script> se usa para inicializar el script y document.write() es una función
que se usa para escribir.

Al igual que CSS, JavaScript también se puede colocar en:

1. Entre la etiqueta del cuerpo de html.

2. En archivo js (JavaScript externo)

3. Entre la etiqueta principal de html.

6.1.1 Ejemplo de JavaScript: código entre la etiqueta del cuerpo:

En el ejemplo dado, hemos mostrado el contenido dinámico usando JavaScript. Veamos el

ejemplo simple de JavaScript que muestra el cuadro de diálogo de alerta.

<tipo de script="texto/javascript">

alert("Hola Javatpoint");

</script>

6.1.2 Ejemplo de JavaScript: código en archivo JS

 archivo mensaje.js
mensaje de función()
{
alert("Hola Javatpoint");
}

 índice.html
<cabeza>
<script tipo="text/javascript" src="message.js"></script>
</cabeza>
<cuerpo>
 <p>Bienvenido a JavaScript</p>
<formulario>
<tipo de entrada="botón" valor="clic" onclick="msg()"/>
</formulario>
</cuerpo>

Podemos crear un archivo JavaScript externo e incrustarlo en muchas páginas html.

Proporciona reutilización del código porque se puede utilizar un único archivo JavaScript
en varias páginas HTML. Se debe guardar un archivo JavaScript externo con la extensión
js. Se recomienda incrustar todos los archivos JavaScript en un solo archivo. Aumenta la
velocidad de la página web.

6.1.3 Entre la etiqueta head de html

En el ejemplo que se da a continuación, tenemos una función msg() que se llama. Para crear
una función, usamos el nombre de la función con la palabra clave función. Para la llamada
a una función, necesitamos tener un evento.

Ejemplo:

<cabeza>

<tipo de script="texto/javascript">

mensaje de función()

alert("Hola Javatpoint");

</script>

</cabeza>

<cuerpo>

<p>Bienvenido a JavaScript</p>

<formulario>

<tipo de entrada="botón" valor="clic" onclick="msg()"/>

</formulario>

</cuerpo>

6.2 ¿Cómo cambiar el contenido de HTML usando JavaScript?

Uno de los muchos métodos HTML de JavaScript es getElementById().

Este ejemplo utiliza el método para "encontrar" un elemento HTML (con id="demo") y
cambia el contenido del elemento (innerHTML) a "Hola JavaScript":

Ejemplo -

document.getElementById("demo").innerHTML = "Hola JavaScript";

document.getElementById("demo").style.fontSize="25px";

<html>

<cabeza>

<guión>

función miFunción()

document.getElementById("demostración").innerHTML

"Párrafo

cambió.";

</script>

</cabeza>

<cuerpo>

<h1>Mi página web</h1>

<p id="demo">Un párrafo</p>

<button type="button" onclick="myFunction()">Pruébalo</button>

</cuerpo>

</html>

6.3 Comentarios en JavaScript:

Los comentarios de JavaScript son una forma significativa de entregar mensajes. Se utiliza
para agregar información sobre el código, advertencias o sugerencias para que el usuario
final pueda interpretar el código fácilmente. El motor de JavaScript ignora el comentario de
JavaScript, es decir, está integrado en el navegador.

6.3.1 Ventajas de los comentarios de JavaScript:

Los comentarios de JavaScript tienen principalmente dos ventajas.

 Para hacer que el código sea fácil de entender: se puede utilizar para elaborar el
código de modo que el usuario final pueda comprenderlo fácilmente.
 Para evitar el código innecesario: También se puede utilizar para evitar que se
ejecute el código. A veces, agregamos el código para realizar alguna acción. Pero
después de un tiempo, es posible que sea necesario desactivar el código. En tal caso,
es mejor utilizar comentarios.

Ejemplo

<tipo de script="texto/javascript">

mensaje de función()

alert("Hola Javatpoint"); /*este es un comentario*/

</script>

6.4 Variables de JavaScript:

Una variable de JavaScript es simplemente un nombre de ubicación de almacenamiento.

Hay dos tipos de variables en JavaScript: variable local y variable global. Existen algunas
reglas al declarar una variable de JavaScript (también conocidas como identificadores).

 El nombre debe comenzar con una letra (a a z o A a Z), guión bajo (_) o signo de
dólar ($).

 Después de la primera letra podemos usar dígitos (0 a 9), por ejemplo valor1.

Las variables de JavaScript distinguen entre mayúsculas y minúsculas, por ejemplo x y X

son variables diferentes.

6.5 Validación de formularios JavaScript:

Es importante validar el formulario enviado por el usuario porque puede tener valores
inapropiados. Entonces, la validación es imprescindible.

JavaScript le brinda la posibilidad de validar el formulario en el lado del cliente para que el
procesamiento sea más rápido que la validación del lado del servidor. Por lo tanto, la
mayoría de los desarrolladores web prefieren la validación de formularios JavaScript.

A través de JavaScript podemos validar los campos de nombre, contraseña, correo

electrónico, fecha, número de móvil, etc.
Ejemplo:

<guión>

función validar formulario()

var nombre=documento.miformulario.nombre.valor;

var contraseña-documento.miformulario.contraseña.valor;

si (nombre=nulo || nombre="")

alert("El nombre no puede estar en blanco");

falso retorno;
}

de lo contrario si (contraseña.longitud<6)

alert("La contraseña debe tener al menos 6 caracteres.");

falso retorno;

</script>

<cuerpo>

<nombre del formulario="miformulario" método="publicación" acción="abc.jsp"

onsubmit="retorno validarpara

metro()">

Nombre: <tipo de entrada="texto" nombre="nombre"><br/>

Contraseña: <tipo de entrada="contraseña" nombre="contraseña"><br/> <tipo de

entrada="enviar" valor="registro">

</formulario>

</cuerpo>
En este ejemplo, vamos a validar el nombre y la contraseña. El nombre no puede estar
vacío y la contraseña no puede tener menos de 6 caracteres. Aquí, estamos validando el
formulario al enviarlo. El usuario no será redireccionado a la página siguiente hasta que los
valores proporcionados sean correctos.

6.5.1 Validación de contraseña para volver a escribir JavaScript:

<tipo de script="texto/javascript">

función matchpass()

var primera contraseña-documento.f1.contraseña.valor;

var segundacontraseña=document.f1.contraseña2.valor;
si(primera contraseña=segunda contraseña)

devolver verdadero;

Demás

alert("¡la contraseña debe ser la misma!");

falso retorno;

</script>

<formulario nombre="f1" acción="register.jsp" onsubmit="return matchpass()">

Contraseña:<tipo de entrada="contraseña" nombre="contraseña2"/>><br/>

Vuelva a ingresar la contraseña:<input type="contraseña" nombre="contraseña" /><br/>

<tipo de entrada="enviar">

</formulario>

6.6 Funciones de JavaScript:

Las funciones de JavaScript se utilizan para realizar operaciones. Podemos llamar a la
función JavaScript muchas

veces para reutilizar el código.

6.6.1 Ventajas de la función JavaScript

Existen principalmente dos ventajas de las funciones de JavaScript.

 Reutilización del código

 Menos codificación

6.6.2 Sintaxis de funciones de JavaScript

La sintaxis de la función de declaración se proporciona a continuación.

función nombre de función ([arg1, arg2....argN])

//código a ejecutar

}
Las funciones de JavaScript pueden tener 0 o más argumentos.

Ejemplo

<guión>

mensaje de función()

alert("¡hola! este es el mensaje");

</script>

<tipo de entrada="botón" onclick="msg()" valor="función de llamada"/>

Salida del ejemplo anterior:

¡Hola! este es el mensaje

6.7 Declaraciones de control de JavaScript:

6.7.1 Si-si no:

Evalúa el contenido si la condición es verdadera o falsa. La sintaxis de la declaración if-else
de JavaScript se proporciona a continuación.

si (expresión)

//contenido a evaluar si la condición es verdadera

Demás

//contenido a evaluar si la condición es falsa

Ejemplo:

<guión>

var a=20;

si(a%2==0)

document.write("a es un número par");

demás

document.write("a es un número impar");

</script>

6.7.2 Cambio de JavaScript:

La declaración de cambio de JavaScript se utiliza para ejecutar un código a partir de

múltiples expresiones. Es como la declaración else if que aprendimos en la página anterior.
Pero es más conveniente que if...else...if porque se puede usar con números, caracteres, etc.
La firma de la declaración de cambio de JavaScript se proporciona a continuación.
cambiar (expresión)

valor de caso1:

código a ejecutar;

romper;

valor de caso2:

código a ejecutar;

romper;

predeterminado: código que se ejecutará si los valores anteriores no coinciden;

7. INTRODUCCIÓN A PHP:

7.1 ¿Qué es PHP?

PHP es un lenguaje de programación de código abierto, interpretado y orientado a objetos,

es decir, ejecutado en el lado del servidor. Se utiliza para desarrollar aplicaciones web (una
aplicación, es decir, ejecutada en el lado del servidor y genera una página dinámica).

PHP significa preprocesador de hipertexto.

 PHP es un lenguaje de programación del lado del servidor.

 PHP es un lenguaje interpretado, es decir, no es necesario compilarlo.

 PHP es un lenguaje orientado a objetos.

 PHP es un lenguaje de programación de código abierto.

 PHP es un lenguaje simple y fácil de aprender.

7.2 Historia de PHP:

PHP (PHP: Preprocesador de hipertexto) fue creado por Rasmus Lerdorf en 1994.
Inicialmente se desarrolló para el registro de uso de HTTP y la generación de formularios
del lado del servidor iUnix.

PHP 2 (1995) transformó el lenguaje en un lenguaje de programación integrado del lado del
servidor. Se agregó soporte de base de datos, carga de archivos, variables, matrices,
funciones recursivas, condicionales, iteración, expresiones regulares, etc.
PHP 3 (1998) agregó soporte para fuentes de datos ODBC, soporte para múltiples
plataformas, protocolos de correo electrónico (SNMP.IMAP) y un nuevo analizador escrito
por Zeev Suraski y Andi Gutmans.

PHP 4 (2000) se convirtió en un componente independiente del servidor web para mayor
eficiencia. El analizador pasó a llamarse Zend Engine. Se agregaron muchas características
de valores.

PHP 5 (2004) agrega Zend Engine II con programación orientada a objetos, soporte XML
sólido utilizando la biblioteca libxml2, servicios SOAP, SQLite se ha incluido con PHP.
Extensión para interoperabilidad con servicios web, SQLite se ha incluido con PHP.

7.3 Características de PHP:

Se proporcionan muchas características de PHP.

 Rendimiento: los scripts escritos en PHP se ejecutan mucho más rápido que los
scripts escritos en otros lenguajes como JSP y ASP.
 Software de código abierto: el código fuente PHP está disponible de forma gratuita
en la web, puede desarrollar todas las versiones de PHP según sus necesidades sin
pagar ningún costo.
 Independiente de plataforma: PHP está disponible para WINDOWS, MAC, LINUX
y UNIX
Sistema operativo. Una aplicación PHP desarrollada en un sistema operativo
también se puede ejecutar fácilmente en otro sistema operativo.
 Compatibilidad: PHP es compatible con casi todos los servidores locales utilizados
hoy en día como Apache, IIS, etc.
 Integrado: el código PHP se puede integrar fácilmente en etiquetas y secuencias de
comandos HTML .

Figura 2: CARACTERÍSTICAS DE PHP

7.4 Un código PHP:

Nota: = escriba etiquetas HTML + código PHP y guarde este archivo con la extensión .php.

Archivo: hola.php

<html>
<cuerpo>
<?php
echo "<h2>Hola por PHP</h2>";
?>
</cuerpo>
</html>

7.5 Instalar PHP:

Para instalar PHP, utilice para instalar la pila de software AMP (Apache, MySQL, PHP).
Está disponible para todos los sistemas operativos. Hay muchas opciones de AMP
disponibles en el mercado que se detallan a continuación:

 WAMP para Windows

 LÁMPARA para Linux

 MAMP para Mac (Macintosh)

 SAMP para Solaris FAMP para FreeBSD

 XAMPP (Cross, Apache, MySQL, PHP, Perl) para multiplataforma.

8.MYSQL:

MySQL (My SQL, o "Mi secuela") es un sistema de gestión de bases de datos relacionales
(RDBMS) que cuenta con más de 6 millones de instalaciones. MySQL significa "Mi
lenguaje de consulta estructurado". El programa se ejecuta como un servidor que
proporciona acceso multiusuario a varias bases de datos.

8.1 Usos:

MySQL se utiliza en aplicaciones web y actúa como componente de base de datos de la pila
de software LAMP. Su popularidad para su uso con aplicaciones web está estrechamente
ligada a la popularidad de PHP, que a menudo se combina con MySQL. Varios sitios web
de alto tráfico (incluidos Flickr, Facebook, Wikipedia, Google (aunque no para búsquedas),
Nokia, Auctionmarts y YouTube) utilizan MySQL para el almacenamiento y registro de
datos de los usuarios.

8.2 Características:

 Un amplio subconjunto de ANSI SQL 99, así como extensiones

  Soporte multiplataforma ▸ Procedimientos almacenados

 Desencadenantes.

 Cursores

 Modo estricto

 Vistas actualizables

 Almacenamiento en caché de consultas

 Sub-SELECCIONES (es decir, SELECCIONES anidadas)

 Replicación con un maestro por esclavo, muchos esclavos por maestro, sin soporte
automático para múltiples maestros por esclavo.

9. PHP/MYSQL: DESARROLLO DE APLICACIONES WEB

PHP y MySQL son dos tecnologías de bases de datos y secuencias de comandos de código
abierto líderes para los diseñadores web actuales. Se ejecutan en servidores Linux y
Windows, por lo que lo más probable es que su proveedor de alojamiento web lo admita.
Con la llegada de PHS, el lenguaje PHP ha evolucionado hasta convertirse en un lenguaje
de programación orientado a objetos que permite aplicaciones web más sólidas y basadas
en estándares.

Los sitios web comunitarios aprovechan PHP y MYSQL para crear aplicaciones y sitios
web dinámicos e interactivos basados en bases de datos enriquecidas. Nuestros servicios
incluyen desarrollo web PHP y MySQL, carritos de compras de código abierto, PHP,
desarrollo offshore de MySQL y servicios de programación PHP. Contamos con un equipo
de codificadores experimentados dedicados a trabajar en cualquier proyecto php/mysql y lo
entregamos a tiempo, según sus especificaciones.

PHP (o preprocesador de hipertexto PHP) es un lenguaje de programación del lado del

servidor que se utiliza para crear páginas web dinámicas que pueden interactuar con bases
de datos. Es un lenguaje de código abierto ampliamente utilizado que se utiliza
específicamente para el desarrollo de aplicaciones web y puede integrarse en HTML.

9.1 ¿Por qué PHP?

La característica distintiva de PHP es que el código de secuencia de comandos se ejecuta en

el servidor, que genera HTML que se envía de vuelta al cliente. El cliente recibe el
resultado de ejecutar el script sin conocer el código subyacente. Los desarrolladores pueden
configurar el servidor web para procesar todos los archivos HTML (que contienen el script
PHP).

9.2 Usando PHP con un sistema de base de datos

PHP, como lenguaje de programación, es popular entre los desarrolladores web debido a su
capacidad para interactuar con sistemas de bases de datos, incluidos Oracle y MySQL. Este
artículo analiza el uso de secuencias de comandos PHP.

lenguaje con la base de datos MySQL. Cualquier sitio web puede requerir una variedad de
datos o información para mostrarlos y recuperarlos de la base de datos. Esto puede incluir
la visualización de una lista simple del funcionamiento del sitio web basada en los datos
almacenados en la base de datos.

A continuación se enumeran algunos ejemplos en los que PHP y MySQL se pueden utilizar
juntos:

 Banners de anuncios digitales, donde el script PHP se puede utilizar para recuperar
un banner digital de la base de datos, que luego selecciona un banner aleatorio de
sus registros de tabla y lo envía de regreso al script de llamada. El script PHP
también puede mantener un recuento de vistas de banner y clics desde el sitio web.

 Foros de Internet o tableros digitales, que utilizan PHP y MySQL para almacenar y
recuperar mensajes de los usuarios.

 Diseño de sitios web, donde el diseño de un sitio web completo se puede cambiar
usando un par de scripts PHP, en lugar de cambiar y cargar cada página web. El
script PHP puede acceder a la base de datos MySQL para recuperar toda la
información sobre la página web.

Comando SQLi integrado en PHP: como se muestra en la figura 3, podemos insertar

comandos SQL en un script PHP

Fig 3: Comando SQLi integrado en PHP

 El comando utilizado para mostrar el nombre:

<?php echo $apellido; ?>

La página web de salida sería:

Fig 4: PÁGINA WEB MOSTRADA AL APLICAR COMANDOS SQL INTEGRADOS

EN PHP

9.3 Ejecutar comandos PHP

Después de configurar y conectarse a la base de datos MySQL, puede comenzar a ejecutar

comandos PHP en el servidor. Los siguientes son los 2 métodos para ejecutar un comando
PHPIngresando el comando en PHP usando la siguiente sintaxis:

MySQL_query($consulta)

Esta forma de comando se puede utilizar para repetir el comando simplemente cambiando
la variable. Definiendo el comando como una variable. El resultado de la operación será
asignado a la variable.

9.4 Introducción al servidor Apache/ISS

Si aloja un sitio web, es muy probable que esté ejecutando Apache o Internet Information
Services (IIS). Son, con diferencia, las dos plataformas de servidores web más comunes.
entre ellos dominan alrededor del 70% del mercado. Apache, o para usar su título real
completo, el servidor web Apache HTTP, es una aplicación de servidor web de código
abierto administrada por la Apache Software Foundation. El software del servidor se
distribuye libremente y la licencia de código abierto significa que los usuarios pueden
editar el código subyacente para modificar el rendimiento y contribuir al desarrollo futuro
del programa, una fuente importante de su amado estatus entre sus defensores. El soporte,
las correcciones y el desarrollo están a cargo de la leal comunidad de usuarios y
coordinados por Apache Software Foundation. IIS (Internet Information Services) es la
oferta de servidor web de Microsoft, que juega un papel secundario frente al líder del
mercado Apache. Como se espera de un producto principal de Microsoft, solo se ejecuta y
está incluido en los sistemas operativos Windows, pero por lo demás es de uso gratuito. Es
un producto de software cerrado y respaldado únicamente por Microsoft. Aunque el
desarrollo no es tan abierto y rápido como la naturaleza de código abierto soportada por el
usuario de Apache, un gigante como Microsoft puede ofrecer formidables recursos de
soporte y desarrollo a sus productos, y IIS afortunadamente se ha beneficiado de esto.

TABLA-3 COMPARACIÓN DE IIS Y APACHE

Característica ISS apache

SO compatible ventanas Linux, Unix, Windows, MacOS

Desarrollo Cerrado Fuente abierta
Costo Gratis, incluido con Gratis
Windows
Actuación Bien Bien
Seguridad Excelente Bien

CONCLUSIÓN:

En pocas palabras, esta pasantía ha sido una experiencia excelente y gratificante. Puedo
concluir que he aprendido mucho de mi trabajo en el centro de formación e investigación.
No hace falta decir que los aspectos técnicos del trabajo que he realizado no son perfectos y
podrían mejorarse con el tiempo suficiente.

Como alguien sin experiencia previa en JavaScript, creo que el tiempo dedicado a
capacitarme y descubrir nuevos lenguajes valió la pena y contribuyó a encontrar una
solución aceptable para un aspecto importante del diseño y desarrollo web. Dos cosas
principales que he aprendido son la importancia de nuestras habilidades de gestión del
tiempo y la automotivación. Aunque a menudo me he topado con estos problemas en la
universidad, en el entorno laboral había que abordarlos de otra manera.

Trabajar con lenguajes de desarrollo web ha aumentado mi interés en ellos, lo que me

impulsó a transferirme al curso de Diseño y Desarrollo Web en mi universidad.